primereact 8.3.0 → 8.4.0

package/primereact.all.esm.js

@@ -172,6 +172,8 @@ _defineProperty(PrimeReact, "autoZIndex", true);
 
 _defineProperty(PrimeReact, "nonce", null);
 
+_defineProperty(PrimeReact, "nullSortOrder", 1);
+
 _defineProperty(PrimeReact, "zIndex", {
   modal: 1100,
   overlay: 1000,
@@ -186,9 +188,9 @@ _defineProperty(PrimeReact, "filterMatchModeOptions", {
   date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
 });
 
-function ownKeys$1G(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$z(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$1G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var locales = {
   'en': {
     startsWith: 'Starts with',
@@ -255,7 +257,7 @@ function locale(locale) {
 }
 
 function addLocale(locale, options) {
-  locales[locale] = _objectSpread$1G(_objectSpread$1G({}, locales['en']), options);
+  locales[locale] = _objectSpread$z(_objectSpread$z({}, locales['en']), options);
 }
 
 function updateLocaleOption(key, value, locale) {
@@ -265,7 +267,7 @@ function updateLocaleOption(key, value, locale) {
 function updateLocaleOptions(options, locale) {
   var _locale = locale || PrimeReact.locale;
 
-  locales[_locale] = _objectSpread$1G(_objectSpread$1G({}, locales[_locale]), options);
+  locales[_locale] = _objectSpread$z(_objectSpread$z({}, locales[_locale]), options);
 }
 
 function localeOption(key, locale) {
@@ -817,6 +819,8 @@ var DomHandler = /*#__PURE__*/function () {
       if (element) {
         if (element.classList) return element.classList.contains(className);else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
       }
+
+      return false;
     }
   }, {
     key: "find",
@@ -1390,7 +1394,8 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     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",
@@ -1608,6 +1613,100 @@ var DomHandler = /*#__PURE__*/function () {
         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;
@@ -1675,9 +1774,9 @@ function EventBus() {
   };
 }
 
-function ownKeys$1F(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$y(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$1F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function mask(el, options) {
   var defaultOptions = {
     mask: null,
@@ -1690,7 +1789,7 @@ function mask(el, options) {
     onFocus: null,
     onBlur: null
   };
-  options = _objectSpread$1F(_objectSpread$1F({}, defaultOptions), options);
+  options = _objectSpread$y(_objectSpread$y({}, defaultOptions), options);
   var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
 
   var caret = function caret(first, last) {
@@ -2384,24 +2483,25 @@ var ObjectUtils = /*#__PURE__*/function () {
     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;
     }
   }]);
 
   return ObjectUtils;
 }();
 
-function ownKeys$1E(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$x(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$1E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var IconUtils = /*#__PURE__*/function () {
   function IconUtils() {
@@ -2424,7 +2524,7 @@ var IconUtils = /*#__PURE__*/function () {
         }));
 
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$1E({
+          var defaultContentOptions = _objectSpread$x({
             iconProps: iconProps,
             element: content
           }, options);
@@ -3156,9 +3256,9 @@ var useTimeout = function useTimeout(fn) {
 };
 /* eslint-enable */
 
-function ownKeys$1D(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$w(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$1D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CSSTransition = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact.cssTransition;
 
@@ -3234,7 +3334,7 @@ var CSSTransition = /*#__PURE__*/React.forwardRef(function (props, ref) {
       unmountOnExit: props.unmountOnExit
     };
 
-    var mergedProps = _objectSpread$1D(_objectSpread$1D(_objectSpread$1D({}, mutableProps), props.options || {}), immutableProps);
+    var mergedProps = _objectSpread$w(_objectSpread$w(_objectSpread$w({}, mutableProps), props.options || {}), immutableProps);
 
     return /*#__PURE__*/React.createElement(CSSTransition$1, mergedProps, props.children);
   }
@@ -3244,9 +3344,9 @@ CSSTransition.defaultProps = {
   __TYPE: 'CSSTransition'
 };
 
-function ownKeys$1C(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$v(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$1C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AccordionTab = function AccordionTab() {};
 var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
@@ -3306,11 +3406,12 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1C({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     if (!idState) {
@@ -3319,7 +3420,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 
   var createTabHeader = function createTabHeader(tab, selected, index) {
-    var style = _objectSpread$1C(_objectSpread$1C({}, tab.props.style || {}), tab.props.headerStyle || {});
+    var style = _objectSpread$v(_objectSpread$v({}, tab.props.style || {}), tab.props.headerStyle || {});
 
     var className = classNames('p-accordion-header', {
       'p-highlight': selected,
@@ -3355,7 +3456,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var createTabContent = function createTabContent(tab, selected, index) {
-    var style = _objectSpread$1C(_objectSpread$1C({}, tab.props.style || {}), tab.props.contentStyle || {});
+    var style = _objectSpread$v(_objectSpread$v({}, tab.props.style || {}), tab.props.contentStyle || {});
 
     var className = classNames('p-toggleable-content', tab.props.contentClassName, tab.props.className);
     var contentId = idState + '_content_' + index;
@@ -3559,9 +3660,6 @@ Portal.defaultProps = {
   onUnmounted: null
 };
 
-function ownKeys$1B(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$1B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3917,7 +4015,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   };
 
   var clearTimeouts = function clearTimeouts() {
-    Object.keys(timeouts.current).forEach(function (t) {
+    Object.values(timeouts.current).forEach(function (t) {
       return clearTimeout(t);
     });
   };
@@ -4037,7 +4135,8 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     ZIndexUtils.clear(elementRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1B({
+    return {
+      props: props,
       updateTargetEvents: updateTargetEvents,
       loadTargetEvents: loadTargetEvents,
       unloadTargetEvents: unloadTargetEvents,
@@ -4047,7 +4146,7 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       getTarget: function getTarget() {
         return currentTargetRef.current;
       }
-    }, props);
+    };
   });
 
   var createElement = function createElement() {
@@ -4265,13 +4364,11 @@ var KeyFilter = {
       return;
     }
 
-    var regex = this.getRegex(keyfilter);
-    var browser = DomHandler.getBrowser();
-
     if (e.ctrlKey || e.altKey) {
       return;
     }
 
+    var browser = DomHandler.getBrowser();
     var k = this.getKey(e);
 
     if (browser.mozilla && (this.isNavKeyPress(e) || k === KeyFilter.KEYS.BACKSPACE || k === KeyFilter.KEYS.DELETE && e.charCode === 0)) {
@@ -4285,7 +4382,9 @@ var KeyFilter = {
       return;
     }
 
-    if (!regex.test(cc)) {
+    var regex = this.getRegex(keyfilter);
+
+    if (!regex.test(e.key)) {
       e.preventDefault();
     }
   },
@@ -4350,9 +4449,10 @@ var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
   };
 
+  var currentValue = elementRef.current && elementRef.current.value;
   var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || elementRef.current && ObjectUtils.isNotEmpty(elementRef.current.value);
-  }, [props.value, props.defaultValue]);
+    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, props.defaultValue, currentValue]);
   React.useEffect(function () {
     ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
@@ -4388,9 +4488,9 @@ InputText.defaultProps = {
 
 var OverlayService = EventBus();
 
-function ownKeys$1A(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$u(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$1A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var vertical = props.orientation === 'vertical';
   var horizontal = props.orientation === 'horizontal';
@@ -4987,7 +5087,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
 
   var loaderOptions = function loaderOptions(index, extOptions) {
     var count = loaderArrState.length;
-    return _objectSpread$1A({
+    return _objectSpread$u({
       index: index,
       count: count,
       first: index === 0,
@@ -5061,13 +5161,14 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     } : 0;
   }, [props.orientation]);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1A({
+    return {
+      props: props,
       getElementRef: getElementRef,
       scrollTo: scrollTo,
       scrollToIndex: scrollToIndex,
       scrollInView: scrollInView,
       getRenderedRange: getRenderedRange
-    }, props);
+    };
   });
 
   var createLoaderItem = function createLoaderItem(index) {
@@ -5241,9 +5342,9 @@ VirtualScroller.defaultProps = {
   onLazyLoad: null
 };
 
-function ownKeys$1z(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$t(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$1z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
@@ -5308,8 +5409,8 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
 
   var createContent = function createContent() {
     if (props.virtualScrollerOptions) {
-      var virtualScrollerProps = _objectSpread$1z(_objectSpread$1z({}, props.virtualScrollerOptions), {
-        style: _objectSpread$1z(_objectSpread$1z({}, props.virtualScrollerOptions.style), {
+      var virtualScrollerProps = _objectSpread$t(_objectSpread$t({}, props.virtualScrollerOptions), {
+        style: _objectSpread$t(_objectSpread$t({}, props.virtualScrollerOptions.style), {
           height: props.scrollHeight
         }),
         autoSize: true,
@@ -5344,7 +5445,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
   var createElement = function createElement() {
     var className = classNames('p-autocomplete-panel p-component', props.panelClassName);
 
-    var style = _objectSpread$1z({
+    var style = _objectSpread$t({
       maxHeight: props.scrollHeight
     }, props.panelStyle || {});
 
@@ -5380,9 +5481,6 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
 }));
 AutoCompletePanel.displayName = 'AutoCompletePanel';
 
-function ownKeys$1y(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$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -5840,7 +5938,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     ZIndexUtils.clear(overlayRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1y({
+    return {
+      props: props,
       search: search,
       getElement: function getElement() {
         return elementRef.current;
@@ -5854,7 +5953,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       getVirtualScroller: function getVirtualScroller() {
         return virtualScrollerRef.current;
       }
-    }, props);
+    };
   });
 
   var createSimpleAutoComplete = function createSimpleAutoComplete() {
@@ -6100,9 +6199,6 @@ AutoComplete.defaultProps = {
   onHide: null
 };
 
-function ownKeys$1x(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$1x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
 
@@ -6129,11 +6225,12 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1x({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Avatar.defaultProps);
   var containerClassName = classNames('p-avatar p-component', {
@@ -6165,19 +6262,17 @@ Avatar.defaultProps = {
   onImageError: null
 };
 
-function ownKeys$1w(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$1w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AvatarGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, AvatarGroup.defaultProps);
   var className = classNames('p-avatar-group p-component', props.className);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1w({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: elementRef,
@@ -6192,9 +6287,6 @@ AvatarGroup.defaultProps = {
   className: null
 };
 
-function ownKeys$1v(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$1v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Badge = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Badge.defaultProps);
@@ -6205,11 +6297,12 @@ var Badge = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     'p-badge-xl': props.size === 'xlarge'
   }, "p-badge-".concat(props.severity), props.severity !== null), props.className);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1v({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: elementRef,
@@ -6227,9 +6320,6 @@ Badge.defaultProps = {
   className: null
 };
 
-function ownKeys$1u(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$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BlockUI = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.blocked),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -6289,13 +6379,14 @@ var BlockUI = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ZIndexUtils.clear(maskRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1u({
+    return {
+      props: props,
       block: block,
       unblock: unblock,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
 
   var createMask = function createMask() {
@@ -6345,9 +6436,6 @@ BlockUI.defaultProps = {
   onUnblocked: null
 };
 
-function ownKeys$1t(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$1t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
 
@@ -6482,11 +6570,12 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1t({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, BreadCrumb.defaultProps);
   var className = classNames('p-breadcrumb p-component', props.className);
@@ -6544,10 +6633,6 @@ var CalendarPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 CalendarPanel.displayName = 'CalendarPanel';
 
-function ownKeys$1s(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$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createForOfIteratorHelper$d(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$d(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$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(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$d(o, minLen); }
@@ -7509,7 +7594,14 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     if (props.minDate) {
       var firstDayOfMonth = new Date(newViewDate.getTime());
-      firstDayOfMonth.setDate(1);
+
+      if (firstDayOfMonth.getMonth() === 0) {
+        firstDayOfMonth.setMonth(11, 1);
+        firstDayOfMonth.setFullYear(firstDayOfMonth.getFullYear() - 1);
+      } else {
+        firstDayOfMonth.setMonth(firstDayOfMonth.getMonth() - 1, 1);
+      }
+
       firstDayOfMonth.setHours(0);
       firstDayOfMonth.setMinutes(0);
       firstDayOfMonth.setSeconds(0);
@@ -7524,8 +7616,14 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     if (props.maxDate) {
       var lastDayOfMonth = new Date(newViewDate.getTime());
-      lastDayOfMonth.setMonth(lastDayOfMonth.getMonth() + 1);
-      lastDayOfMonth.setDate(1);
+
+      if (lastDayOfMonth.getMonth() === 11) {
+        lastDayOfMonth.setMonth(0, 1);
+        lastDayOfMonth.setFullYear(lastDayOfMonth.getFullYear() + 1);
+      } else {
+        lastDayOfMonth.setMonth(lastDayOfMonth.getMonth() + 1, 1);
+      }
+
       lastDayOfMonth.setHours(0);
       lastDayOfMonth.setMinutes(0);
       lastDayOfMonth.setSeconds(0);
@@ -7944,6 +8042,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       overlayEventListener.current = null;
     };
 
+    props.touchUI && disableModality();
+
     if (props.onVisibleChange) {
       props.onVisibleChange({
         visible: false,
@@ -8013,6 +8113,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
       touchUIMaskClickListener.current = function () {
         disableModality();
+        hide();
       };
 
       touchUIMask.current.addEventListener('click', touchUIMaskClickListener.current);
@@ -8031,10 +8132,13 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var destroyMask = function destroyMask() {
-    touchUIMask.current.removeEventListener('click', touchUIMaskClickListener.current);
-    touchUIMaskClickListener.current = null;
-    document.body.removeChild(touchUIMask.current);
-    touchUIMask.current = null;
+    if (touchUIMask.current) {
+      touchUIMask.current.removeEventListener('click', touchUIMaskClickListener.current);
+      touchUIMaskClickListener.current = null;
+      document.body.removeChild(touchUIMask.current);
+      touchUIMask.current = null;
+    }
+
     var bodyChildren = document.body.children;
     var hasBlockerMasks;
 
@@ -8996,6 +9100,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       props.mask && unbindMaskEvents();
     };
   });
+  useUpdateEffect(function () {
+    setCurrentView(props.view);
+  }, [props.view]);
   useUpdateEffect(function () {
     if (!props.onViewDateChange && !viewStateChanged.current) {
       var propValue = props.value;
@@ -9041,7 +9148,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     ZIndexUtils.clear(overlayRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1s({
+    return {
+      props: props,
       show: show,
       hide: hide,
       getCurrentDateTime: getCurrentDateTime,
@@ -9056,7 +9164,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       getInput: function getInput() {
         return inputRef.current;
       }
-    }, props);
+    };
   });
 
   var createBackwardNavigator = function createBackwardNavigator(isVisible) {
@@ -9856,9 +9964,6 @@ Calendar.defaultProps = {
   onMonthChange: null
 };
 
-function ownKeys$1r(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$1r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Captcha = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var instance = React.useRef(null);
@@ -9940,13 +10045,14 @@ var Captcha = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     }
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1r({
+    return {
+      props: props,
       reset: reset,
       getResponse: getResponse,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Captcha.defaultProps);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -10025,9 +10131,6 @@ Card.defaultProps = {
   className: null
 };
 
-function ownKeys$1q(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$1q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CarouselItem = /*#__PURE__*/React.memo(function (props) {
   var content = props.template(props.item);
   var className = classNames(props.className, 'p-carousel-item', {
@@ -10291,7 +10394,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       responsiveOptions.current.sort(function (data1, data2) {
         var value1 = data1.breakpoint;
         var value2 = data2.breakpoint;
-        return ObjectUtils.sort(value1, value2, -1, PrimeReact.locale);
+        return ObjectUtils.sort(value1, value2, -1, PrimeReact.locale, PrimeReact.nullSortOrder);
       });
 
       for (var i = 0; i < responsiveOptions.current.length; i++) {
@@ -10310,11 +10413,12 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1q({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     if (elementRef.current) {
@@ -10860,10 +10964,6 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
   }, submenu);
 });
 
-function ownKeys$1p(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$1p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createForOfIteratorHelper$c(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(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$c(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$c(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$c(o, minLen); }
@@ -11078,7 +11178,8 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1p({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -11091,7 +11192,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       getLabel: function getLabel() {
         return labelRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -11247,10 +11348,6 @@ CascadeSelect.defaultProps = {
   onHide: null
 };
 
-function ownKeys$1o(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$1o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var ChartJS = function () {
   try {
     return Chart;
@@ -11301,7 +11398,8 @@ var PrimeReactChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1o({
+    return {
+      props: props,
       getCanvas: function getCanvas() {
         return canvasRef.current;
       },
@@ -11320,7 +11418,7 @@ var PrimeReactChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       refresh: function refresh() {
         return chartRef.current && chartRef.current.update();
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     initChart();
@@ -11361,9 +11459,6 @@ PrimeReactChart.defaultProps = {
   className: null
 };
 
-function ownKeys$1n(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$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -11377,22 +11472,25 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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;
+      }
+
       DomHandler.focus(inputRef.current);
       event.preventDefault();
     }
@@ -11411,14 +11509,15 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1n({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
       getInput: function getInput() {
         return inputRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -11504,9 +11603,6 @@ Checkbox.defaultProps = {
   onContextMenu: null
 };
 
-function ownKeys$1m(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$1m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
 
@@ -11585,11 +11681,12 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1m({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   return visibleState && createElement();
 }));
@@ -11609,9 +11706,6 @@ Chip.defaultProps = {
   onRemove: null
 };
 
-function ownKeys$1l(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$1l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -11800,14 +11894,15 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1l({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
       getInput: function getInput() {
         return inputRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -11958,9 +12053,6 @@ var ColorPickerPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 
-function ownKeys$1k(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$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -12406,7 +12498,8 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1k({
+    return {
+      props: props,
       show: show,
       hide: hide,
       getElement: function getElement() {
@@ -12418,7 +12511,7 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       getInput: function getInput() {
         return inputRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -12637,9 +12730,6 @@ ColumnGroup.defaultProps = {
   __TYPE: 'ColumnGroup'
 };
 
-function ownKeys$1j(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$1j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -12738,6 +12828,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       unbindDocumentDragEndListener = _useEventListener10[1];
 
   var onClose = function onClose(event) {
+    DomHandler.removeClass(document.body, 'p-overflow-hidden');
     props.onHide();
     event.preventDefault();
   };
@@ -13086,7 +13177,8 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ZIndexUtils.clear(maskRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1j({
+    return {
+      props: props,
       resetPosition: resetPosition,
       getElement: function getElement() {
         return dialogRef.current;
@@ -13106,7 +13198,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       getCloseButton: function getCloseButton() {
         return closeRef.current;
       }
-    }, props);
+    };
   });
 
   var createCloseIcon = function createCloseIcon() {
@@ -13314,19 +13406,19 @@ Dialog.defaultProps = {
   onMaskClick: null
 };
 
-function ownKeys$1i(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$s(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$1i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var confirmDialog = function confirmDialog() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  props = _objectSpread$1i(_objectSpread$1i({}, props), {
+  props = _objectSpread$s(_objectSpread$s({}, props), {
     visible: props.visible === undefined ? true : props.visible
   });
   props.visible && OverlayService.emit('confirm-dialog', props);
 
   var show = function show() {
     var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    OverlayService.emit('confirm-dialog', _objectSpread$1i(_objectSpread$1i(_objectSpread$1i({}, props), updatedProps), {
+    OverlayService.emit('confirm-dialog', _objectSpread$s(_objectSpread$s(_objectSpread$s({}, props), updatedProps), {
       visible: true
     }));
   };
@@ -13425,9 +13517,10 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     OverlayService.off('confirm-dialog', confirm);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1i({
+    return {
+      props: props,
       confirm: confirm
-    }, props);
+    };
   });
 
   var createFooter = function createFooter() {
@@ -13516,19 +13609,19 @@ ConfirmDialog.defaultProps = {
   reject: null
 };
 
-function ownKeys$1h(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$r(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$1h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var confirmPopup = function confirmPopup() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  props = _objectSpread$1h(_objectSpread$1h({}, props), {
+  props = _objectSpread$r(_objectSpread$r({}, props), {
     visible: props.visible === undefined ? true : props.visible
   });
   props.visible && OverlayService.emit('confirm-popup', props);
 
   var show = function show() {
     var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    OverlayService.emit('confirm-popup', _objectSpread$1h(_objectSpread$1h(_objectSpread$1h({}, props), updatedProps), {
+    OverlayService.emit('confirm-popup', _objectSpread$r(_objectSpread$r(_objectSpread$r({}, props), updatedProps), {
       visible: true
     }));
   };
@@ -13720,9 +13813,10 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     ZIndexUtils.clear(overlayRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1h({
+    return {
+      props: props,
       confirm: confirm
-    }, props);
+    };
   });
 
   var createContent = function createContent() {
@@ -14020,9 +14114,6 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 ContextMenuSub.displayName = 'ContextMenuSub';
 
-function ownKeys$1g(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$1g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14194,13 +14285,14 @@ var ContextMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ZIndexUtils.clear(menuRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1g({
+    return {
+      props: props,
       show: show,
       hide: hide,
       getElement: function getElement() {
         return menuRef.current;
       }
-    }, props);
+    };
   });
 
   var createContextMenu = function createContextMenu() {
@@ -14259,9 +14351,6 @@ ContextMenu.defaultProps = {
   onHide: null
 };
 
-function ownKeys$1f(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$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14392,7 +14481,8 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1f({
+    return {
+      props: props,
       load: load,
       reset: reset,
       getElement: function getElement() {
@@ -14401,7 +14491,7 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       getContent: function getContent() {
         return contentRef.current;
       }
-    }, props);
+    };
   });
 
   var createHeader = function createHeader() {
@@ -14482,9 +14572,9 @@ DataScroller.defaultProps = {
   lazy: false
 };
 
-function ownKeys$1e(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$q(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$1e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CurrentPageReport = /*#__PURE__*/React.memo(function (props) {
   var report = {
     currentPage: props.page + 1,
@@ -14500,7 +14590,7 @@ var CurrentPageReport = /*#__PURE__*/React.memo(function (props) {
   }, text);
 
   if (props.template) {
-    var defaultOptions = _objectSpread$1e(_objectSpread$1e({}, report), {
+    var defaultOptions = _objectSpread$q(_objectSpread$q({}, report), {
       className: 'p-paginator-current',
       element: element,
       props: props
@@ -14559,9 +14649,9 @@ FirstPageLink.defaultProps = {
   template: null
 };
 
-function ownKeys$1d(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$p(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$1d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14639,7 +14729,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
 
   var getDecimalExpression = function getDecimalExpression() {
-    var formatter = new Intl.NumberFormat(props.locale, _objectSpread$1d(_objectSpread$1d({}, getOptions()), {}, {
+    var formatter = new Intl.NumberFormat(props.locale, _objectSpread$p(_objectSpread$p({}, getOptions()), {}, {
       useGrouping: false
     }));
     return new RegExp("[".concat(formatter.format(1.1).replace(_currency.current, '').trim().replace(_numeral.current, ''), "]"), 'g');
@@ -14923,9 +15013,10 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
         }
 
         break;
-      //enter
+      //enter and tab
 
       case 13:
+      case 9:
         newValueStr = validateValue(parseValue(inputValue));
         inputRef.current.value = formatValue(newValueStr);
         inputRef.current.setAttribute('aria-valuenow', newValueStr);
@@ -15502,15 +15593,16 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1d({
+    return {
+      props: props,
       getFormatter: getFormatter,
       getElement: function getElement() {
         return elementRef.current;
       },
       getInput: function getInput() {
-        return elementRef.current;
+        return inputRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -15948,9 +16040,9 @@ var DropdownItem = /*#__PURE__*/React.memo(function (props) {
 });
 DropdownItem.displayName = 'DropdownItem';
 
-function ownKeys$1c(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$o(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$1c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var virtualScrollerRef = React.useRef(null);
   var filterInputRef = React.useRef(null);
@@ -16120,15 +16212,15 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
 
   var createContent = function createContent() {
     if (props.virtualScrollerOptions) {
-      var virtualScrollerProps = _objectSpread$1c(_objectSpread$1c({}, props.virtualScrollerOptions), {
-        style: _objectSpread$1c(_objectSpread$1c({}, props.virtualScrollerOptions.style), {
+      var virtualScrollerProps = _objectSpread$o(_objectSpread$o({}, props.virtualScrollerOptions), {
+        style: _objectSpread$o(_objectSpread$o({}, props.virtualScrollerOptions.style), {
           height: props.scrollHeight
         }),
         className: classNames('p-dropdown-items-wrapper', props.virtualScrollerOptions.className),
         items: props.visibleOptions,
         autoSize: true,
         onLazyLoad: function onLazyLoad(event) {
-          return props.virtualScrollerOptions.onLazyLoad(_objectSpread$1c(_objectSpread$1c({}, event), {
+          return props.virtualScrollerOptions.onLazyLoad(_objectSpread$o(_objectSpread$o({}, event), {
             filter: props.filterValue
           }));
         },
@@ -16198,9 +16290,9 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
 }));
 DropdownPanel.displayName = 'DropdownPanel';
 
-function ownKeys$1b(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$n(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$1b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createForOfIteratorHelper$b(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(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; } } }; }
 
@@ -16268,7 +16360,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
             var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
 
             if (filteredSubOptions && filteredSubOptions.length) {
-              filteredGroups.push(_objectSpread$1b(_objectSpread$1b({}, optgroup), {
+              filteredGroups.push(_objectSpread$n(_objectSpread$n({}, optgroup), {
                 items: filteredSubOptions
               }));
             }
@@ -16316,7 +16408,22 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   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) {
@@ -16472,6 +16579,11 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
 
     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;
 
@@ -16786,7 +16898,8 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1b({
+    return {
+      props: props,
       show: show,
       hide: hide,
       getElement: function getElement() {
@@ -16801,7 +16914,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       getFocusInput: function getFocusInput() {
         return focusInputRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -16837,21 +16950,33 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   });
 
   var createHiddenSelect = function createHiddenSelect() {
-    var placeHolderOption = /*#__PURE__*/React.createElement("option", {
-      value: ""
-    }, props.placeholder);
-    var option = selectedOption ? /*#__PURE__*/React.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.createElement("div", {
       className: "p-hidden-accessible p-dropdown-hidden-select"
     }, /*#__PURE__*/React.createElement("select", {
       ref: inputRef,
       required: props.required,
+      defaultValue: option.value,
       name: props.name,
       tabIndex: -1,
       "aria-hidden": "true"
-    }, placeHolderOption, option));
+    }, /*#__PURE__*/React.createElement("option", {
+      value: option.value
+    }, option.label), ";"));
   };
 
   var createKeyboardHelper = function createKeyboardHelper() {
@@ -17095,9 +17220,6 @@ RowsPerPageDropdown.defaultProps = {
   disabled: false
 };
 
-function ownKeys$1a(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$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var rppChanged = React.useRef(false);
@@ -17181,11 +17303,12 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1a({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useUpdateEffect(function () {
     if (!rppChanged.current) {
@@ -17523,9 +17646,9 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
 });
 RowRadioButton.displayName = 'RowRadioButton';
 
-function ownKeys$19(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$m(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$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BodyCell = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(props.editing),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -17620,7 +17743,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
 
   var getCellCallbackParams = function getCellCallbackParams(event) {
     var params = getCellParams();
-    return _objectSpread$19({
+    return _objectSpread$m({
       originalEvent: event
     }, params);
   };
@@ -17667,7 +17790,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     var newRowData = editingRowDataState;
     var newValue = resolveFieldData(newRowData);
 
-    var params = _objectSpread$19(_objectSpread$19({}, callbackParams), {}, {
+    var params = _objectSpread$m(_objectSpread$m({}, callbackParams), {}, {
       newRowData: newRowData,
       newValue: newValue
     });
@@ -17748,7 +17871,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
 
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$19({}, styleObjectState);
+      var styleObject = _objectSpread$m({}, styleObjectState);
 
       var align = getColumnProp('alignFrozen');
 
@@ -17778,7 +17901,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   };
 
   var editorCallback = function editorCallback(val) {
-    var editingRowData = _objectSpread$19({}, editingRowDataState);
+    var editingRowData = _objectSpread$m({}, editingRowDataState);
 
     editingRowData[field] = val;
     setEditingRowDataState(editingRowData); // update editing meta for complete methods on row mode
@@ -18010,7 +18133,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     if (props.editMode === 'cell' || props.editMode === 'row') {
       var callbackParams = getCellCallbackParams();
 
-      var params = _objectSpread$19(_objectSpread$19({}, callbackParams), {}, {
+      var params = _objectSpread$m(_objectSpread$m({}, callbackParams), {}, {
         editing: editingState,
         editingKey: editingKey
       });
@@ -18242,9 +18365,9 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
 });
 BodyCell.displayName = 'BodyCell';
 
-function ownKeys$18(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$l(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$18(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$18(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BodyRow = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -18486,7 +18609,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
 
       if (dataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(data, dataKey));
-        editingRows = props.editingRows ? _objectSpread$18({}, props.editingRows) : {};
+        editingRows = props.editingRows ? _objectSpread$l({}, props.editingRows) : {};
 
         if (!isEditing) {
           delete editingRows[dataKeyValue]; // if the key value was changed, stop editing for the new key value too
@@ -18683,9 +18806,9 @@ RowTogglerButton.displayName = 'RowTogglerButton';
 
 var _excluded = ["originalEvent"];
 
-function ownKeys$17(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$k(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$17(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$17(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19127,7 +19250,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onSelect = function onSelect(event) {
-    if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$17(_objectSpread$17({
+    if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$k(_objectSpread$k({
       originalEvent: event.originalEvent
     }, event.data), {}, {
       type: event.type
@@ -19135,7 +19258,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onUnselect = function onUnselect(event) {
-    if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$17(_objectSpread$17({
+    if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$k(_objectSpread$k({
       originalEvent: event.originalEvent
     }, event.data), {}, {
       type: event.type
@@ -19204,12 +19327,12 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         anchorRowFirst.current = props.first;
 
         if (isSingleSelection()) {
-          onSingleSelection(_objectSpread$17(_objectSpread$17({}, event), {}, {
+          onSingleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
             toggleable: toggleable,
             type: 'row'
           }));
         } else {
-          onMultipleSelection(_objectSpread$17(_objectSpread$17({}, event), {}, {
+          onMultipleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
             toggleable: toggleable,
             type: 'row'
           }));
@@ -19289,7 +19412,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
     if (hasDataKey) {
       var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-      expandedRows = props.expandedRows ? _objectSpread$17({}, props.expandedRows) : {};
+      expandedRows = props.expandedRows ? _objectSpread$k({}, props.expandedRows) : {};
 
       if (expandedRows[dataKeyValue] != null) {
         delete expandedRows[dataKeyValue];
@@ -19428,14 +19551,14 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onRadioChange = function onRadioChange(event) {
-    onSingleSelection(_objectSpread$17(_objectSpread$17({}, event), {}, {
+    onSingleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
       toggleable: true,
       type: 'radio'
     }));
   };
 
   var onCheckboxChange = function onCheckboxChange(event) {
-    onMultipleSelection(_objectSpread$17(_objectSpread$17({}, event), {}, {
+    onMultipleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
       toggleable: true,
       type: 'checkbox'
     }));
@@ -19754,9 +19877,9 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 }));
 TableBody.displayName = 'TableBody';
 
-function ownKeys$16(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$j(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$16(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$16(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterCell = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19777,7 +19900,7 @@ var FooterCell = /*#__PURE__*/React.memo(function (props) {
 
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$16({}, styleObjectState);
+      var styleObject = _objectSpread$j({}, styleObjectState);
 
       var _align = getColumnProp('alignFrozen');
 
@@ -19883,9 +20006,9 @@ var TableFooter = /*#__PURE__*/React.memo(function (props) {
 });
 TableFooter.displayName = 'TableFooter';
 
-function ownKeys$15(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$i(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$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20019,7 +20142,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     var filterClearCallback = getColumnProp('onFilterClear');
     var defaultConstraint = getDefaultConstraint();
 
-    var filters = _objectSpread$15({}, props.filters);
+    var filters = _objectSpread$i({}, props.filters);
 
     if (filters[field].operator) {
       filters[field].constraints.splice(1);
@@ -20084,7 +20207,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   };
 
   var onInputChange = function onInputChange(event, index) {
-    var filters = _objectSpread$15({}, props.filters);
+    var filters = _objectSpread$i({}, props.filters);
 
     var value = event.target.value;
 
@@ -20104,7 +20227,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   var onRowMatchModeChange = function onRowMatchModeChange(matchMode) {
     var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
 
-    var filters = _objectSpread$15({}, props.filters);
+    var filters = _objectSpread$i({}, props.filters);
 
     filters[field].matchMode = matchMode;
     filterMatchModeChangeCallback && filterMatchModeChangeCallback({
@@ -20155,7 +20278,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     var filterOperationChangeCallback = getColumnProp('onFilterOperatorChange');
     var value = e.value;
 
-    var filters = _objectSpread$15({}, props.filters);
+    var filters = _objectSpread$i({}, props.filters);
 
     filters[field].operator = value;
     props.onFilterChange(filters);
@@ -20172,7 +20295,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   var onMenuMatchModeChange = function onMenuMatchModeChange(value, index) {
     var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
 
-    var filters = _objectSpread$15({}, props.filters);
+    var filters = _objectSpread$i({}, props.filters);
 
     filters[field].constraints[index].matchMode = value;
     props.onFilterChange(filters);
@@ -20191,7 +20314,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     var filterConstraintAddCallback = getColumnProp('onFilterConstraintAdd');
     var defaultConstraint = getDefaultConstraint();
 
-    var filters = _objectSpread$15({}, props.filters);
+    var filters = _objectSpread$i({}, props.filters);
 
     var newConstraint = {
       value: null,
@@ -20212,7 +20335,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   var removeConstraint = function removeConstraint(index) {
     var filterConstraintRemoveCallback = getColumnProp('onFilterConstraintRemove');
 
-    var filters = _objectSpread$15({}, props.filters);
+    var filters = _objectSpread$i({}, props.filters);
 
     var removedConstraint = filters[field].constraints.splice(index, 1);
     filterConstraintRemoveCallback && filterConstraintRemoveCallback({
@@ -20325,7 +20448,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   var filterCallback = function filterCallback(value) {
     var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
 
-    var filters = _objectSpread$15({}, props.filters);
+    var filters = _objectSpread$i({}, props.filters);
 
     var meta = filters[field];
     props.display === 'menu' && meta && meta.operator ? filters[field].constraints[index].value = value : filters[field].value = value;
@@ -20730,9 +20853,9 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
 });
 HeaderCheckbox.displayName = 'HeaderCheckbox';
 
-function ownKeys$14(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$h(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$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderCell = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20808,7 +20931,7 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
 
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$14({}, styleObjectState);
+      var styleObject = _objectSpread$h({}, styleObjectState);
 
       var align = getColumnProp('alignFrozen');
 
@@ -21080,9 +21203,9 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
 });
 HeaderCell.displayName = 'HeaderCell';
 
-function ownKeys$13(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$g(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$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TableHeader = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -21224,7 +21347,7 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
             selectionMode = _col$props.selectionMode,
             filter = _col$props.filter;
 
-        var colStyle = _objectSpread$13(_objectSpread$13({}, filterHeaderStyle || {}), style || {});
+        var colStyle = _objectSpread$g(_objectSpread$g({}, filterHeaderStyle || {}), style || {});
 
         var colClassName = classNames('p-filter-column', filterHeaderClassName, className, {
           'p-frozen-column': frozen
@@ -21270,9 +21393,9 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
 });
 TableHeader.displayName = 'TableHeader';
 
-function ownKeys$12(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$f(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$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.first),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -21632,6 +21755,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (props.resizableColumns) {
         columnWidthsState.current = restoredState.columnWidths;
         tableWidthState.current = restoredState.tableWidth;
+        restoreColumnWidths();
       }
 
       if (props.reorderableColumns) {
@@ -21773,13 +21897,13 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
         e.rowIndex;
         var editing = e.editing;
 
-    var editingMeta = _objectSpread$12({}, editingMetaState);
+    var editingMeta = _objectSpread$f({}, editingMetaState);
 
     var meta = editingMeta[editingKey];
 
     if (editing) {
       !meta && (meta = editingMeta[editingKey] = {
-        data: _objectSpread$12({}, rowData),
+        data: _objectSpread$f({}, rowData),
         fields: []
       });
       meta['fields'].push(field);
@@ -22186,7 +22310,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var compareValuesOnSort = function compareValuesOnSort(value1, value2, order) {
-    return ObjectUtils.sort(value1, value2, order, PrimeReact.locale);
+    return ObjectUtils.sort(value1, value2, order, PrimeReact.locale, PrimeReact.nullSortOrder);
   };
 
   var addSortMeta = function addSortMeta(meta, multiSortMeta) {
@@ -22417,9 +22541,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
         cloned[prop] = value.operator ? {
           operator: value.operator,
           constraints: value.constraints.map(function (constraint) {
-            return _objectSpread$12({}, constraint);
+            return _objectSpread$f({}, constraint);
           })
-        } : _objectSpread$12({}, value);
+        } : _objectSpread$f({}, value);
       });
     } else {
       var _columns2 = getColumns();
@@ -22460,7 +22584,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var filter = function filter(value, field, matchMode) {
     var index = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
 
-    var filters = _objectSpread$12({}, d_filtersState);
+    var filters = _objectSpread$f({}, d_filtersState);
 
     var meta = filters[field];
     var constraint = meta && meta.operator ? meta.constraints[index] : meta;
@@ -22587,7 +22711,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var createEvent = function createEvent(event) {
-    return _objectSpread$12({
+    return _objectSpread$f({
       first: getFirst(),
       rows: getRows(),
       sortField: getSortField(),
@@ -22687,7 +22811,8 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
     destroyResponsiveStyle();
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$12({
+    return {
+      props: props,
       reset: reset,
       resetScroll: resetScroll,
       exportCSV: exportCSV,
@@ -22705,7 +22830,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       getVirtualScroller: function getVirtualScroller() {
         return virtualScrollerRef.current;
       }
-    }, props);
+    };
   });
 
   var createLoader = function createLoader() {
@@ -22958,7 +23083,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, virtualScrollerOptions, {
       items: processedData,
       columns: columns,
-      style: _objectSpread$12(_objectSpread$12({}, virtualScrollerOptions.style), {
+      style: _objectSpread$f(_objectSpread$f({}, virtualScrollerOptions.style), {
         height: props.scrollHeight !== 'flex' ? props.scrollHeight : undefined
       }),
       scrollHeight: props.scrollHeight !== 'flex' ? undefined : '100%',
@@ -23245,9 +23370,6 @@ DataTable.defaultProps = {
   onStateRestore: null
 };
 
-function ownKeys$11(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$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DataViewLayoutOptions = /*#__PURE__*/React.memo(function (props) {
   var changeLayout = function changeLayout(event, layoutMode) {
     props.onChange({
@@ -23351,7 +23473,7 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       value.sort(function (data1, data2) {
         var value1 = ObjectUtils.resolveFieldData(data1, props.sortField);
         var value2 = ObjectUtils.resolveFieldData(data2, props.sortField);
-        return ObjectUtils.sort(value1, value2, props.sortOrder, PrimeReact.locale);
+        return ObjectUtils.sort(value1, value2, props.sortOrder, PrimeReact.locale, PrimeReact.nullSortOrder);
       });
       return value;
     }
@@ -23477,11 +23599,12 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$11({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var data = processData();
   var otherProps = ObjectUtils.findDiffKeys(props, DataView.defaultProps);
@@ -23545,9 +23668,6 @@ DataView.defaultProps = {
   onPage: null
 };
 
-function ownKeys$10(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$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DeferredContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -23586,11 +23706,12 @@ var DeferredContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$10({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     if (!loadedState) {
@@ -23608,9 +23729,6 @@ DeferredContent.defaultProps = {
   onload: null
 };
 
-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 Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var horizontal = props.layout === 'horizontal';
@@ -23624,11 +23742,12 @@ var Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     'p-divider-bottom': vertical && props.align === 'bottom'
   }, props.className);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$$({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: elementRef,
@@ -23649,9 +23768,6 @@ Divider.defaultProps = {
   className: null
 };
 
-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 Dock = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(-3),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -23779,11 +23895,12 @@ var Dock = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$_({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Dock.defaultProps);
   var className = classNames("p-dock p-component p-dock-".concat(props.position), {
@@ -23814,9 +23931,18 @@ Dock.defaultProps = {
   footer: null
 };
 
-function ownKeys$Z(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$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var QuillJS = function () {
+  try {
+    return Quill;
+  } catch (_unused) {
+    return null;
+  }
+}();
 
-function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var contentRef = React.useRef(null);
@@ -23825,73 +23951,101 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   var isQuillLoaded = React.useRef(false);
   useMountEffect(function () {
     if (!isQuillLoaded.current) {
-      import('quill').then(function (module) {
-        if (module && DomHandler.isExist(contentRef.current)) {
-          var configuration = {
-            modules: _objectSpread$Z({
-              toolbar: props.showHeader ? toolbarRef.current : false
-            }, props.modules),
-            placeholder: props.placeholder,
-            readOnly: props.readOnly,
-            theme: props.theme,
-            formats: props.formats
-          };
-
-          if (module["default"]) {
-            // webpack
-            quill.current = new module["default"](contentRef.current, configuration);
-          } else {
-            // parceljs
-            quill.current = new module(contentRef.current, configuration);
-          }
-
-          if (props.value) {
-            quill.current.setContents(quill.current.clipboard.convert(props.value));
-          }
+      var configuration = {
+        modules: _objectSpread$e({
+          toolbar: props.showHeader ? toolbarRef.current : false
+        }, props.modules),
+        placeholder: props.placeholder,
+        readOnly: props.readOnly,
+        theme: props.theme,
+        formats: props.formats
+      };
 
-          quill.current.on('text-change', function (delta, source) {
-            var firstChild = contentRef.current.children[0];
-            var html = firstChild ? firstChild.innerHTML : null;
-            var text = quill.current.getText();
+      if (QuillJS) {
+        // GitHub #3097 loaded by script only
+        quill.current = new Quill(contentRef.current, configuration);
+        initQuill();
 
-            if (html === '<p><br></p>') {
-              html = null;
-            }
-
-            if (props.onTextChange) {
-              props.onTextChange({
-                htmlValue: html,
-                textValue: text,
-                delta: delta,
-                source: source
-              });
-            }
-          });
-          quill.current.on('selection-change', function (range, oldRange, source) {
-            if (props.onSelectionChange) {
-              props.onSelectionChange({
-                range: range,
-                oldRange: oldRange,
-                source: source
-              });
-            }
-          });
-        }
-      }).then(function () {
         if (quill.current && quill.current.getModule('toolbar')) {
           props.onLoad && props.onLoad(quill.current);
         }
-      });
+      } else {
+        import('quill').then(function (module) {
+          if (module && DomHandler.isExist(contentRef.current)) {
+            if (module["default"]) {
+              // webpack
+              quill.current = new module["default"](contentRef.current, configuration);
+            } else {
+              // parceljs
+              quill.current = new module(contentRef.current, configuration);
+            }
+
+            initQuill();
+          }
+        }).then(function () {
+          if (quill.current && quill.current.getModule('toolbar')) {
+            props.onLoad && props.onLoad(quill.current);
+          }
+        });
+      }
+
       isQuillLoaded.current = true;
     }
   });
+
+  var initQuill = function initQuill() {
+    if (props.value) {
+      quill.current.setContents(quill.current.clipboard.convert(props.value));
+    }
+
+    quill.current.on('text-change', function (delta, oldContents, source) {
+      var firstChild = contentRef.current.children[0];
+      var html = firstChild ? firstChild.innerHTML : null;
+      var text = quill.current.getText();
+
+      if (html === '<p><br></p>') {
+        html = null;
+      } // GitHub #2271 prevent infinite loop on clipboard paste of HTML
+
+
+      if (source === "api") {
+        var htmlValue = contentRef.current.children[0];
+        var editorValue = document.createElement("div");
+        editorValue.innerHTML = props.value || ""; // this is necessary because Quill rearranged style elements
+
+        if (DomHandler.isEqualElement(htmlValue, editorValue)) {
+          return;
+        }
+      }
+
+      if (props.onTextChange) {
+        props.onTextChange({
+          htmlValue: html,
+          textValue: text,
+          delta: delta,
+          source: source
+        });
+      }
+    });
+    quill.current.on('selection-change', function (range, oldRange, source) {
+      if (props.onSelectionChange) {
+        props.onSelectionChange({
+          range: range,
+          oldRange: oldRange,
+          source: source
+        });
+      }
+    });
+  };
+
   useUpdateEffect(function () {
     if (quill.current && !quill.current.hasFocus()) {
       props.value ? quill.current.setContents(quill.current.clipboard.convert(props.value)) : quill.current.setText('');
     }
   }, [props.value]);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$Z({
+    return {
+      props: props,
       getQuill: function getQuill() {
         return quill.current;
       },
@@ -23904,7 +24058,7 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       getToolbar: function getToolbar() {
         return toolbarRef.current;
       }
-    }, props);
+    };
   });
 
   var createToolbarHeader = function createToolbarHeader() {
@@ -24035,9 +24189,6 @@ Editor.defaultProps = {
   onLoad: null
 };
 
-function ownKeys$Y(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$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Fieldset = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -24161,14 +24312,15 @@ var Fieldset = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$Y({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
       getContent: function getContent() {
         return contentRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Fieldset.defaultProps);
   var className = classNames('p-fieldset p-component', {
@@ -24282,9 +24434,6 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 }));
 UIMessage.displayName = 'UIMessage';
 
-function ownKeys$X(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$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var messageIdx$1 = 0;
 var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState([]),
@@ -24329,14 +24478,15 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$X({
+    return {
+      props: props,
       show: show,
       replace: replace,
       clear: clear,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Messages.defaultProps);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -24375,9 +24525,6 @@ Messages.defaultProps = {
   onClick: null
 };
 
-function ownKeys$W(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$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
 
@@ -24435,11 +24582,12 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$W({
+    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'");
 }));
@@ -24457,10 +24605,6 @@ ProgressBar.defaultProps = {
   color: null
 };
 
-function ownKeys$V(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$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createForOfIteratorHelper$a(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$a(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$a(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$a(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$a(o, minLen); }
@@ -24549,6 +24693,11 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onFileSelect = function onFileSelect(event) {
+    // give caller a chance to stop the selection
+    if (props.onBeforeSelect && props.onBeforeSelect(event) === false) {
+      return;
+    }
+
     if (event.type !== 'drop' && isIE11() && duplicateIEEvent.current) {
       duplicateIEEvent.current = false;
       return;
@@ -24805,17 +24954,19 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$V({
+    return {
+      props: props,
       upload: upload,
       clear: clear,
       formatSize: formatSize,
+      onFileSelect: onFileSelect,
       getInput: function getInput() {
         return fileInputRef.current;
       },
       getContent: function getContent() {
         return contentRef.current;
       }
-    }, props);
+    };
   });
 
   var createChooseButton = function createChooseButton() {
@@ -25112,6 +25263,7 @@ FileUpload.defaultProps = {
   onBeforeUpload: null,
   onBeforeSend: null,
   onBeforeDrop: null,
+  onBeforeSelect: null,
   onUpload: null,
   onError: null,
   onClear: null,
@@ -25122,9 +25274,6 @@ FileUpload.defaultProps = {
   onRemove: null
 };
 
-function ownKeys$U(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$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FullCalendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var config = React.useRef({});
@@ -25147,11 +25296,12 @@ var FullCalendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$U({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     // eslint-disable-next-line no-console
@@ -25613,7 +25763,7 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
       responsiveOptions.current.sort(function (data1, data2) {
         var value1 = data1.breakpoint;
         var value2 = data2.breakpoint;
-        return ObjectUtils.sort(value1, value2, -1, PrimeReact.locale);
+        return ObjectUtils.sort(value1, value2, -1, PrimeReact.locale, PrimeReact.nullSortOrder);
       });
 
       for (var i = 0; i < responsiveOptions.current.length; i++) {
@@ -25779,9 +25929,6 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
 GalleriaThumbnailItem.displayName = 'GalleriaThumbnailItem';
 GalleriaThumbnails.displayName = 'GalleriaThumbnails';
 
-function ownKeys$T(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$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -25889,7 +26036,8 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     ZIndexUtils.clear(maskRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$T({
+    return {
+      props: props,
       show: show,
       hide: hide,
       isAutoPlayActive: isAutoPlayActive,
@@ -25901,7 +26049,7 @@ var Galleria = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       getPreviewContent: function getPreviewContent() {
         return previewContentRef.current;
       }
-    }, props);
+    };
   });
 
   var createHeader = function createHeader() {
@@ -26054,10 +26202,6 @@ Galleria.defaultProps = {
   onItemChange: null
 };
 
-function ownKeys$S(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$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createForOfIteratorHelper$9(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$9(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$9(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$9(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$9(o, minLen); }
@@ -26187,12 +26331,13 @@ var GMap = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
     };
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$S({
+    return {
+      props: props,
       getMap: getMap,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, GMap.defaultProps);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -26218,9 +26363,6 @@ GMap.defaultProps = {
   onOverlayClick: null
 };
 
-function ownKeys$R(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$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -26421,14 +26563,15 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$R({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
       getImage: function getImage() {
         return imageRef.current;
       }
-    }, props);
+    };
   });
   var src = props.src,
       alt = props.alt,
@@ -26477,9 +26620,6 @@ Image.defaultProps = {
   onError: null
 };
 
-function ownKeys$Q(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$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var InplaceDisplay = function InplaceDisplay(props) {
   return props.children;
 };
@@ -26587,11 +26727,12 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$Q({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Inplace.defaultProps);
   var children = createChildren();
@@ -26626,9 +26767,6 @@ Inplace.defaultProps = {
   onToggle: null
 };
 
-function ownKeys$P(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$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(ref);
   var firstNonMaskPos = React.useRef(null);
@@ -27151,11 +27289,12 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$P({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(elementRef, ref);
@@ -27232,9 +27371,6 @@ InputMask.defaultProps = {
   onBlur: null
 };
 
-function ownKeys$O(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$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -27283,14 +27419,15 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$O({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
       getInput: function getInput() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -27421,9 +27558,10 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     }
   };
 
+  var currentValue = elementRef.current && elementRef.current.value;
   var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || elementRef.current && ObjectUtils.isNotEmpty(elementRef.current.value);
-  }, [props.value, props.defaultValue]);
+    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, props.defaultValue, currentValue]);
   React.useEffect(function () {
     ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
@@ -27461,9 +27599,6 @@ InputTextarea.defaultProps = {
   onInput: null
 };
 
-function ownKeys$N(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$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var radius = 40;
 var midX = 50;
 var midY = 50;
@@ -27638,11 +27773,12 @@ var Knob = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$N({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Knob.defaultProps);
   var className = classNames('p-knob p-component', {
@@ -27838,9 +27974,9 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
 });
 ListBoxItem.displayName = 'ListBoxItem';
 
-function ownKeys$M(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$d(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$M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createForOfIteratorHelper$8(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$8(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; } } }; }
 
@@ -28076,7 +28212,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
             var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
 
             if (filteredSubOptions && filteredSubOptions.length) {
-              filteredGroups.push(_objectSpread$M(_objectSpread$M({}, optgroup), {
+              filteredGroups.push(_objectSpread$d(_objectSpread$d({}, optgroup), {
                 items: filteredSubOptions
               }));
             }
@@ -28109,14 +28245,15 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$M({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
       getVirtualScroller: function getVirtualScroller() {
         return virtualScrollerRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     scrollToSelectedIndex();
@@ -28199,10 +28336,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
 
   var createList = function createList() {
     if (props.virtualScrollerOptions) {
-      var virtualScrollerProps = _objectSpread$M(_objectSpread$M({}, props.virtualScrollerOptions), {
+      var virtualScrollerProps = _objectSpread$d(_objectSpread$d({}, props.virtualScrollerOptions), {
         items: visibleOptions,
         onLazyLoad: function onLazyLoad(event) {
-          return props.virtualScrollerOptions.onLazyLoad(_objectSpread$M(_objectSpread$M({}, event), {
+          return props.virtualScrollerOptions.onLazyLoad(_objectSpread$d(_objectSpread$d({}, event), {
             filter: visibleOptions
           }));
         },
@@ -28298,9 +28435,6 @@ ListBox.defaultProps = {
   onFilterValueChange: null
 };
 
-function ownKeys$L(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$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -28469,11 +28603,12 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$L({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     bindDocumentClickListener();
@@ -28730,9 +28865,9 @@ MegaMenu.defaultProps = {
   end: null
 };
 
-function ownKeys$K(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$c(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$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -29054,11 +29189,13 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     }
   };
 
+  var currentValue = inputRef.current && inputRef.current.value;
   var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || inputRef.current && ObjectUtils.isNotEmpty(inputRef.current.value);
-  }, [props.value, props.defaultValue, inputRef]);
+    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, props.defaultValue, currentValue]);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$K({
+    return {
+      props: props,
       show: show,
       hide: hide,
       getElement: function getElement() {
@@ -29070,7 +29207,7 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       getInput: function getInput() {
         return inputRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -29121,7 +29258,7 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   var createPanel = function createPanel() {
     var panelClassName = classNames('p-mention-panel p-component', props.panelClassName);
 
-    var panelStyle = _objectSpread$K({
+    var panelStyle = _objectSpread$c({
       maxHeight: props.scrollHeight
     }, props.panelStyle);
 
@@ -29217,9 +29354,6 @@ Mention.defaultProps = {
   onHide: null
 };
 
-function ownKeys$J(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$J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(!props.popup),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -29343,7 +29477,8 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
     ZIndexUtils.clear(menuRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$J({
+    return {
+      props: props,
       toggle: toggle,
       show: show,
       hide: hide,
@@ -29353,7 +29488,7 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
       getTarget: function getTarget() {
         return targetRef.current;
       }
-    }, props);
+    };
   });
 
   var createSubmenu = function createSubmenu(submenu, index) {
@@ -29767,9 +29902,6 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 }));
 MenubarSub.displayName = 'MenubarSub';
 
-function ownKeys$I(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$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Menubar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -29820,7 +29952,8 @@ var Menubar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     ZIndexUtils.clear(rootMenuRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$I({
+    return {
+      props: props,
       toggle: toggle,
       useCustomContent: useCustomContent,
       getElement: function getElement() {
@@ -29832,7 +29965,7 @@ var Menubar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       getMenuButton: function getMenuButton() {
         return menuButtonRef.current;
       }
-    }, props);
+    };
   });
 
   var createStartContent = function createStartContent() {
@@ -29908,9 +30041,6 @@ Menubar.defaultProps = {
   end: null
 };
 
-function ownKeys$H(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$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Message = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
 
@@ -29934,11 +30064,12 @@ var Message = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$H({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Message.defaultProps);
   var className = classNames('p-inline-message p-component', {
@@ -30124,9 +30255,9 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
 });
 MultiSelectItem.displayName = 'MultiSelectItem';
 
-function ownKeys$G(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$b(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$G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var virtualScrollerRef = React.useRef(null);
 
@@ -30261,15 +30392,15 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
 
   var createContent = function createContent() {
     if (props.virtualScrollerOptions) {
-      var virtualScrollerProps = _objectSpread$G(_objectSpread$G({}, props.virtualScrollerOptions), {
-        style: _objectSpread$G(_objectSpread$G({}, props.virtualScrollerOptions.style), {
+      var virtualScrollerProps = _objectSpread$b(_objectSpread$b({}, props.virtualScrollerOptions), {
+        style: _objectSpread$b(_objectSpread$b({}, props.virtualScrollerOptions.style), {
           height: props.scrollHeight
         }),
         className: classNames('p-multiselect-items-wrapper', props.virtualScrollerOptions.className),
         items: props.visibleOptions,
         autoSize: true,
         onLazyLoad: function onLazyLoad(event) {
-          return props.virtualScrollerOptions.onLazyLoad(_objectSpread$G(_objectSpread$G({}, event), {
+          return props.virtualScrollerOptions.onLazyLoad(_objectSpread$b(_objectSpread$b({}, event), {
             filter: props.filterValue
           }));
         },
@@ -30344,9 +30475,9 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
 }));
 MultiSelectPanel.displayName = 'MultiSelectPanel';
 
-function ownKeys$F(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$a(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$F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(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; } } }; }
 
@@ -30910,7 +31041,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
             var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
 
             if (filteredSubOptions && filteredSubOptions.length) {
-              filteredGroups.push(_objectSpread$F(_objectSpread$F({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
+              filteredGroups.push(_objectSpread$a(_objectSpread$a({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
             }
           }
         } catch (err) {
@@ -30929,7 +31060,8 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$F({
+    return {
+      props: props,
       show: show,
       hide: hide,
       getElement: function getElement() {
@@ -30941,7 +31073,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       getInput: function getInput() {
         return inputRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -31120,9 +31252,6 @@ MultiSelect.defaultProps = {
   onSelectAll: null
 };
 
-function ownKeys$E(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$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -31204,11 +31333,12 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$E({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     if (!props.empty && props.value === null) {
@@ -31657,9 +31787,6 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
 });
 OrderListSubList.displayName = 'OrderListSubList';
 
-function ownKeys$D(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$D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -31804,11 +31931,12 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$D({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useUpdateEffect(function () {
     if (reorderDirection.current) {
@@ -32015,9 +32143,6 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
 });
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 
-function ownKeys$C(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$C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var root = props.value && props.value.length ? props.value[0] : null;
@@ -32090,11 +32215,12 @@ var OrganizationChart = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$C({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, OrganizationChart.defaultProps);
   var className = classNames('p-organizationchart p-component', props.className);
@@ -32126,9 +32252,6 @@ OrganizationChart.defaultProps = {
   onNodeUnselect: null
 };
 
-function ownKeys$B(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$B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -32150,7 +32273,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
           valid = _ref.valid;
 
       if (valid) {
-        type === 'outside' ? !isPanelClicked.current && hide() : hide();
+        type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
       }
 
       isPanelClicked.current = false;
@@ -32293,14 +32416,15 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ZIndexUtils.clear(overlayRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$B({
+    return {
+      props: props,
       toggle: toggle,
       show: show,
       hide: hide,
       getElement: function getElement() {
         return overlayRef.current;
       }
-    }, props);
+    };
   });
 
   var createCloseIcon = function createCloseIcon() {
@@ -32372,9 +32496,6 @@ OverlayPanel.defaultProps = {
   onHide: null
 };
 
-function ownKeys$A(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$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -32424,14 +32545,15 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$A({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
       getContent: function getContent() {
         return contentRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(elementRef, ref);
@@ -32739,9 +32861,6 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 PanelMenuSub.displayName = 'PanelMenuSub';
 
-function ownKeys$z(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$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -32822,11 +32941,12 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$z({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     if (!idState) {
@@ -32961,9 +33081,6 @@ PanelMenu.defaultProps = {
   transitionOptions: null
 };
 
-function ownKeys$y(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$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var promptLabel = props.promptLabel || localeOption('passwordPrompt');
   var weakLabel = props.weakLabel || localeOption('weak');
@@ -33015,9 +33132,10 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       bindOverlayListener = _useOverlayListener2[0],
       unbindOverlayListener = _useOverlayListener2[1];
 
+  var currentValue = inputRef.current && inputRef.current.value;
   var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || inputRef.current && ObjectUtils.isNotEmpty(inputRef.current.value);
-  }, [props.value, props.defaultValue, inputRef]);
+    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, props.defaultValue, currentValue]);
 
   var updateLabels = function updateLabels() {
     if (meterState) {
@@ -33182,7 +33300,8 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$y({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -33192,7 +33311,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       getInput: function getInput() {
         return inputRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -33347,7 +33466,7 @@ Password.defaultProps = {
 };
 
 var PickListControls = /*#__PURE__*/React.memo(function (props) {
-  var moveDisabled = !props.selection.length;
+  var moveDisabled = !props.selection || !props.selection.length;
 
   var moveUp = function moveUp(event) {
     var selectedItems = props.selection;
@@ -33844,9 +33963,6 @@ var PickListTransferControls = /*#__PURE__*/React.memo(function (props) {
 });
 PickListTransferControls.displayName = 'PickListTransferControls';
 
-function ownKeys$x(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$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -33873,8 +33989,8 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var targetListElementRef = React.useRef(null);
   var reorderedListElementRef = React.useRef(null);
   var reorderDirection = React.useRef(null);
-  var sourceSelection = props.onSourceSelectionChange ? props.sourceSelection : sourceSelectionState;
-  var targetSelection = props.onTargetSelectionChange ? props.targetSelection : targetSelectionState;
+  var sourceSelection = props.sourceSelection ? props.sourceSelection : sourceSelectionState;
+  var targetSelection = props.targetSelection ? props.targetSelection : targetSelectionState;
   var sourceFilteredValue = props.onSourceFilterChange ? props.sourceFilterValue : sourceFilterValueState;
   var targetFilteredValue = props.onTargetFilterChange ? props.targetFilterValue : targetFilterValueState;
   var hasFilterBy = ObjectUtils.isNotEmpty(props.filterBy);
@@ -33935,43 +34051,52 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         source = event.source,
         target = event.target,
         direction = event.direction;
+    var selectedValue = [];
 
     switch (direction) {
       case 'toTarget':
+        selectedValue = sourceSelection;
+
         if (props.onMoveToTarget) {
           props.onMoveToTarget({
             originalEvent: originalEvent,
-            value: sourceSelection
+            value: selectedValue
           });
         }
 
         break;
 
       case 'allToTarget':
+        selectedValue = props.source;
+
         if (props.onMoveAllToTarget) {
           props.onMoveAllToTarget({
             originalEvent: originalEvent,
-            value: props.source
+            value: selectedValue
           });
         }
 
         break;
 
       case 'toSource':
+        selectedValue = targetSelection;
+
         if (props.onMoveToSource) {
           props.onMoveToSource({
             originalEvent: originalEvent,
-            value: targetSelection
+            value: selectedValue
           });
         }
 
         break;
 
       case 'allToSource':
+        selectedValue = props.target;
+
         if (props.onMoveAllToSource) {
           props.onMoveAllToSource({
             originalEvent: originalEvent,
-            value: props.target
+            value: selectedValue
           });
         }
 
@@ -33980,12 +34105,12 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     _onSelectionChange({
       originalEvent: originalEvent,
-      value: []
+      value: selectedValue
     }, 'sourceSelection', props.onSourceSelectionChange);
 
     _onSelectionChange({
       originalEvent: originalEvent,
-      value: []
+      value: selectedValue
     }, 'targetSelection', props.onTargetSelectionChange);
 
     handleChange(event, source, target);
@@ -34001,10 +34126,10 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var _onSelectionChange = function onSelectionChange(e, stateKey, callback) {
+    if (stateKey === 'sourceSelection') setSourceSelectionState(e.value);else setTargetSelectionState(e.value);
+
     if (callback) {
       callback(e);
-    } else {
-      if (stateKey === 'sourceSelection') setSourceSelectionState(e.value);else setTargetSelectionState(e.value);
     }
 
     if (ObjectUtils.isNotEmpty(sourceSelection) && stateKey === 'targetSelection') {
@@ -34061,11 +34186,12 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$x({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useUpdateEffect(function () {
     if (reorderedListElementRef.current) {
@@ -34194,19 +34320,17 @@ PickList.defaultProps = {
   onTargetFilterChange: null
 };
 
-function ownKeys$w(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$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ProgressSpinner = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, ProgressSpinner.defaultProps);
   var className = classNames('p-progress-spinner', props.className);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$w({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
@@ -34242,9 +34366,6 @@ ProgressSpinner.defaultProps = {
   animationDuration: '2s'
 };
 
-function ownKeys$v(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$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -34261,20 +34382,27 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
 
   var onClick = function onClick(e) {
     if (!props.disabled && props.onChange) {
-      props.onChange({
-        originalEvent: e,
-        value: props.value,
-        checked: !props.checked,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
-        target: {
-          name: props.name,
-          id: props.id,
+      var checked = props.checked;
+
+      if (inputRef.current.checked === checked) {
+        var value = !checked;
+        props.onChange({
+          originalEvent: e,
           value: props.value,
-          checked: !props.checked
-        }
-      });
-      inputRef.current.checked = !props.checked;
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'radio',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+        inputRef.current.checked = value;
+      }
+
       DomHandler.focus(inputRef.current);
       e.preventDefault();
     }
@@ -34297,7 +34425,8 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$v({
+    return {
+      props: props,
       select: select,
       getElement: function getElement() {
         return elementRef.current;
@@ -34305,7 +34434,7 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       getInput: function getInput() {
         return inputRef.current;
       }
-    }, props);
+    };
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, RadioButton.defaultProps);
@@ -34371,9 +34500,6 @@ RadioButton.defaultProps = {
   onChange: null
 };
 
-function ownKeys$u(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$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var enabled = !props.disabled && !props.readOnly;
@@ -34465,11 +34591,12 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$u({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, Rating.defaultProps);
@@ -34519,9 +34646,6 @@ Row.defaultProps = {
   className: null
 };
 
-function ownKeys$t(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$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var containerRef = React.useRef(null);
   var contentRef = React.useRef(null);
@@ -34655,7 +34779,8 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$t({
+    return {
+      props: props,
       refresh: refresh,
       getElement: function getElement() {
         return containerRef.current;
@@ -34669,7 +34794,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       getYBar: function getYBar() {
         return yBarRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, ScrollPanel.defaultProps);
   var className = classNames('p-scrollpanel p-component', props.className);
@@ -34703,9 +34828,6 @@ ScrollPanel.defaultProps = {
   className: null
 };
 
-function ownKeys$s(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$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -34764,11 +34886,12 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$s({
+    return {
+      props: props,
       getElement: function getElement() {
-        return scrollElementRef.current;
+        return elementRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     if (props.target === 'window') bindDocumentScrollListener();else if (props.target === 'parent') bindParentScrollListener();
@@ -34881,9 +35004,6 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
 });
 SelectButtonItem.displayName = 'SelectButtonItem';
 
-function ownKeys$r(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$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
 
@@ -34983,11 +35103,12 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$r({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, SelectButton.defaultProps);
@@ -35027,9 +35148,6 @@ SelectButton.defaultProps = {
   onChange: null
 };
 
-function ownKeys$q(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$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -35059,6 +35177,27 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
       bindDocumentEscapeListener = _useEventListener2[0],
       unbindDocumentEscapeListener = _useEventListener2[1];
 
+  var _useEventListener3 = useEventListener({
+    type: 'click',
+    listener: function listener(event) {
+      if (event.which === 2) {
+        // left click
+        return;
+      }
+
+      if (isOutsideClicked(event)) {
+        onClose(event);
+      }
+    }
+  }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentClickListener = _useEventListener4[0],
+      unbindDocumentClickListener = _useEventListener4[1];
+
+  var isOutsideClicked = function isOutsideClicked(event) {
+    return sidebarRef && sidebarRef.current && !sidebarRef.current.contains(event.target);
+  };
+
   var getPositionClass = function getPositionClass() {
     var positions = ['left', 'right', 'top', 'bottom'];
     var pos = positions.find(function (item) {
@@ -35110,6 +35249,10 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
       bindDocumentEscapeListener();
     }
 
+    if (props.dismissable && !props.modal) {
+      bindDocumentClickListener();
+    }
+
     if (props.blockScroll) {
       DomHandler.addClass(document.body, 'p-overflow-hidden');
     }
@@ -35117,6 +35260,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var disableDocumentSettings = function disableDocumentSettings() {
     unbindDocumentEscapeListener();
+    unbindDocumentClickListener();
 
     if (props.blockScroll) {
       DomHandler.removeClass(document.body, 'p-overflow-hidden');
@@ -35124,7 +35268,8 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$q({
+    return {
+      props: props,
       getElement: function getElement() {
         return sidebarRef.current;
       },
@@ -35134,7 +35279,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
       getCloseIcon: function getCloseIcon() {
         return closeIconRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     if (props.visible) {
@@ -35261,9 +35406,6 @@ Sidebar.defaultProps = {
   onHide: null
 };
 
-function ownKeys$p(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$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
@@ -35281,11 +35423,12 @@ var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     'p-skeleton-none': props.animation === 'none'
   }, props.className);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$p({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: elementRef,
@@ -35306,9 +35449,9 @@ Skeleton.defaultProps = {
   className: null
 };
 
-function ownKeys$o(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$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -35339,7 +35482,7 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
 
     if (item.items) {
       var key = createKey(item, index);
-      setRenderSubMenu(_objectSpread$o(_objectSpread$o({}, renderSubMenu), {}, _defineProperty({}, key, true)));
+      setRenderSubMenu(_objectSpread$9(_objectSpread$9({}, renderSubMenu), {}, _defineProperty({}, key, true)));
       setActiveItemState(item);
       props.onForward();
     }
@@ -35458,9 +35601,6 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 SlideMenuSub.displayName = 'SlideMenuSub';
 
-function ownKeys$n(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$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(0),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -35558,14 +35698,15 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ZIndexUtils.clear(menuRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$n({
+    return {
+      props: props,
       toggle: toggle,
       show: show,
       hide: hide,
       getElement: function getElement() {
         return menuRef.current;
       }
-    }, props);
+    };
   });
 
   var createBackward = function createBackward() {
@@ -35657,9 +35798,6 @@ SlideMenu.defaultProps = {
   onHide: null
 };
 
-function ownKeys$m(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$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var handleIndex = React.useRef(0);
@@ -35927,11 +36065,12 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$m({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Slider.defaultProps);
   var className = classNames('p-slider p-component', props.className, {
@@ -35969,9 +36108,9 @@ Slider.defaultProps = {
   'aria-labelledby': null
 };
 
-function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames2;
 
@@ -36116,7 +36255,7 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var getItemStyle = function getItemStyle(index) {
     var transitionDelay = calculateTransitionDelay(index);
     var pointStyle = calculatePointStyle(index);
-    return _objectSpread$l({
+    return _objectSpread$8({
       transitionDelay: "".concat(transitionDelay, "ms")
     }, pointStyle);
   };
@@ -36145,13 +36284,14 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     };
   }, [visibleState]);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$l({
+    return {
+      props: props,
       show: show,
       hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
 
   var createItem = function createItem(item, index) {
@@ -36427,9 +36567,6 @@ var SplitButtonPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 SplitButtonPanel.displayName = 'SplitButtonPanel';
 
-function ownKeys$k(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -36513,13 +36650,14 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ZIndexUtils.clear(overlayRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$k({
+    return {
+      props: props,
       show: show,
       hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
 
   var createItems = function createItems() {
@@ -36620,9 +36758,6 @@ SplitButton.defaultProps = {
   onHide: null
 };
 
-function ownKeys$j(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SplitterPanel = function SplitterPanel() {};
 var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
@@ -36805,11 +36940,12 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$j({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
@@ -36917,9 +37053,6 @@ Splitter.defaultProps = {
   onResizeEnd: null
 };
 
-function ownKeys$i(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$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
 
@@ -37023,11 +37156,12 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$i({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Steps.defaultProps);
   var className = classNames('p-steps p-component', {
@@ -37053,9 +37187,6 @@ Steps.defaultProps = {
   onSelect: null
 };
 
-function ownKeys$h(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$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var targetRef = React.useRef(null);
   var animating = React.useRef(false);
@@ -37123,7 +37254,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (props.toggleClassName) {
         if (DomHandler.hasClass(targetRef.current, props.toggleClassName)) DomHandler.removeClass(targetRef.current, props.toggleClassName);else DomHandler.addClass(targetRef.current, props.toggleClassName);
       } else {
-        if (targetRef.current.offsetParent === null) enter();else leave();
+        DomHandler.isVisible(targetRef.current) ? leave() : enter();
       }
     }
   }),
@@ -37243,14 +37374,15 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$h({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       },
       getTarget: function getTarget() {
         return targetRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     init();
@@ -37281,9 +37413,6 @@ StyleClass.defaultProps = {
   toggleClassName: null
 };
 
-function ownKeys$g(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$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.activeIndex),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -37335,11 +37464,12 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$g({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     updateInkBar();
@@ -37445,9 +37575,9 @@ TabMenu.defaultProps = {
   onTabChange: null
 };
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TabPanel = function TabPanel() {};
 var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
@@ -37624,12 +37754,13 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     updateScrollBar(props.activeIndex);
   }, [props.activeIndex]);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$f({
+    return {
+      props: props,
       reset: reset,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
 
   var createTabHeader = function createTabHeader(tab, index) {
@@ -37646,7 +37777,7 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
         headerTemplate = _tab$props.headerTemplate,
         closable = _tab$props.closable;
 
-    var style = _objectSpread$f(_objectSpread$f({}, headerStyle || {}), _style || {});
+    var style = _objectSpread$7(_objectSpread$7({}, headerStyle || {}), _style || {});
 
     var className = classNames('p-unselectable-text', {
       'p-tabview-selected p-highlight': selected,
@@ -37753,7 +37884,7 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (shouldUseTab(tab, index) && (!props.renderActiveOnly || isSelected(index))) {
         var selected = isSelected(index);
 
-        var style = _objectSpread$f(_objectSpread$f({}, tab.props.contentStyle || {}), tab.props.style || {});
+        var style = _objectSpread$7(_objectSpread$7({}, tab.props.contentStyle || {}), tab.props.style || {});
 
         var _className2 = classNames(tab.props.contentClassName, tab.props.className, 'p-tabview-panel', {
           'p-hidden': !selected
@@ -37854,9 +37985,6 @@ TabView.defaultProps = {
   panelContainerClassName: null
 };
 
-function ownKeys$e(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$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
@@ -37869,11 +37997,12 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
     props: props
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$e({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   return /*#__PURE__*/React.createElement("span", _extends({
     ref: elementRef,
@@ -37896,9 +38025,6 @@ Tag.defaultProps = {
 
 var TerminalService = EventBus();
 
-function ownKeys$d(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$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -37969,11 +38095,12 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$d({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   React.useEffect(function () {
     var response = function response(res) {
@@ -38348,9 +38475,6 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 TieredMenuSub.displayName = 'TieredMenuSub';
 
-function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(!props.popup),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -38425,14 +38549,15 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ZIndexUtils.clear(menuRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$c({
+    return {
+      props: props,
       toggle: toggle,
       show: show,
       hide: hide,
       getElement: function getElement() {
         return menuRef.current;
       }
-    }, props);
+    };
   });
 
   var createElement = function createElement() {
@@ -38491,9 +38616,6 @@ TieredMenu.defaultProps = {
   onHide: null
 };
 
-function ownKeys$b(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
@@ -38527,11 +38649,12 @@ var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$b({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Timeline.defaultProps);
   var className = classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
@@ -38558,9 +38681,9 @@ Timeline.defaultProps = {
   content: null
 };
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$message = props.message,
       severity = _props$message.severity,
@@ -38608,7 +38731,7 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var createMessage = function createMessage() {
     if (props.message) {
-      var contentEl = ObjectUtils.getJSXElement(content, _objectSpread$a(_objectSpread$a({}, props), {}, {
+      var contentEl = ObjectUtils.getJSXElement(content, _objectSpread$6(_objectSpread$6({}, props), {}, {
         onClose: onClose
       }));
       var iconClassName = classNames('p-toast-message-icon pi', {
@@ -38650,9 +38773,6 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 }));
 ToastMessage.displayName = 'ToastMessage';
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var messageIdx = 0;
 var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState([]),
@@ -38712,14 +38832,15 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     ZIndexUtils.clear(containerRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$9({
+    return {
+      props: props,
       show: show,
       replace: replace,
       clear: clear,
       getElement: function getElement() {
         return containerRef.current;
       }
-    }, props);
+    };
   });
 
   var createElement = function createElement() {
@@ -38775,9 +38896,6 @@ Toast.defaultProps = {
   onHide: null
 };
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var hasLabel = props.onLabel && props.onLabel.length > 0 && props.offLabel && props.offLabel.length > 0;
@@ -38825,11 +38943,12 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$8({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var tabIndex = !props.disabled && props.tabIndex;
@@ -38880,9 +38999,6 @@ ToggleButton.defaultProps = {
   onBlur: null
 };
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Toolbar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Toolbar.defaultProps);
@@ -38890,11 +39006,12 @@ var Toolbar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   var left = ObjectUtils.getJSXElement(props.left, props);
   var right = ObjectUtils.getJSXElement(props.right, props);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$7({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
@@ -38924,9 +39041,9 @@ function _unsupportedIterableToArray$6(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$6(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; }
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var UITreeNode = /*#__PURE__*/React.memo(function (props) {
   var contentRef = React.useRef(null);
   var nodeTouched = React.useRef(false);
@@ -38934,7 +39051,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
   var expanded = (props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false) || props.node.expanded;
 
   var expand = function expand(event) {
-    var expandedKeys = props.expandedKeys ? _objectSpread$6({}, props.expandedKeys) : {};
+    var expandedKeys = props.expandedKeys ? _objectSpread$5({}, props.expandedKeys) : {};
     expandedKeys[props.node.key] = true;
     props.onToggle({
       originalEvent: event,
@@ -38944,7 +39061,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
   };
 
   var collapse = function collapse(event) {
-    var expandedKeys = _objectSpread$6({}, props.expandedKeys);
+    var expandedKeys = _objectSpread$5({}, props.expandedKeys);
 
     delete expandedKeys[props.node.key];
     props.onToggle({
@@ -39104,7 +39221,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
 
       if (isCheckboxSelectionMode()) {
         var checked = isChecked();
-        selectionKeys = props.selectionKeys ? _objectSpread$6({}, props.selectionKeys) : {};
+        selectionKeys = props.selectionKeys ? _objectSpread$5({}, props.selectionKeys) : {};
 
         if (checked) {
           if (props.propagateSelectionDown) propagateDown(props.node, false, selectionKeys);else delete selectionKeys[props.node.key];
@@ -39154,7 +39271,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
             if (isSingleSelectionMode()) {
               selectionKeys = null;
             } else {
-              selectionKeys = _objectSpread$6({}, props.selectionKeys);
+              selectionKeys = _objectSpread$5({}, props.selectionKeys);
               delete selectionKeys[props.node.key];
             }
 
@@ -39168,7 +39285,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
             if (isSingleSelectionMode()) {
               selectionKeys = props.node.key;
             } else if (isMultipleSelectionMode()) {
-              selectionKeys = !metaKey ? {} : props.selectionKeys ? _objectSpread$6({}, props.selectionKeys) : {};
+              selectionKeys = !metaKey ? {} : props.selectionKeys ? _objectSpread$5({}, props.selectionKeys) : {};
               selectionKeys[props.node.key] = true;
             }
 
@@ -39202,7 +39319,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
             }
           } else {
             if (selected) {
-              selectionKeys = _objectSpread$6({}, props.selectionKeys);
+              selectionKeys = _objectSpread$5({}, props.selectionKeys);
               delete selectionKeys[props.node.key];
 
               if (props.onUnselect) {
@@ -39212,7 +39329,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
                 });
               }
             } else {
-              selectionKeys = props.selectionKeys ? _objectSpread$6({}, props.selectionKeys) : {};
+              selectionKeys = props.selectionKeys ? _objectSpread$5({}, props.selectionKeys) : {};
               selectionKeys[props.node.key] = true;
 
               if (props.onSelect) {
@@ -39661,9 +39778,9 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
 });
 UITreeNode.displayName = 'UITreeNode';
 
-function ownKeys$5(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$4(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(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; } } }; }
 
@@ -39893,7 +40010,7 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var node = _step.value;
 
-          var copyNode = _objectSpread$5({}, node);
+          var copyNode = _objectSpread$4({}, node);
 
           var paramsWithoutNode = {
             searchFields: searchFields,
@@ -39931,7 +40048,7 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
             var childNode = _step2.value;
 
-            var copyChildNode = _objectSpread$5({}, childNode);
+            var copyChildNode = _objectSpread$4({}, childNode);
 
             if (isFilterMatched(copyChildNode, paramsWithoutNode)) {
               matched = true;
@@ -39992,12 +40109,13 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$5({
+    return {
+      props: props,
       filter: filter,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
 
   var createRootChild = function createRootChild(node, index, last) {
@@ -40255,9 +40373,9 @@ var TreeSelectPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 TreeSelectPanel.displayName = 'TreeSelectPanel';
 
-function ownKeys$4(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$3(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createForOfIteratorHelper$4(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$4(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; } } }; }
 
@@ -40536,7 +40654,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var updateTreeState = function updateTreeState() {
-    var keys = isSingleSelectionMode ? _defineProperty({}, "".concat(props.value), true) : _objectSpread$4({}, props.value);
+    var keys = isSingleSelectionMode ? _defineProperty({}, "".concat(props.value), true) : _objectSpread$3({}, props.value);
     setExpandedKeysState({});
 
     if (keys && props.options) {
@@ -40586,7 +40704,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var expandPath = function expandPath(path) {
     if (path.length > 0) {
-      var expandedKeys = _objectSpread$4({}, expandedKeysState || {});
+      var expandedKeys = _objectSpread$3({}, expandedKeysState || {});
 
       var _iterator5 = _createForOfIteratorHelper$4(path),
           _step5;
@@ -40610,7 +40728,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var selectedNodes = [];
 
     if (ObjectUtils.isNotEmpty(props.value) && props.options) {
-      var keys = isSingleSelectionMode ? _defineProperty({}, "".concat(props.value), true) : _objectSpread$4({}, props.value);
+      var keys = isSingleSelectionMode ? _defineProperty({}, "".concat(props.value), true) : _objectSpread$3({}, props.value);
       findSelectedNodes(null, keys, selectedNodes);
     }
 
@@ -40618,11 +40736,12 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$4({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   useMountEffect(function () {
     updateTreeState();
@@ -40810,7 +40929,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var createFooter = function createFooter() {
-    return ObjectUtils.getJSXElement(props.footer, props);
+    return ObjectUtils.getJSXElement(props.panelFooterTemplate, props);
   };
 
   var selectedNodes = getSelectedNodes();
@@ -41058,9 +41177,9 @@ function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$3(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; }
 
-function ownKeys$3(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$2(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
   var elementRef = React.useRef(null);
   var checkboxRef = React.useRef(null);
@@ -41075,7 +41194,7 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
   };
 
   var expand = function expand(event) {
-    var expandedKeys = props.expandedKeys ? _objectSpread$3({}, props.expandedKeys) : {};
+    var expandedKeys = props.expandedKeys ? _objectSpread$2({}, props.expandedKeys) : {};
     expandedKeys[props.node.key] = true;
     props.onToggle({
       originalEvent: event,
@@ -41085,7 +41204,7 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
   };
 
   var collapse = function collapse(event) {
-    var expandedKeys = _objectSpread$3({}, props.expandedKeys);
+    var expandedKeys = _objectSpread$2({}, props.expandedKeys);
 
     delete expandedKeys[props.node.key];
     props.onToggle({
@@ -41127,7 +41246,7 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
 
   var onCheckboxChange = function onCheckboxChange(event) {
     var checked = isChecked();
-    var selectionKeys = props.selectionKeys ? _objectSpread$3({}, props.selectionKeys) : {};
+    var selectionKeys = props.selectionKeys ? _objectSpread$2({}, props.selectionKeys) : {};
 
     if (checked) {
       if (props.propagateSelectionDown) propagateDown(props.node, false, selectionKeys);else delete selectionKeys[props.node.key];
@@ -41448,7 +41567,7 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
 
   if (props.rowClassName) {
     var rowClassName = props.rowClassName(props.node);
-    className = _objectSpread$3(_objectSpread$3({}, className), rowClassName);
+    className = _objectSpread$2(_objectSpread$2({}, className), rowClassName);
   }
 
   className = classNames(className, props.node.className);
@@ -41465,9 +41584,9 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
 });
 TreeTableRow.displayName = 'TreeTableRow';
 
-function ownKeys$2(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$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 _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(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; } } }; }
 
@@ -41538,7 +41657,7 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
         });
         var rangeStart = Math.min(rowIndex, anchorRowIndex);
         var rangeEnd = Math.max(rowIndex, anchorRowIndex);
-        selectionKeys = _objectSpread$2({}, props.selectionKeys);
+        selectionKeys = _objectSpread$1({}, props.selectionKeys);
 
         for (var i = rangeStart; i <= rangeEnd; i++) {
           var rowKey = flatKeys[i];
@@ -41553,7 +41672,7 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
             if (isSingleSelectionMode) {
               selectionKeys = null;
             } else {
-              selectionKeys = _objectSpread$2({}, props.selectionKeys);
+              selectionKeys = _objectSpread$1({}, props.selectionKeys);
               delete selectionKeys[node.key];
             }
 
@@ -41567,7 +41686,7 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
             if (isSingleSelectionMode) {
               selectionKeys = node.key;
             } else if (isMultipleSelectionMode) {
-              selectionKeys = !metaKey ? {} : props.selectionKeys ? _objectSpread$2({}, props.selectionKeys) : {};
+              selectionKeys = !metaKey ? {} : props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
               selectionKeys[node.key] = true;
             }
 
@@ -41601,7 +41720,7 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
             }
           } else {
             if (selected) {
-              selectionKeys = _objectSpread$2({}, props.selectionKeys);
+              selectionKeys = _objectSpread$1({}, props.selectionKeys);
               delete selectionKeys[node.key];
 
               if (props.onUnselect) {
@@ -41611,7 +41730,7 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
                 });
               }
             } else {
-              selectionKeys = props.selectionKeys ? _objectSpread$2({}, props.selectionKeys) : {};
+              selectionKeys = props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
               selectionKeys[node.key] = true;
 
               if (props.onSelect) {
@@ -42238,9 +42357,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(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; }
 
-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 TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.expandedKeys),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -42454,7 +42573,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
         var sortField = getSortField();
         var value1 = ObjectUtils.resolveFieldData(node1.data, sortField);
         var value2 = ObjectUtils.resolveFieldData(node2.data, sortField);
-        return ObjectUtils.sort(value1, value2, getSortOrder(), PrimeReact.locale);
+        return ObjectUtils.sort(value1, value2, getSortOrder(), PrimeReact.locale, PrimeReact.nullSortOrder);
       });
 
       for (var i = 0; i < value.length; i++) {
@@ -42514,7 +42633,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var onFilter = function onFilter(event) {
     var filters = getFilters();
-    var newFilters = filters ? _objectSpread$1({}, filters) : {};
+    var newFilters = filters ? _objectSpread({}, filters) : {};
     if (!isFilterBlank(event.value)) newFilters[event.field] = {
       value: event.value,
       matchMode: event.matchMode
@@ -42971,7 +43090,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
         var node = _step5.value;
 
-        var copyNode = _objectSpread$1({}, node);
+        var copyNode = _objectSpread({}, node);
 
         var localMatch = true;
         var globalMatch = false;
@@ -43018,7 +43137,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 
           if (props.globalFilter && !globalMatch) {
-            var copyNodeForGlobal = _objectSpread$1({}, copyNode);
+            var copyNodeForGlobal = _objectSpread({}, copyNode);
 
             filterValue = props.globalFilter;
             filterConstraint = FilterService.filters['contains'];
@@ -43071,7 +43190,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
           for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
             var childNode = _step6.value;
 
-            var copyChildNode = _objectSpread$1({}, childNode);
+            var copyChildNode = _objectSpread({}, childNode);
 
             if (isFilterMatched(copyChildNode, paramsWithoutNode)) {
               matched = true;
@@ -43143,12 +43262,13 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread$1({
+    return {
+      props: props,
       filter: filter,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
 
   var createTableHeader = function createTableHeader(columns, columnGroup) {
@@ -43432,9 +43552,6 @@ TreeTable.defaultProps = {
   onContextMenu: null
 };
 
-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 TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -43484,11 +43601,12 @@ var TriStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
   };
 
   React.useImperativeHandle(ref, function () {
-    return _objectSpread({
+    return {
+      props: props,
       getElement: function getElement() {
         return elementRef.current;
       }
-    }, props);
+    };
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, TriStateCheckbox.defaultProps);