primereact 8.7.3 → 9.0.0-rc.1

package/core/core.js

@@ -40,9 +40,7 @@ this.primereact.utils = (function (exports, React) {
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -58,9 +56,7 @@ this.primereact.utils = (function (exports, React) {
 
   function _arrayLikeToArray$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -177,7 +173,7 @@ this.primereact.utils = (function (exports, React) {
 
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o, minLen); }
-  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 _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; }
   var DomHandler = /*#__PURE__*/function () {
     function DomHandler() {
       _classCallCheck(this, DomHandler);
@@ -795,6 +791,11 @@ this.primereact.utils = (function (exports, React) {
       value: function isAndroid() {
         return /(android)/i.test(navigator.userAgent);
       }
+    }, {
+      key: "isChrome",
+      value: function isChrome() {
+        return /(chrome)/i.test(navigator.userAgent);
+      }
     }, {
       key: "isTouchDevice",
       value: function isTouchDevice() {
@@ -910,7 +911,7 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "isExist",
       value: function isExist(element) {
-        return element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode;
+        return !!(element !== null && typeof element !== 'undefined' && element.nodeName && element.parentNode);
       }
     }, {
       key: "hasDOM",
@@ -964,6 +965,22 @@ this.primereact.utils = (function (exports, React) {
           preventScroll: preventScroll
         });
       }
+
+      /**
+       * Focus the first focusable element if it does not already have focus.
+       *
+       * @param {HTMLElement} el a HTML element
+       * @param {boolean} scrollTo flag to control whether to scroll to the element, false by default
+       * @return {HTMLElement | undefined} the first focusable HTML element found
+       */
+    }, {
+      key: "focusFirstElement",
+      value: function focusFirstElement(el, scrollTo) {
+        if (!el) return;
+        var firstFocusableElement = DomHandler.getFirstFocusableElement(el);
+        firstFocusableElement && DomHandler.focus(firstFocusableElement, scrollTo);
+        return firstFocusableElement;
+      }
     }, {
       key: "getCursorOffset",
       value: function getCursorOffset(el, prevText, nextText, currentText) {
@@ -1327,13 +1344,11 @@ this.primereact.utils = (function (exports, React) {
       return options.unmask ? getUnmaskedValue() : el && el.value;
     };
     var seekNext = function seekNext(pos) {
-      while (++pos < len && !tests[pos]) {
-      }
+      while (++pos < len && !tests[pos]);
       return pos;
     };
     var seekPrev = function seekPrev(pos) {
-      while (--pos >= 0 && !tests[pos]) {
-      }
+      while (--pos >= 0 && !tests[pos]);
       return pos;
     };
     var shiftL = function shiftL(begin, end) {
@@ -1376,20 +1391,14 @@ this.primereact.utils = (function (exports, React) {
       if (oldVal && oldVal.length && oldVal.length > curVal.length) {
         // a deletion or backspace happened
         checkVal(true);
-        while (pos.begin > 0 && !tests[pos.begin - 1]) {
-          pos.begin--;
-        }
+        while (pos.begin > 0 && !tests[pos.begin - 1]) pos.begin--;
         if (pos.begin === 0) {
-          while (pos.begin < firstNonMaskPos && !tests[pos.begin]) {
-            pos.begin++;
-          }
+          while (pos.begin < firstNonMaskPos && !tests[pos.begin]) pos.begin++;
         }
         caret(pos.begin, pos.begin);
       } else {
         checkVal(true);
-        while (pos.begin < len && !tests[pos.begin]) {
-          pos.begin++;
-        }
+        while (pos.begin < len && !tests[pos.begin]) pos.begin++;
         caret(pos.begin, pos.begin);
       }
       if (options.onComplete && isCompleted()) {
@@ -1417,11 +1426,10 @@ this.primereact.utils = (function (exports, React) {
         pos,
         begin,
         end;
-      var iPhone = /iphone/i.test(DomHandler.getUserAgent());
       oldVal = el.value;
 
       //backspace, delete, and escape get special treatment
-      if (k === 8 || k === 46 || iPhone && k === 127) {
+      if (k === 8 || k === 46 || DomHandler.isIOS() && k === 127) {
         pos = caret();
         begin = pos.begin;
         end = pos.end;
@@ -1471,7 +1479,7 @@ this.primereact.utils = (function (exports, React) {
             buffer[p] = c;
             writeBuffer();
             next = seekNext(p);
-            if (/android/i.test(DomHandler.getUserAgent())) {
+            if (DomHandler.isAndroid()) {
               //Path for CSP Violation on FireFox OS 1.1
               var proxy = function proxy() {
                 caret(next);
@@ -1641,8 +1649,7 @@ this.primereact.utils = (function (exports, React) {
         a: '[A-Za-z]',
         '*': '[A-Za-z0-9]'
       };
-      var ua = DomHandler.getUserAgent();
-      androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
+      androidChrome = DomHandler.isChrome() && DomHandler.isAndroid();
       var maskTokens = options.mask.split('');
       for (var i = 0; i < maskTokens.length; i++) {
         var c = maskTokens[i];
@@ -1721,9 +1728,7 @@ this.primereact.utils = (function (exports, React) {
           if (arrA && arrB) {
             length = a.length;
             if (length !== b.length) return false;
-            for (i = length; i-- !== 0;) {
-              if (!this.deepEquals(a[i], b[i])) return false;
-            }
+            for (i = length; i-- !== 0;) if (!this.deepEquals(a[i], b[i])) return false;
             return true;
           }
           if (arrA !== arrB) return false;
@@ -1738,9 +1743,7 @@ this.primereact.utils = (function (exports, React) {
           var keys = Object.keys(a);
           length = keys.length;
           if (length !== Object.keys(b).length) return false;
-          for (i = length; i-- !== 0;) {
-            if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
-          }
+          for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
           for (i = length; i-- !== 0;) {
             key = keys[i];
             if (!this.deepEquals(a[key], b[key])) return false;
@@ -1827,13 +1830,10 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "reorderArray",
       value: function reorderArray(value, from, to) {
-        var target;
         if (value && from !== to) {
           if (to >= value.length) {
-            target = to - value.length;
-            while (target-- + 1) {
-              value.push(undefined);
-            }
+            to %= value.length;
+            from %= value.length;
           }
           value.splice(to, 0, value.splice(from, 1)[0]);
         }
@@ -1859,6 +1859,24 @@ this.primereact.utils = (function (exports, React) {
         }
         return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
       }
+    }, {
+      key: "getProp",
+      value: function getProp(props) {
+        var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+        var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+        var value = props ? props[prop] : undefined;
+        return value === undefined ? defaultProps[prop] : value;
+      }
+    }, {
+      key: "getMergedProps",
+      value: function getMergedProps(props, defaultProps) {
+        return Object.assign({}, defaultProps, props);
+      }
+    }, {
+      key: "getDiffProps",
+      value: function getDiffProps(props, defaultProps) {
+        return this.findDiffKeys(props, defaultProps);
+      }
     }, {
       key: "getPropValue",
       value: function getPropValue(obj) {
@@ -1871,6 +1889,35 @@ this.primereact.utils = (function (exports, React) {
         }
         return this.isFunction(obj) ? obj.apply(void 0, _toConsumableArray(methodParams)) : obj;
       }
+    }, {
+      key: "getComponentProp",
+      value: function getComponentProp(component) {
+        var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+        var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+        return this.isNotEmpty(component) ? this.getProp(component.props, prop, defaultProps) : undefined;
+      }
+    }, {
+      key: "getComponentProps",
+      value: function getComponentProps(component, defaultProps) {
+        return this.isNotEmpty(component) ? this.getMergedProps(component.props, defaultProps) : undefined;
+      }
+    }, {
+      key: "getComponentDiffProps",
+      value: function getComponentDiffProps(component, defaultProps) {
+        return this.isNotEmpty(component) ? this.getDiffProps(component.props, defaultProps) : undefined;
+      }
+    }, {
+      key: "isValidChild",
+      value: function isValidChild(child, type, validTypes) {
+        /* eslint-disable */
+        try {
+          if ("production" !== 'production' && this.getProp(child, '__TYPE') !== type && child.type.displayName !== type) ;
+        } catch (error) {
+          // NOOP
+        }
+        return true;
+        /* eslint-enable */
+      }
     }, {
       key: "getRefElement",
       value: function getRefElement(ref) {
@@ -2092,7 +2139,7 @@ this.primereact.api = (function (exports, utils) {
 
     function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o, minLen); }
-    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 _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; }
     var FilterService = {
       filter: function filter(value, fields, filterValue, filterMatchMode, filterLocale) {
         var filteredItems = [];
@@ -2191,7 +2238,7 @@ this.primereact.api = (function (exports, utils) {
         },
         notEquals: function notEquals(value, filter, filterLocale) {
           if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
-            return false;
+            return true;
           }
           if (value === undefined || value === null) {
             return true;
@@ -2361,25 +2408,25 @@ this.primereact.api = (function (exports, utils) {
       }
     }
 
-    var PrimeReact = /*#__PURE__*/_createClass(function PrimeReact() {
+    var PrimeReact$1 = /*#__PURE__*/_createClass(function PrimeReact() {
       _classCallCheck(this, PrimeReact);
     });
-    _defineProperty(PrimeReact, "ripple", false);
-    _defineProperty(PrimeReact, "inputStyle", 'outlined');
-    _defineProperty(PrimeReact, "locale", 'en');
-    _defineProperty(PrimeReact, "appendTo", null);
-    _defineProperty(PrimeReact, "cssTransition", true);
-    _defineProperty(PrimeReact, "autoZIndex", true);
-    _defineProperty(PrimeReact, "nonce", null);
-    _defineProperty(PrimeReact, "nullSortOrder", 1);
-    _defineProperty(PrimeReact, "zIndex", {
+    _defineProperty(PrimeReact$1, "ripple", false);
+    _defineProperty(PrimeReact$1, "inputStyle", 'outlined');
+    _defineProperty(PrimeReact$1, "locale", 'en');
+    _defineProperty(PrimeReact$1, "appendTo", null);
+    _defineProperty(PrimeReact$1, "cssTransition", true);
+    _defineProperty(PrimeReact$1, "autoZIndex", true);
+    _defineProperty(PrimeReact$1, "nonce", null);
+    _defineProperty(PrimeReact$1, "nullSortOrder", 1);
+    _defineProperty(PrimeReact$1, "zIndex", {
       modal: 1100,
       overlay: 1000,
       menu: 1000,
       tooltip: 1100,
       toast: 1200
     });
-    _defineProperty(PrimeReact, "filterMatchModeOptions", {
+    _defineProperty(PrimeReact$1, "filterMatchModeOptions", {
       text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
       numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
       date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
@@ -2450,10 +2497,10 @@ this.primereact.api = (function (exports, utils) {
       }
     };
     function locale(locale) {
-      locale && (PrimeReact.locale = locale);
+      locale && (PrimeReact$1.locale = locale);
       return {
-        locale: PrimeReact.locale,
-        options: locales[PrimeReact.locale]
+        locale: PrimeReact$1.locale,
+        options: locales[PrimeReact$1.locale]
       };
     }
     function addLocale(locale, options) {
@@ -2463,11 +2510,11 @@ this.primereact.api = (function (exports, utils) {
       localeOptions(locale)[key] = value;
     }
     function updateLocaleOptions(options, locale) {
-      var _locale = locale || PrimeReact.locale;
+      var _locale = locale || PrimeReact$1.locale;
       locales[_locale] = _objectSpread(_objectSpread({}, locales[_locale]), options);
     }
     function localeOption(key, locale) {
-      var _locale = locale || PrimeReact.locale;
+      var _locale = locale || PrimeReact$1.locale;
       try {
         return localeOptions(_locale)[key];
       } catch (error) {
@@ -2475,7 +2522,7 @@ this.primereact.api = (function (exports, utils) {
       }
     }
     function ariaLabel(key) {
-      var _locale = PrimeReact.locale;
+      var _locale = PrimeReact$1.locale;
       try {
         return localeOptions(_locale)['aria'][key];
       } catch (error) {
@@ -2483,7 +2530,7 @@ this.primereact.api = (function (exports, utils) {
       }
     }
     function localeOptions(locale) {
-      var _locale = locale || PrimeReact.locale;
+      var _locale = locale || PrimeReact$1.locale;
       return locales[_locale];
     }
 
@@ -2739,6 +2786,8 @@ this.primereact.api = (function (exports, utils) {
       ASC: 1
     });
 
+    var PrimeReact = PrimeReact$1;
+
     exports.FilterMatchMode = FilterMatchMode;
     exports.FilterOperator = FilterOperator;
     exports.FilterService = FilterService;
@@ -2762,489 +2811,919 @@ this.primereact.api = (function (exports, utils) {
 
 this.primereact = this.primereact || {};
 this.primereact.hooks = (function (exports, React, utils) {
-    'use strict';
+  'use strict';
 
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
         }
-        n["default"] = e;
-        return Object.freeze(n);
+      });
     }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
 
-    var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-    var usePrevious = function usePrevious(newValue) {
-      var ref = React__namespace.useRef(undefined);
-      React__namespace.useEffect(function () {
-        ref.current = newValue;
-      });
-      return ref.current;
-    };
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-    /* eslint-disable */
-    var useMountEffect = function useMountEffect(fn) {
-      return React__namespace.useEffect(fn, []);
-    };
-    /* eslint-enable */
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
 
-    /* eslint-disable */
-    var useUpdateEffect = function useUpdateEffect(fn, deps) {
-      var mounted = React__namespace.useRef(false);
-      return React__namespace.useEffect(function () {
-        if (!mounted.current) {
-          mounted.current = true;
-          return;
+  function _iterableToArrayLimit(arr, i) {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
+      try {
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+      } catch (err) {
+        _d = !0, _e = err;
+      } finally {
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
         }
-        return fn && fn();
-      }, deps);
-    };
-    /* eslint-enable */
+      }
+      return _arr;
+    }
+  }
 
-    /* eslint-disable */
-    var useUnmountEffect = function useUnmountEffect(fn) {
-      return React__namespace.useEffect(function () {
-        return fn;
-      }, []);
+  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 _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(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(o, minLen);
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
+  var usePrevious = function usePrevious(newValue) {
+    var ref = React__namespace.useRef(undefined);
+    React__namespace.useEffect(function () {
+      ref.current = newValue;
+    });
+    return ref.current;
+  };
+
+  /* eslint-disable */
+  var useUnmountEffect = function useUnmountEffect(fn) {
+    return React__namespace.useEffect(function () {
+      return fn;
+    }, []);
+  };
+  /* eslint-enable */
+
+  /* eslint-disable */
+  var useEventListener = function useEventListener(_ref) {
+    var _ref$target = _ref.target,
+      target = _ref$target === void 0 ? 'document' : _ref$target,
+      type = _ref.type,
+      listener = _ref.listener,
+      options = _ref.options,
+      _ref$when = _ref.when,
+      when = _ref$when === void 0 ? true : _ref$when;
+    var targetRef = React__namespace.useRef(null);
+    var listenerRef = React__namespace.useRef(null);
+    var prevOptions = usePrevious(options);
+    var bind = function bind() {
+      var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
+        unbind();
+        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
+      }
+      if (!listenerRef.current && targetRef.current) {
+        listenerRef.current = function (event) {
+          return listener && listener(event);
+        };
+        targetRef.current.addEventListener(type, listenerRef.current, options);
+      }
+    };
+    var unbind = function unbind() {
+      if (listenerRef.current) {
+        targetRef.current.removeEventListener(type, listenerRef.current, options);
+        listenerRef.current = null;
+      }
     };
-    /* eslint-enable */
+    React__namespace.useEffect(function () {
+      if (when) {
+        targetRef.current = utils.DomHandler.getTargetElement(target);
+      } else {
+        unbind();
+        targetRef.current = null;
+      }
+    }, [target, when]);
+    React__namespace.useEffect(function () {
+      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+        unbind();
+        when && bind();
+      }
+    }, [listener, options]);
+    useUnmountEffect(function () {
+      unbind();
+    });
+    return [bind, unbind];
+  };
+  /* eslint-enable */
 
-    /* eslint-disable */
-    var useEventListener = function useEventListener(_ref) {
-      var _ref$target = _ref.target,
-        target = _ref$target === void 0 ? 'document' : _ref$target,
-        type = _ref.type,
-        listener = _ref.listener,
-        options = _ref.options,
-        _ref$when = _ref.when,
-        when = _ref$when === void 0 ? true : _ref$when;
-      var targetRef = React__namespace.useRef(null);
-      var listenerRef = React__namespace.useRef(null);
-      var prevOptions = usePrevious(options);
-      var bind = function bind() {
-        var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-          unbind();
-          (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-        }
-        if (!listenerRef.current && targetRef.current) {
-          listenerRef.current = function (event) {
-            return listener && listener(event);
-          };
-          targetRef.current.addEventListener(type, listenerRef.current, options);
-        }
-      };
-      var unbind = function unbind() {
-        if (listenerRef.current) {
-          targetRef.current.removeEventListener(type, listenerRef.current, options);
-          listenerRef.current = null;
-        }
+  var useClickOutside = function useClickOutside(ref, callback) {
+    var isOutsideClicked = function isOutsideClicked(event) {
+      if (!ref.current || ref.current.contains(event.target)) {
+        return;
+      }
+      callback(event);
+    };
+    var _useEventListener = useEventListener({
+        type: 'mousedown',
+        listener: isOutsideClicked
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindMouseDownListener = _useEventListener2[0],
+      unbindMouseDownListener = _useEventListener2[1];
+    var _useEventListener3 = useEventListener({
+        type: 'touchstart',
+        listener: isOutsideClicked
+      }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindTouchStartListener = _useEventListener4[0],
+      unbindTouchStartListener = _useEventListener4[1];
+    React__namespace.useEffect(function () {
+      if (!ref.current) {
+        return;
+      }
+      bindMouseDownListener();
+      bindTouchStartListener();
+      return function () {
+        unbindMouseDownListener();
+        unbindTouchStartListener();
       };
-      React__namespace.useEffect(function () {
-        if (when) {
-          targetRef.current = utils.DomHandler.getTargetElement(target);
-        } else {
-          unbind();
-          targetRef.current = null;
-        }
-      }, [target, when]);
-      React__namespace.useEffect(function () {
-        if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-          unbind();
-          when && bind();
-        }
-      }, [listener, options]);
-      useUnmountEffect(function () {
-        unbind();
-      });
-      return [bind, unbind];
+    });
+    return [ref, callback];
+  };
+
+  var useCounter = function useCounter() {
+    var initialValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      step: 1
+    };
+    var _React$useState = React__namespace.useState(initialValue),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      count = _React$useState2[0],
+      setCount = _React$useState2[1];
+    var increment = function increment() {
+      if (options.max && count >= options.max) {
+        return;
+      }
+      setCount(count + options.step);
     };
-    /* eslint-enable */
+    var decrement = function decrement() {
+      if (options.min || options.min === 0 && count <= options.min) {
+        return null;
+      }
+      setCount(count - options.step);
+    };
+    var reset = function reset() {
+      setCount(0);
+    };
+    return {
+      count: count,
+      increment: increment,
+      decrement: decrement,
+      reset: reset
+    };
+  };
 
-    function _arrayWithHoles(arr) {
-      if (Array.isArray(arr)) return arr;
-    }
+  /* eslint-disable */
+  var useTimeout = function useTimeout(fn) {
+    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    var timeout = React__namespace.useRef(null);
+    var savedCallback = React__namespace.useRef(null);
+    var clear = React__namespace.useCallback(function () {
+      return clearTimeout(timeout.current);
+    }, [timeout.current]);
+    React__namespace.useEffect(function () {
+      savedCallback.current = fn;
+    });
+    React__namespace.useEffect(function () {
+      function callback() {
+        savedCallback.current();
+      }
+      if (when) {
+        timeout.current = setTimeout(callback, delay);
+        return clear;
+      } else {
+        clear();
+      }
+    }, [delay, when]);
+    useUnmountEffect(function () {
+      clear();
+    });
+    return [clear];
+  };
+  /* eslint-enable */
 
-    function _iterableToArrayLimit(arr, i) {
-      var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-      if (null != _i) {
-        var _s,
-          _e,
-          _x,
-          _r,
-          _arr = [],
-          _n = !0,
-          _d = !1;
-        try {
-          if (_x = (_i = _i.call(arr)).next, 0 === i) {
-            if (Object(_i) !== _i) return;
-            _n = !1;
-          } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-            ;
-          }
-        } catch (err) {
-          _d = !0, _e = err;
-        } finally {
-          try {
-            if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-          } finally {
-            if (_d) throw _e;
-          }
-        }
-        return _arr;
+  var useDebounce = function useDebounce(initialValue, delay) {
+    var _React$useState = React__namespace.useState(initialValue),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      inputValue = _React$useState2[0],
+      setInputValue = _React$useState2[1];
+    var _React$useState3 = React__namespace.useState(initialValue),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      debouncedValue = _React$useState4[0],
+      setDebouncedValue = _React$useState4[1];
+    useTimeout(function () {
+      setDebouncedValue(inputValue);
+    }, delay, inputValue !== debouncedValue);
+    return [inputValue, debouncedValue, setInputValue];
+  };
+
+  var TYPE_MAP = {
+    ico: 'image/x-icon',
+    png: 'image/png',
+    svg: 'image/svg+xml',
+    gif: 'image/gif'
+  };
+  var useFavicon = function useFavicon() {
+    var newIcon = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var rel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'shortcut icon';
+    React__namespace.useLayoutEffect(function () {
+      if (newIcon) {
+        var linkElements = document.querySelectorAll("link[rel*='icon']");
+        linkElements.forEach(function (linkEl) {
+          document.head.removeChild(linkEl);
+        });
+        var link = document.createElement('link');
+        link.setAttribute('type', TYPE_MAP[newIcon.split('.').pop()]);
+        link.setAttribute('rel', rel);
+        link.setAttribute('href', newIcon);
+        document.head.appendChild(link);
       }
-    }
+    }, [newIcon, rel]);
+  };
+
+  var useIntersectionObserver = function useIntersectionObserver(ref) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isElementVisible = _React$useState2[0],
+      setIsElementVisible = _React$useState2[1];
+    React__namespace.useEffect(function () {
+      if (!ref.current) return;
+      var observer = new IntersectionObserver(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 1),
+          entry = _ref2[0];
+        setIsElementVisible(entry.isIntersecting);
+      }, options);
+      observer.observe(ref.current);
+      return function () {
+        observer.disconnect();
+      };
+    }, [options, ref]);
+    return isElementVisible;
+  };
 
-    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];
+  /* eslint-disable */
+  var useInterval = function useInterval(fn) {
+    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    var timeout = React__namespace.useRef(null);
+    var savedCallback = React__namespace.useRef(null);
+    var clear = React__namespace.useCallback(function () {
+      return clearInterval(timeout.current);
+    }, [timeout.current]);
+    React__namespace.useEffect(function () {
+      savedCallback.current = fn;
+    });
+    React__namespace.useEffect(function () {
+      function callback() {
+        savedCallback.current();
       }
-      return arr2;
-    }
+      if (when) {
+        timeout.current = setInterval(callback, delay);
+        return clear;
+      } else {
+        clear();
+      }
+    }, [delay, when]);
+    useUnmountEffect(function () {
+      clear();
+    });
+    return [clear];
+  };
+  /* eslint-enable */
 
-    function _unsupportedIterableToArray(o, minLen) {
-      if (!o) return;
-      if (typeof o === "string") return _arrayLikeToArray(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(o, minLen);
-    }
+  /* eslint-disable */
+  var useMountEffect = function useMountEffect(fn) {
+    return React__namespace.useEffect(fn, []);
+  };
+  /* eslint-enable */
 
-    function _nonIterableRest() {
-      throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-    }
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
 
-    function _slicedToArray(arr, i) {
-      return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
     }
+    return (hint === "string" ? String : Number)(input);
+  }
 
-    /* eslint-disable */
-    var useOverlayScrollListener = function useOverlayScrollListener(_ref) {
-      var target = _ref.target,
-        listener = _ref.listener,
-        options = _ref.options,
-        _ref$when = _ref.when,
-        when = _ref$when === void 0 ? true : _ref$when;
-      var targetRef = React__namespace.useRef(null);
-      var listenerRef = React__namespace.useRef(null);
-      var scrollableParents = React__namespace.useRef([]);
-      var prevOptions = usePrevious(options);
-      var bind = function bind() {
-        var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-          unbind();
-          (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-        }
-        if (!listenerRef.current && targetRef.current) {
-          var nodes = scrollableParents.current = utils.DomHandler.getScrollableParents(targetRef.current);
-          listenerRef.current = function (event) {
-            return listener && listener(event);
-          };
-          nodes.forEach(function (node) {
-            return node.addEventListener('scroll', listenerRef.current, options);
-          });
-        }
-      };
-      var unbind = function unbind() {
-        if (listenerRef.current) {
-          var nodes = scrollableParents.current;
-          nodes.forEach(function (node) {
-            return node.removeEventListener('scroll', listenerRef.current, options);
-          });
-          listenerRef.current = null;
-        }
-      };
-      React__namespace.useEffect(function () {
-        if (when) {
-          targetRef.current = utils.DomHandler.getTargetElement(target);
-        } else {
-          unbind();
-          targetRef.current = null;
-        }
-      }, [target, when]);
-      React__namespace.useEffect(function () {
-        if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
-          unbind();
-          when && bind();
-        }
-      }, [listener, options]);
-      useUnmountEffect(function () {
-        unbind();
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
       });
-      return [bind, unbind];
-    };
-    /* eslint-enable */
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
 
-    var useResizeListener = function useResizeListener(_ref) {
-      var listener = _ref.listener;
-      return useEventListener({
-        target: 'window',
-        type: 'resize',
-        listener: listener
+  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$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; }
+  var useMouse = function useMouse() {
+    var _React$useState = React__namespace.useState({
+        x: 0,
+        y: 0
+      }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      position = _React$useState2[0],
+      setPosition = _React$useState2[1];
+    var ref = React__namespace.useRef(null);
+    var handleMouseMove = React__namespace.useCallback(function (event) {
+      var x, y;
+      if (ref.current) {
+        var rect = event.currentTarget.getBoundingClientRect();
+        x = event.pageX - rect.left - (window.pageXOffset || window.scrollX);
+        y = event.pageY - rect.top - (window.pageYOffset || window.scrollY);
+      } else {
+        x = event.clientX;
+        y = event.clientY;
+      }
+      setPosition({
+        x: Math.max(0, Math.round(x)),
+        y: Math.max(0, Math.round(y))
+      });
+    }, []);
+    var _useEventListener = useEventListener({
+        target: ref,
+        type: 'mousemove',
+        listener: handleMouseMove
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindMouseMoveEventListener = _useEventListener2[0],
+      unbindMouseMoveEventListener = _useEventListener2[1];
+    var _useEventListener3 = useEventListener({
+        type: 'mousemove',
+        listener: handleMouseMove
+      }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentMoveEventListener = _useEventListener4[0],
+      unbindDocumentMoveEventListener = _useEventListener4[1];
+    var reset = function reset() {
+      return setPosition({
+        x: 0,
+        y: 0
       });
     };
+    React__namespace.useEffect(function () {
+      bindMouseMoveEventListener();
+      if (!ref.current) {
+        bindDocumentMoveEventListener();
+      }
+      return function () {
+        unbindMouseMoveEventListener();
 
-    var useOverlayListener = function useOverlayListener(_ref) {
-      var target = _ref.target,
-        overlay = _ref.overlay,
-        _listener = _ref.listener,
-        _ref$when = _ref.when,
-        when = _ref$when === void 0 ? true : _ref$when;
-      var targetRef = React__namespace.useRef(null);
-      var overlayRef = React__namespace.useRef(null);
-
-      /**
-       * The parameters of the 'listener' method in the following event handlers;
-       * @param {Event} event A click event of the document.
-       * @param {string} options.type The custom type to detect event.
-       * @param {boolean} options.valid It is controlled by PrimeReact. It is determined whether it is valid or not according to some custom validation.
-       */
-      var _useEventListener = useEventListener({
-          type: 'click',
-          listener: function listener(event) {
-            _listener && _listener(event, {
-              type: 'outside',
-              valid: event.which !== 3 && isOutsideClicked(event)
-            });
-          }
-        }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 2),
-        bindDocumentClickListener = _useEventListener2[0],
-        unbindDocumentClickListener = _useEventListener2[1];
-      var _useResizeListener = useResizeListener({
-          listener: function listener(event) {
-            _listener && _listener(event, {
-              type: 'resize',
-              valid: !utils.DomHandler.isTouchDevice()
-            });
-          }
-        }),
-        _useResizeListener2 = _slicedToArray(_useResizeListener, 2),
-        bindWindowResizeListener = _useResizeListener2[0],
-        unbindWindowResizeListener = _useResizeListener2[1];
-      var _useOverlayScrollList = useOverlayScrollListener({
-          target: targetRef,
-          listener: function listener(event) {
-            _listener && _listener(event, {
-              type: 'scroll',
-              valid: true
-            });
-          }
-        }),
-        _useOverlayScrollList2 = _slicedToArray(_useOverlayScrollList, 2),
-        bindOverlayScrollListener = _useOverlayScrollList2[0],
-        unbindOverlayScrollListener = _useOverlayScrollList2[1];
-      var isOutsideClicked = function isOutsideClicked(event) {
-        return targetRef.current && !(targetRef.current.isSameNode(event.target) || targetRef.current.contains(event.target) || overlayRef.current && overlayRef.current.contains(event.target));
-      };
-      var bind = function bind() {
-        bindDocumentClickListener();
-        bindWindowResizeListener();
-        bindOverlayScrollListener();
-      };
-      var unbind = function unbind() {
-        unbindDocumentClickListener();
-        unbindWindowResizeListener();
-        unbindOverlayScrollListener();
-      };
-      React__namespace.useEffect(function () {
-        if (when) {
-          targetRef.current = utils.DomHandler.getTargetElement(target);
-          overlayRef.current = utils.DomHandler.getTargetElement(overlay);
-        } else {
-          unbind();
-          targetRef.current = overlayRef.current = null;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        if (!ref.current) {
+          unbindDocumentMoveEventListener();
         }
-      }, [target, overlay, when]);
-      React__namespace.useEffect(function () {
-        unbind();
-        // when && bind();
-      }, [when]);
-      useUnmountEffect(function () {
-        unbind();
+      };
+    }, [bindDocumentMoveEventListener, bindMouseMoveEventListener, unbindDocumentMoveEventListener, unbindMouseMoveEventListener]);
+    return _objectSpread$1(_objectSpread$1({
+      ref: ref
+    }, position), {}, {
+      reset: reset
+    });
+  };
+
+  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; }
+  function useMove(_ref) {
+    var _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? 'both' : _ref$mode,
+      _ref$initialValue = _ref.initialValue,
+      initialValue = _ref$initialValue === void 0 ? {
+        x: 0,
+        y: 0
+      } : _ref$initialValue;
+    var _React$useState = React__namespace.useState(initialValue),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      positions = _React$useState2[0],
+      setPositions = _React$useState2[1];
+    var _React$useState3 = React__namespace.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      active = _React$useState4[0],
+      setActive = _React$useState4[1];
+    var isMounted = React__namespace.useRef(false);
+    var isSliding = React__namespace.useRef(false);
+    var ref = React__namespace.useRef(null);
+    var onMouseMove = function onMouseMove(event) {
+      return updateMousePosition({
+        x: event.clientX,
+        y: event.clientY
       });
-      return [bind, unbind];
     };
-    /* eslint-enable */
-
-    /* eslint-disable */
-    var useInterval = function useInterval(fn) {
-      var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      var timeout = React__namespace.useRef(null);
-      var savedCallback = React__namespace.useRef(null);
-      var clear = React__namespace.useCallback(function () {
-        return clearInterval(timeout.current);
-      }, [timeout.current]);
-      React__namespace.useEffect(function () {
-        savedCallback.current = fn;
+    var handlePositionChange = function handlePositionChange(_ref2) {
+      var clampedX = _ref2.clampedX,
+        clampedY = _ref2.clampedY;
+      if (mode === 'vertical') {
+        setPositions({
+          y: 1 - clampedY
+        });
+      } else if (mode === 'horizontal') {
+        setPositions({
+          x: clampedX
+        });
+      } else if (mode === 'both') {
+        setPositions({
+          x: clampedX,
+          y: clampedY
+        });
+      }
+    };
+    var onMouseDown = function onMouseDown(event) {
+      startScrubbing();
+      event.preventDefault();
+      onMouseMove(event);
+    };
+    var stopScrubbing = function stopScrubbing() {
+      if (isSliding.current && isMounted.current) {
+        isSliding.current = false;
+        setActive(false);
+        unbindListeners();
+      }
+    };
+    var onTouchMove = function onTouchMove(event) {
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+      updateMousePosition({
+        x: event.changedTouches[0].clientX,
+        y: event.changedTouches[0].clientY
       });
-      React__namespace.useEffect(function () {
-        function callback() {
-          savedCallback.current();
-        }
-        if (when) {
-          timeout.current = setInterval(callback, delay);
-          return clear;
-        } else {
-          clear();
+    };
+    var onTouchStart = function onTouchStart(event) {
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+      startScrubbing();
+      onTouchMove(event);
+    };
+    var _useEventListener = useEventListener({
+        type: 'mousemove',
+        listener: onMouseMove
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindDocumentMouseMoveListener = _useEventListener2[0],
+      unbindDocumentMouseMoveListener = _useEventListener2[1];
+    var _useEventListener3 = useEventListener({
+        type: 'mouseup',
+        listener: stopScrubbing
+      }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentMouseUpListener = _useEventListener4[0],
+      unbindDocumentMouseUpListener = _useEventListener4[1];
+    var _useEventListener5 = useEventListener({
+        type: 'touchmove',
+        listener: onTouchMove
+      }),
+      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+      bindDocumentTouchMoveListener = _useEventListener6[0],
+      unbindDocumentTouchMoveListener = _useEventListener6[1];
+    var _useEventListener7 = useEventListener({
+        type: 'touchend',
+        listener: stopScrubbing
+      }),
+      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+      bindDocumentTouchEndListener = _useEventListener8[0],
+      unbindDocumentTouchEndListener = _useEventListener8[1];
+    var _useEventListener9 = useEventListener({
+        target: ref,
+        type: 'mousedown',
+        listener: onMouseDown
+      }),
+      _useEventListener10 = _slicedToArray(_useEventListener9, 2),
+      bindMouseDownListener = _useEventListener10[0],
+      unbindMouseDownListener = _useEventListener10[1];
+    var _useEventListener11 = useEventListener({
+        target: ref,
+        type: 'touchstart',
+        listener: onTouchStart,
+        options: {
+          passive: false
         }
-      }, [delay, when]);
-      useUnmountEffect(function () {
-        clear();
-      });
-      return [clear];
+      }),
+      _useEventListener12 = _slicedToArray(_useEventListener11, 2),
+      bindTouchStartListener = _useEventListener12[0],
+      unbindTouchStartListener = _useEventListener12[1];
+    var clamp = function clamp(value, min, max) {
+      return Math.min(Math.max(value, min), max);
+    };
+    var clampPositions = function clampPositions(_ref3) {
+      var x = _ref3.x,
+        y = _ref3.y;
+      return {
+        clampedX: clamp(x, 0, 1),
+        clampedY: clamp(y, 0, 1)
+      };
     };
-    /* eslint-enable */
-
-    /**
-     * Hook to wrap around useState that stores the value in the browser local/session storage.
-     *
-     * @param {any} initialValue the initial value to store
-     * @param {string} key the key to store the value in local/session storage
-     * @param {string} storage either 'local' or 'session' for what type of storage
-     * @returns a stateful value, and a function to update it.
-     */
-    var useStorage = function useStorage(initialValue, key) {
-      var storage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';
-      // Since the local storage API isn't available in server-rendering environments,
-      // we check that typeof window !== 'undefined' to make SSR and SSG work properly.
-      var storageAvailable = typeof window !== 'undefined';
-
-      // subscribe to window storage event so changes in one tab to a stored value
-      // are properly reflected in all tabs
-      var _useEventListener = useEventListener({
-          target: 'window',
-          type: 'storage',
-          listener: function listener(event) {
-            var area = storage === 'local' ? window.localStorage : window.sessionStorage;
-            if (event.storageArea === area && event.key === key) {
-              setStoredValue(event.newValue || undefined);
-            }
-          }
-        }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 2),
-        bindWindowStorageListener = _useEventListener2[0],
-        unbindWindowStorageListener = _useEventListener2[1];
-      var _React$useState = React__namespace.useState(function () {
-          if (!storageAvailable) {
-            return initialValue;
-          }
-          try {
-            var item = storage === 'local' ? window.localStorage.getItem(key) : window.sessionStorage.getItem(key);
-            return item ? JSON.parse(item) : initialValue;
-          } catch (error) {
-            // If error also return initialValue
-            return initialValue;
-          }
-        }),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        storedValue = _React$useState2[0],
-        setStoredValue = _React$useState2[1];
-      var setValue = function setValue(value) {
-        try {
-          // Allow value to be a function so we have same API as useState
-          var valueToStore = value instanceof Function ? value(storedValue) : value;
-          setStoredValue(valueToStore);
-          if (storageAvailable) {
-            var serializedValue = JSON.stringify(valueToStore);
-            storage === 'local' ? window.localStorage.setItem(key, serializedValue) : window.sessionStorage.setItem(key, serializedValue);
-          }
-        } catch (error) {
-          throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(key));
+    var bindListeners = function bindListeners() {
+      bindDocumentMouseMoveListener();
+      bindDocumentMouseUpListener();
+      bindDocumentTouchMoveListener();
+      bindDocumentTouchEndListener();
+    };
+    var unbindListeners = function unbindListeners() {
+      unbindDocumentMouseMoveListener();
+      unbindDocumentMouseUpListener();
+      unbindDocumentTouchMoveListener();
+      unbindDocumentTouchEndListener();
+    };
+    var reset = function reset() {
+      setPositions(initialValue);
+    };
+    React__namespace.useEffect(function () {
+      isMounted.current = true;
+    }, []);
+    var startScrubbing = function startScrubbing() {
+      if (!isSliding.current && isMounted.current) {
+        isSliding.current = true;
+        setActive(true);
+        bindListeners();
+      }
+    };
+    var updateMousePosition = function updateMousePosition(_ref4) {
+      var x = _ref4.x,
+        y = _ref4.y;
+      if (isSliding.current) {
+        var rect = ref.current.getBoundingClientRect();
+        var _clampPositions = clampPositions({
+            x: (x - rect.left) / rect.width,
+            y: (y - rect.top) / rect.height
+          }),
+          clampedX = _clampPositions.clampedX,
+          clampedY = _clampPositions.clampedY;
+        handlePositionChange({
+          clampedX: clampedX,
+          clampedY: clampedY
+        });
+      }
+    };
+    React__namespace.useEffect(function () {
+      if (ref.current) {
+        bindMouseDownListener();
+        bindTouchStartListener();
+      }
+      return function () {
+        if (ref.current) {
+          unbindMouseDownListener();
+          unbindTouchStartListener();
         }
       };
-      React__namespace.useEffect(function () {
-        bindWindowStorageListener();
-        return function () {
-          return unbindWindowStorageListener();
+    }, [bindMouseDownListener, bindTouchStartListener, positions, unbindMouseDownListener, unbindTouchStartListener]);
+    return _objectSpread(_objectSpread({
+      ref: ref
+    }, positions), {}, {
+      active: active,
+      reset: reset
+    });
+  }
+
+  /* eslint-disable */
+  var useOverlayScrollListener = function useOverlayScrollListener(_ref) {
+    var target = _ref.target,
+      listener = _ref.listener,
+      options = _ref.options,
+      _ref$when = _ref.when,
+      when = _ref$when === void 0 ? true : _ref$when;
+    var targetRef = React__namespace.useRef(null);
+    var listenerRef = React__namespace.useRef(null);
+    var scrollableParents = React__namespace.useRef([]);
+    var prevOptions = usePrevious(options);
+    var bind = function bind() {
+      var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
+        unbind();
+        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
+      }
+      if (!listenerRef.current && targetRef.current) {
+        var nodes = scrollableParents.current = utils.DomHandler.getScrollableParents(targetRef.current);
+        listenerRef.current = function (event) {
+          return listener && listener(event);
         };
-      }, []);
-      return [storedValue, setValue];
+        nodes.forEach(function (node) {
+          return node.addEventListener('scroll', listenerRef.current, options);
+        });
+      }
     };
-
-    /**
-     * Hook to wrap around useState that stores the value in the browser local storage.
-     *
-     * @param {any} initialValue the initial value to store
-     * @param {string} key the key to store the value in local storage
-     * @returns a stateful value, and a function to update it.
-     */
-    var useLocalStorage = function useLocalStorage(initialValue, key) {
-      return useStorage(initialValue, key, 'local');
+    var unbind = function unbind() {
+      if (listenerRef.current) {
+        var nodes = scrollableParents.current;
+        nodes.forEach(function (node) {
+          return node.removeEventListener('scroll', listenerRef.current, options);
+        });
+        listenerRef.current = null;
+      }
     };
+    React__namespace.useEffect(function () {
+      if (when) {
+        targetRef.current = utils.DomHandler.getTargetElement(target);
+      } else {
+        unbind();
+        targetRef.current = null;
+      }
+    }, [target, when]);
+    React__namespace.useEffect(function () {
+      if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
+        unbind();
+        when && bind();
+      }
+    }, [listener, options]);
+    useUnmountEffect(function () {
+      unbind();
+    });
+    return [bind, unbind];
+  };
+  /* eslint-enable */
+
+  var useResizeListener = function useResizeListener(_ref) {
+    var listener = _ref.listener;
+    return useEventListener({
+      target: 'window',
+      type: 'resize',
+      listener: listener
+    });
+  };
+
+  var useOverlayListener = function useOverlayListener(_ref) {
+    var target = _ref.target,
+      overlay = _ref.overlay,
+      _listener = _ref.listener,
+      _ref$when = _ref.when,
+      when = _ref$when === void 0 ? true : _ref$when;
+    var targetRef = React__namespace.useRef(null);
+    var overlayRef = React__namespace.useRef(null);
 
     /**
-     * Hook to wrap around useState that stores the value in the browser session storage.
-     *
-     * @param {any} initialValue the initial value to store
-     * @param {string} key the key to store the value in session storage
-     * @returns a stateful value, and a function to update it.
+     * The parameters of the 'listener' method in the following event handlers;
+     * @param {Event} event A click event of the document.
+     * @param {string} options.type The custom type to detect event.
+     * @param {boolean} options.valid It is controlled by PrimeReact. It is determined whether it is valid or not according to some custom validation.
      */
-    var useSessionStorage = function useSessionStorage(initialValue, key) {
-      return useStorage(initialValue, key, 'session');
+    var _useEventListener = useEventListener({
+        type: 'click',
+        listener: function listener(event) {
+          _listener && _listener(event, {
+            type: 'outside',
+            valid: event.which !== 3 && isOutsideClicked(event)
+          });
+        }
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindDocumentClickListener = _useEventListener2[0],
+      unbindDocumentClickListener = _useEventListener2[1];
+    var _useResizeListener = useResizeListener({
+        listener: function listener(event) {
+          _listener && _listener(event, {
+            type: 'resize',
+            valid: !utils.DomHandler.isTouchDevice()
+          });
+        }
+      }),
+      _useResizeListener2 = _slicedToArray(_useResizeListener, 2),
+      bindWindowResizeListener = _useResizeListener2[0],
+      unbindWindowResizeListener = _useResizeListener2[1];
+    var _useOverlayScrollList = useOverlayScrollListener({
+        target: target,
+        listener: function listener(event) {
+          _listener && _listener(event, {
+            type: 'scroll',
+            valid: true
+          });
+        }
+      }),
+      _useOverlayScrollList2 = _slicedToArray(_useOverlayScrollList, 2),
+      bindOverlayScrollListener = _useOverlayScrollList2[0],
+      unbindOverlayScrollListener = _useOverlayScrollList2[1];
+    var isOutsideClicked = function isOutsideClicked(event) {
+      return targetRef.current && !(targetRef.current.isSameNode(event.target) || targetRef.current.contains(event.target) || overlayRef.current && overlayRef.current.contains(event.target));
     };
-    /* eslint-enable */
-
-    /* eslint-disable */
-    var useTimeout = function useTimeout(fn) {
-      var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      var timeout = React__namespace.useRef(null);
-      var savedCallback = React__namespace.useRef(null);
-      var clear = React__namespace.useCallback(function () {
-        return clearTimeout(timeout.current);
-      }, [timeout.current]);
-      React__namespace.useEffect(function () {
-        savedCallback.current = fn;
-      });
-      React__namespace.useEffect(function () {
-        function callback() {
-          savedCallback.current();
+    var bind = function bind() {
+      bindDocumentClickListener();
+      bindWindowResizeListener();
+      bindOverlayScrollListener();
+    };
+    var unbind = function unbind() {
+      unbindDocumentClickListener();
+      unbindWindowResizeListener();
+      unbindOverlayScrollListener();
+    };
+    React__namespace.useEffect(function () {
+      if (when) {
+        targetRef.current = utils.DomHandler.getTargetElement(target);
+        overlayRef.current = utils.DomHandler.getTargetElement(overlay);
+      } else {
+        unbind();
+        targetRef.current = overlayRef.current = null;
+      }
+    }, [target, overlay, when]);
+    React__namespace.useEffect(function () {
+      unbind();
+    }, [when]);
+    useUnmountEffect(function () {
+      unbind();
+    });
+    return [bind, unbind];
+  };
+  /* eslint-enable */
+
+  /**
+   * Hook to wrap around useState that stores the value in the browser local/session storage.
+   *
+   * @param {any} initialValue the initial value to store
+   * @param {string} key the key to store the value in local/session storage
+   * @param {string} storage either 'local' or 'session' for what type of storage
+   * @returns a stateful value, and a function to update it.
+   */
+  var useStorage = function useStorage(initialValue, key) {
+    var storage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';
+    // Since the local storage API isn't available in server-rendering environments,
+    // we check that typeof window !== 'undefined' to make SSR and SSG work properly.
+    var storageAvailable = typeof window !== 'undefined';
+
+    // subscribe to window storage event so changes in one tab to a stored value
+    // are properly reflected in all tabs
+    var _useEventListener = useEventListener({
+        target: 'window',
+        type: 'storage',
+        listener: function listener(event) {
+          var area = storage === 'local' ? window.localStorage : window.sessionStorage;
+          if (event.storageArea === area && event.key === key) {
+            setStoredValue(event.newValue || undefined);
+          }
         }
-        if (when) {
-          timeout.current = setTimeout(callback, delay);
-          return clear;
-        } else {
-          clear();
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindWindowStorageListener = _useEventListener2[0],
+      unbindWindowStorageListener = _useEventListener2[1];
+    var _React$useState = React__namespace.useState(undefined),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      storedValue = _React$useState2[0],
+      setStoredValue = _React$useState2[1];
+    var setValue = function setValue(value) {
+      try {
+        // Allow value to be a function so we have same API as useState
+        var valueToStore = value instanceof Function ? value(storedValue) : value;
+        setStoredValue(valueToStore);
+        if (storageAvailable) {
+          var serializedValue = JSON.stringify(valueToStore);
+          storage === 'local' ? window.localStorage.setItem(key, serializedValue) : window.sessionStorage.setItem(key, serializedValue);
         }
-      }, [delay, when]);
-      useUnmountEffect(function () {
-        clear();
-      });
-      return [clear];
-    };
-    /* eslint-enable */
-
-    exports.useEventListener = useEventListener;
-    exports.useInterval = useInterval;
-    exports.useLocalStorage = useLocalStorage;
-    exports.useMountEffect = useMountEffect;
-    exports.useOverlayListener = useOverlayListener;
-    exports.useOverlayScrollListener = useOverlayScrollListener;
-    exports.usePrevious = usePrevious;
-    exports.useResizeListener = useResizeListener;
-    exports.useSessionStorage = useSessionStorage;
-    exports.useStorage = useStorage;
-    exports.useTimeout = useTimeout;
-    exports.useUnmountEffect = useUnmountEffect;
-    exports.useUpdateEffect = useUpdateEffect;
+      } catch (error) {
+        throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(key));
+      }
+    };
+    React__namespace.useEffect(function () {
+      if (!storageAvailable) {
+        setStoredValue(initialValue);
+      }
+      try {
+        var item = storage === 'local' ? window.localStorage.getItem(key) : window.sessionStorage.getItem(key);
+        setStoredValue(item ? JSON.parse(item) : initialValue);
+      } catch (error) {
+        // If error also return initialValue
+        setStoredValue(initialValue);
+      }
+      bindWindowStorageListener();
+      return function () {
+        return unbindWindowStorageListener();
+      };
+    }, []);
+    return [storedValue, setValue];
+  };
 
-    Object.defineProperty(exports, '__esModule', { value: true });
+  /**
+   * Hook to wrap around useState that stores the value in the browser local storage.
+   *
+   * @param {any} initialValue the initial value to store
+   * @param {string} key the key to store the value in local storage
+   * @returns a stateful value, and a function to update it.
+   */
+  var useLocalStorage = function useLocalStorage(initialValue, key) {
+    return useStorage(initialValue, key, 'local');
+  };
 
-    return exports;
+  /**
+   * Hook to wrap around useState that stores the value in the browser session storage.
+   *
+   * @param {any} initialValue the initial value to store
+   * @param {string} key the key to store the value in session storage
+   * @returns a stateful value, and a function to update it.
+   */
+  var useSessionStorage = function useSessionStorage(initialValue, key) {
+    return useStorage(initialValue, key, 'session');
+  };
+  /* eslint-enable */
+
+  /* eslint-disable */
+  var useUpdateEffect = function useUpdateEffect(fn, deps) {
+    var mounted = React__namespace.useRef(false);
+    return React__namespace.useEffect(function () {
+      if (!mounted.current) {
+        mounted.current = true;
+        return;
+      }
+      return fn && fn();
+    }, deps);
+  };
+  /* eslint-enable */
+
+  exports.useClickOutside = useClickOutside;
+  exports.useCounter = useCounter;
+  exports.useDebounce = useDebounce;
+  exports.useEventListener = useEventListener;
+  exports.useFavicon = useFavicon;
+  exports.useIntersectionObserver = useIntersectionObserver;
+  exports.useInterval = useInterval;
+  exports.useLocalStorage = useLocalStorage;
+  exports.useMountEffect = useMountEffect;
+  exports.useMouse = useMouse;
+  exports.useMove = useMove;
+  exports.useOverlayListener = useOverlayListener;
+  exports.useOverlayScrollListener = useOverlayScrollListener;
+  exports.usePrevious = usePrevious;
+  exports.useResizeListener = useResizeListener;
+  exports.useSessionStorage = useSessionStorage;
+  exports.useStorage = useStorage;
+  exports.useTimeout = useTimeout;
+  exports.useUnmountEffect = useUnmountEffect;
+  exports.useUpdateEffect = useUpdateEffect;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
 
 })({}, React, primereact.utils);
 
@@ -3352,9 +3831,6 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
       }) : null;
     }));
     Ripple.displayName = 'Ripple';
-    Ripple.defaultProps = {
-      __TYPE: 'Ripple'
-    };
 
     exports.Ripple = Ripple;
 
@@ -3432,9 +3908,23 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup,
     return obj;
   }
 
+  var CSSTransitionBase = {
+    defaultProps: {
+      __TYPE: 'CSSTransition',
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, CSSTransitionBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, CSSTransitionBase.defaultProps);
+    }
+  };
+
   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 CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = CSSTransitionBase.getProps(inProps);
     var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact__default["default"].cssTransition;
     var onEnter = function onEnter(node, isAppearing) {
       props.onEnter && props.onEnter(node, isAppearing); // component
@@ -3504,9 +3994,6 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup,
     }
   });
   CSSTransition.displayName = 'CSSTransition';
-  CSSTransition.defaultProps = {
-    __TYPE: 'CSSTransition'
-  };
 
   exports.CSSTransition = CSSTransition;
 
@@ -3562,9 +4049,7 @@ this.primereact.portal = (function (exports, React, ReactDOM, PrimeReact, hooks,
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -3580,9 +4065,7 @@ this.primereact.portal = (function (exports, React, ReactDOM, PrimeReact, hooks,
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -3603,7 +4086,26 @@ this.primereact.portal = (function (exports, React, ReactDOM, PrimeReact, hooks,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Portal = /*#__PURE__*/React__namespace.memo(function (props) {
+  var PortalBase = {
+    defaultProps: {
+      __TYPE: 'Portal',
+      element: null,
+      appendTo: null,
+      visible: false,
+      onMounted: null,
+      onUnmounted: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PortalBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PortalBase.defaultProps);
+    }
+  };
+
+  var Portal = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = PortalBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.visible && utils.DomHandler.hasDOM()),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       mountedState = _React$useState2[0],
@@ -3628,14 +4130,6 @@ this.primereact.portal = (function (exports, React, ReactDOM, PrimeReact, hooks,
     return null;
   });
   Portal.displayName = 'Portal';
-  Portal.defaultProps = {
-    __TYPE: 'Portal',
-    element: null,
-    appendTo: null,
-    visible: false,
-    onMounted: null,
-    onUnmounted: null
-  };
 
   exports.Portal = Portal;
 
@@ -3651,9 +4145,7 @@ this.primereact.keyfilter = (function (exports) {
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -3833,9 +4325,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -3882,9 +4372,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -3906,7 +4394,48 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var TooltipBase = {
+    defaultProps: {
+      __TYPE: 'Tooltip',
+      appendTo: null,
+      at: null,
+      autoHide: true,
+      autoZIndex: true,
+      baseZIndex: 0,
+      className: null,
+      content: null,
+      disabled: false,
+      event: null,
+      hideDelay: 0,
+      hideEvent: 'mouseleave',
+      id: null,
+      mouseTrack: false,
+      mouseTrackLeft: 5,
+      mouseTrackTop: 5,
+      my: null,
+      onBeforeHide: null,
+      onBeforeShow: null,
+      onHide: null,
+      onShow: null,
+      position: 'right',
+      showDelay: 0,
+      showEvent: 'mouseenter',
+      showOnDisabled: false,
+      style: null,
+      target: null,
+      updateDelay: 0,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, TooltipBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, TooltipBase.defaultProps);
+    }
+  };
+
+  var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = TooltipBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -4337,7 +4866,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
       };
     });
     var createElement = function createElement() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, Tooltip.defaultProps);
+      var otherProps = TooltipBase.getOtherProps(props);
       var tooltipClassName = utils.classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className, classNameState);
       var empty = isTargetContentEmpty(currentTargetRef.current);
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -4368,36 +4897,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     return null;
   }));
   Tooltip.displayName = 'Tooltip';
-  Tooltip.defaultProps = {
-    __TYPE: 'Tooltip',
-    appendTo: null,
-    at: null,
-    autoHide: true,
-    autoZIndex: true,
-    baseZIndex: 0,
-    className: null,
-    content: null,
-    disabled: false,
-    event: null,
-    hideDelay: 0,
-    hideEvent: 'mouseleave',
-    id: null,
-    mouseTrack: false,
-    mouseTrackLeft: 5,
-    mouseTrackTop: 5,
-    my: null,
-    onBeforeHide: null,
-    onBeforeShow: null,
-    onHide: null,
-    onShow: null,
-    position: 'right',
-    showDelay: 0,
-    showEvent: 'mouseenter',
-    showOnDisabled: false,
-    style: null,
-    target: null,
-    updateDelay: 0
-  };
 
   exports.Tooltip = Tooltip;
 
@@ -4505,9 +5004,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -4523,9 +5020,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -4546,9 +5041,49 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var VirtualScrollerBase = {
+    defaultProps: {
+      __TYPE: 'VirtualScroller',
+      id: null,
+      style: null,
+      className: null,
+      items: null,
+      itemSize: 0,
+      scrollHeight: null,
+      scrollWidth: null,
+      orientation: 'vertical',
+      numToleratedItems: null,
+      delay: 0,
+      resizeDelay: 10,
+      lazy: false,
+      disabled: false,
+      loaderDisabled: false,
+      columns: null,
+      loading: undefined,
+      autoSize: false,
+      showSpacer: true,
+      showLoader: false,
+      loadingTemplate: null,
+      loaderIconTemplate: null,
+      itemTemplate: null,
+      contentTemplate: null,
+      onScroll: null,
+      onScrollIndexChange: null,
+      onLazyLoad: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, VirtualScrollerBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, VirtualScrollerBase.defaultProps);
+    }
+  };
+
   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 VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = VirtualScrollerBase.getProps(inProps);
     var vertical = props.orientation === 'vertical';
     var horizontal = props.orientation === 'horizontal';
     var both = props.orientation === 'both';
@@ -5233,7 +5768,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       });
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, props.children, content);
     } else {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, VirtualScroller.defaultProps);
+      var otherProps = VirtualScrollerBase.getOtherProps(props);
       var className = utils.classNames('p-virtualscroller', {
         'p-both-scroll': both,
         'p-horizontal-scroll': horizontal
@@ -5252,35 +5787,6 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     }
   }));
   VirtualScroller.displayName = 'VirtualScroller';
-  VirtualScroller.defaultProps = {
-    __TYPE: 'VirtualScroller',
-    id: null,
-    style: null,
-    className: null,
-    items: null,
-    itemSize: 0,
-    scrollHeight: null,
-    scrollWidth: null,
-    orientation: 'vertical',
-    numToleratedItems: null,
-    delay: 0,
-    resizeDelay: 10,
-    lazy: false,
-    disabled: false,
-    loaderDisabled: false,
-    columns: null,
-    loading: undefined,
-    autoSize: false,
-    showSpacer: true,
-    showLoader: false,
-    loadingTemplate: null,
-    loaderIconTemplate: null,
-    itemTemplate: null,
-    contentTemplate: null,
-    onScroll: null,
-    onScrollIndexChange: null,
-    onLazyLoad: null
-  };
 
   exports.VirtualScroller = VirtualScroller;
 
@@ -5375,9 +5881,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -5393,9 +5897,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -5416,7 +5918,41 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var CheckboxBase = {
+    defaultProps: {
+      __TYPE: 'Checkbox',
+      id: null,
+      inputRef: null,
+      inputId: null,
+      value: null,
+      name: null,
+      checked: false,
+      trueValue: true,
+      falseValue: false,
+      style: null,
+      className: null,
+      disabled: false,
+      required: false,
+      readOnly: false,
+      tabIndex: null,
+      icon: 'pi pi-check',
+      tooltip: null,
+      tooltipOptions: null,
+      onChange: null,
+      onMouseDown: null,
+      onContextMenu: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, CheckboxBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, CheckboxBase.defaultProps);
+    }
+  };
+
+  var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = CheckboxBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
@@ -5457,7 +5993,8 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       setFocusedState(false);
     };
     var onKeyDown = function onKeyDown(event) {
-      if (event.code === 'Space') {
+      if (event.code === 'Space' || event.key === ' ') {
+        // event.key is for Android support
         onClick(event);
       }
     };
@@ -5467,6 +6004,9 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -5483,7 +6023,7 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     }, [props.checked, props.trueValue]);
     var checked = isChecked();
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
+    var otherProps = CheckboxBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-checkbox p-component', {
       'p-checkbox-checked': checked,
@@ -5533,29 +6073,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     }, props.tooltipOptions)));
   }));
   Checkbox.displayName = 'Checkbox';
-  Checkbox.defaultProps = {
-    __TYPE: 'Checkbox',
-    id: null,
-    inputRef: null,
-    inputId: null,
-    value: null,
-    name: null,
-    checked: false,
-    trueValue: true,
-    falseValue: false,
-    style: null,
-    className: null,
-    disabled: false,
-    required: false,
-    readOnly: false,
-    tabIndex: null,
-    icon: 'pi pi-check',
-    tooltip: null,
-    tooltipOptions: null,
-    onChange: null,
-    onMouseDown: null,
-    onContextMenu: null
-  };
 
   exports.Checkbox = Checkbox;
 
@@ -5645,7 +6162,32 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
     return obj;
   }
 
-  var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var ButtonBase = {
+    defaultProps: {
+      __TYPE: 'Button',
+      label: null,
+      icon: null,
+      iconPos: 'left',
+      badge: null,
+      badgeClassName: null,
+      tooltip: null,
+      tooltipOptions: null,
+      disabled: false,
+      loading: false,
+      loadingIcon: 'pi pi-spinner pi-spin',
+      visible: true,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, ButtonBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, ButtonBase.defaultProps);
+    }
+  };
+
+  var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = ButtonBase.getProps(inProps);
     var elementRef = React__namespace.useRef(ref);
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(elementRef, ref);
@@ -5689,7 +6231,7 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
     var disabled = props.disabled || props.loading;
     var showTooltip = !disabled || props.tooltipOptions && props.tooltipOptions.showOnDisabled;
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip) && showTooltip;
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Button.defaultProps);
+    var otherProps = ButtonBase.getOtherProps(props);
     var className = utils.classNames('p-button p-component', props.className, _defineProperty({
       'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,
       'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
@@ -5713,20 +6255,6 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
     }, props.tooltipOptions)));
   }));
   Button.displayName = 'Button';
-  Button.defaultProps = {
-    __TYPE: 'Button',
-    label: null,
-    icon: null,
-    iconPos: 'left',
-    badge: null,
-    badgeClassName: null,
-    tooltip: null,
-    tooltipOptions: null,
-    disabled: false,
-    loading: false,
-    loadingIcon: 'pi pi-spinner pi-spin',
-    visible: true
-  };
 
   exports.Button = Button;
 
@@ -5775,7 +6303,28 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
     return _extends.apply(this, arguments);
   }
 
-  var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var InputTextBase = {
+    defaultProps: {
+      __TYPE: 'InputText',
+      keyfilter: null,
+      validateOnly: false,
+      tooltip: null,
+      tooltipOptions: null,
+      onInput: null,
+      onKeyDown: null,
+      onPaste: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, InputTextBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, InputTextBase.defaultProps);
+    }
+  };
+
+  var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = InputTextBase.getProps(inProps);
     var elementRef = React__namespace.useRef(ref);
     var onKeyDown = function onKeyDown(event) {
       props.onKeyDown && props.onKeyDown(event);
@@ -5808,7 +6357,7 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
       utils.ObjectUtils.combinedRefs(elementRef, ref);
     }, [elementRef, ref]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, InputText.defaultProps);
+    var otherProps = InputTextBase.getOtherProps(props);
     var className = utils.classNames('p-inputtext p-component', {
       'p-disabled': props.disabled,
       'p-filled': isFilled
@@ -5826,16 +6375,6 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
     }, props.tooltipOptions)));
   }));
   InputText.displayName = 'InputText';
-  InputText.defaultProps = {
-    __TYPE: 'InputText',
-    keyfilter: null,
-    validateOnly: false,
-    tooltip: null,
-    tooltipOptions: null,
-    onInput: null,
-    onKeyDown: null,
-    onPaste: null
-  };
 
   exports.InputText = InputText;
 
@@ -5927,9 +6466,7 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -5976,9 +6513,7 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -6000,9 +6535,72 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var InputNumberBase = {
+    defaultProps: {
+      __TYPE: 'InputNumber',
+      allowEmpty: true,
+      ariaLabelledBy: null,
+      autoFocus: false,
+      buttonLayout: 'stacked',
+      className: null,
+      currency: undefined,
+      currencyDisplay: undefined,
+      decrementButtonClassName: null,
+      decrementButtonIcon: 'pi pi-angle-down',
+      disabled: false,
+      format: true,
+      id: null,
+      incrementButtonClassName: null,
+      incrementButtonIcon: 'pi pi-angle-up',
+      inputClassName: null,
+      inputId: null,
+      inputMode: null,
+      inputRef: null,
+      inputStyle: null,
+      locale: undefined,
+      localeMatcher: undefined,
+      max: null,
+      maxFractionDigits: undefined,
+      maxLength: null,
+      min: null,
+      minFractionDigits: undefined,
+      mode: 'decimal',
+      name: null,
+      onBlur: null,
+      onChange: null,
+      onFocus: null,
+      onKeyDown: null,
+      onValueChange: null,
+      pattern: null,
+      placeholder: null,
+      prefix: null,
+      readOnly: false,
+      required: false,
+      showButtons: false,
+      size: null,
+      step: 1,
+      style: null,
+      suffix: null,
+      tabIndex: null,
+      tooltip: null,
+      tooltipOptions: null,
+      type: 'text',
+      useGrouping: true,
+      value: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, InputNumberBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, InputNumberBase.defaultProps);
+    }
+  };
+
   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 InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = InputNumberBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
@@ -6170,16 +6768,11 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
           return;
         }
 
+        // #3913 onChange should be called before onValueChange
+        handleOnChange(event, currentValue, newValue);
         // touch devices trigger the keyboard to display because of setSelectionRange
         !utils.DomHandler.isTouchDevice() && updateInput(newValue, null, 'spin');
         updateModel(event, newValue);
-        handleOnChange(event, currentValue, newValue);
-      }
-    };
-    var onUpButtonTouchStart = function onUpButtonTouchStart(event) {
-      if (!props.disabled && !props.readOnly) {
-        repeat(event, null, 1);
-        event.preventDefault();
       }
     };
     var onUpButtonMouseDown = function onUpButtonMouseDown(event) {
@@ -6189,11 +6782,6 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
         event.preventDefault();
       }
     };
-    var onUpButtonTouchEnd = function onUpButtonTouchEnd() {
-      if (!props.disabled && !props.readOnly) {
-        clearTimer();
-      }
-    };
     var onUpButtonMouseUp = function onUpButtonMouseUp() {
       if (!props.disabled && !props.readOnly) {
         clearTimer();
@@ -6214,17 +6802,6 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
         repeat(event, null, 1);
       }
     };
-    var onDownButtonTouchStart = function onDownButtonTouchStart(event) {
-      if (!props.disabled && !props.readOnly) {
-        repeat(event, null, -1);
-        event.preventDefault();
-      }
-    };
-    var onDownButtonTouchEnd = function onDownButtonTouchEnd() {
-      if (!props.disabled && !props.readOnly) {
-        clearTimer();
-      }
-    };
     var onDownButtonMouseDown = function onDownButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
         props.autoFocus && utils.DomHandler.focus(inputRef.current, props.autoFocus);
@@ -6798,6 +7375,9 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getFormatter: getFormatter,
         getElement: function getElement() {
           return elementRef.current;
@@ -6868,13 +7448,11 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: className,
-        onMouseLeave: onUpButtonMouseLeave,
-        onMouseDown: onUpButtonMouseDown,
-        onMouseUp: onUpButtonMouseUp,
+        onPointerLeave: onUpButtonMouseLeave,
+        onPointerDown: onUpButtonMouseDown,
+        onPointerUp: onUpButtonMouseUp,
         onKeyDown: onUpButtonKeyDown,
         onKeyUp: onUpButtonKeyUp,
-        onTouchStart: onUpButtonTouchStart,
-        onTouchEnd: onUpButtonTouchEnd,
         disabled: props.disabled,
         tabIndex: -1
       }, /*#__PURE__*/React__namespace.createElement("span", {
@@ -6889,13 +7467,11 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: className,
-        onMouseLeave: onDownButtonMouseLeave,
-        onMouseDown: onDownButtonMouseDown,
-        onMouseUp: onDownButtonMouseUp,
+        onPointerLeave: onDownButtonMouseLeave,
+        onPointerDown: onDownButtonMouseDown,
+        onPointerUp: onDownButtonMouseUp,
         onKeyDown: onDownButtonKeyDown,
         onKeyUp: onDownButtonKeyUp,
-        onTouchStart: onDownButtonTouchStart,
-        onTouchEnd: onDownButtonTouchEnd,
         disabled: props.disabled,
         tabIndex: -1
       }, /*#__PURE__*/React__namespace.createElement("span", {
@@ -6913,7 +7489,7 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, upButton, downButton);
     };
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, InputNumber.defaultProps);
+    var otherProps = InputNumberBase.getOtherProps(props);
     var dataProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-inputnumber p-component p-inputwrapper', {
@@ -6936,58 +7512,6 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
     }, props.tooltipOptions)));
   }));
   InputNumber.displayName = 'InputNumber';
-  InputNumber.defaultProps = {
-    __TYPE: 'InputNumber',
-    allowEmpty: true,
-    ariaLabelledBy: null,
-    autoFocus: false,
-    buttonLayout: 'stacked',
-    className: null,
-    currency: undefined,
-    currencyDisplay: undefined,
-    decrementButtonClassName: null,
-    decrementButtonIcon: 'pi pi-angle-down',
-    disabled: false,
-    format: true,
-    id: null,
-    incrementButtonClassName: null,
-    incrementButtonIcon: 'pi pi-angle-up',
-    inputClassName: null,
-    inputId: null,
-    inputMode: null,
-    inputRef: null,
-    inputStyle: null,
-    locale: undefined,
-    localeMatcher: undefined,
-    max: null,
-    maxFractionDigits: undefined,
-    maxLength: null,
-    min: null,
-    minFractionDigits: undefined,
-    mode: 'decimal',
-    name: null,
-    onBlur: null,
-    onChange: null,
-    onFocus: null,
-    onKeyDown: null,
-    onValueChange: null,
-    pattern: null,
-    placeholder: null,
-    prefix: null,
-    readOnly: false,
-    required: false,
-    showButtons: false,
-    size: null,
-    step: 1,
-    style: null,
-    suffix: null,
-    tabIndex: null,
-    tooltip: null,
-    tooltipOptions: null,
-    type: 'text',
-    useGrouping: true,
-    value: null
-  };
 
   exports.InputNumber = InputNumber;
 
@@ -7038,9 +7562,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -7087,9 +7609,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -7111,6 +7631,25 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var MessagesBase = {
+    defaultProps: {
+      __TYPE: 'Messages',
+      id: null,
+      className: null,
+      style: null,
+      transitionOptions: null,
+      onRemove: null,
+      onClick: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, MessagesBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, MessagesBase.defaultProps);
+    }
+  };
+
   var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _props$message = props.message,
       severity = _props$message.severity,
@@ -7190,7 +7729,8 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
   UIMessage.displayName = 'UIMessage';
 
   var messageIdx = 0;
-  var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = MessagesBase.getProps(inProps);
     var _React$useState = React__namespace.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       messagesState = _React$useState2[0],
@@ -7256,7 +7796,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
         }
       };
     });
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Messages.defaultProps);
+    var otherProps = MessagesBase.getOtherProps(props);
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
       ref: elementRef,
@@ -7283,15 +7823,6 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     })));
   }));
   Messages.displayName = 'Messages';
-  Messages.defaultProps = {
-    __TYPE: 'Messages',
-    id: null,
-    className: null,
-    style: null,
-    transitionOptions: null,
-    onRemove: null,
-    onClick: null
-  };
 
   exports.Messages = Messages;
 
@@ -7340,7 +7871,30 @@ this.primereact.progressbar = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
-  var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var ProgressBarBase = {
+    defaultProps: {
+      __TYPE: 'ProgressBar',
+      id: null,
+      value: null,
+      showValue: true,
+      unit: '%',
+      style: null,
+      className: null,
+      mode: 'determinate',
+      displayValueTemplate: null,
+      color: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, ProgressBarBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, ProgressBarBase.defaultProps);
+    }
+  };
+
+  var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = ProgressBarBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
     var createLabel = function createLabel() {
       if (props.showValue && props.value != null) {
@@ -7350,7 +7904,7 @@ this.primereact.progressbar = (function (exports, React, utils) {
       return null;
     };
     var createDeterminate = function createDeterminate() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, ProgressBar.defaultProps);
+      var otherProps = ProgressBarBase.getOtherProps(props);
       var className = utils.classNames('p-progressbar p-component p-progressbar-determinate', props.className);
       var label = createLabel();
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -7374,7 +7928,7 @@ this.primereact.progressbar = (function (exports, React, utils) {
       }, label)));
     };
     var createIndeterminate = function createIndeterminate() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, ProgressBar.defaultProps);
+      var otherProps = ProgressBarBase.getOtherProps(props);
       var className = utils.classNames('p-progressbar p-component p-progressbar-indeterminate', props.className);
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
         role: "progressbar",
@@ -7402,18 +7956,6 @@ this.primereact.progressbar = (function (exports, React, utils) {
     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'");
   }));
   ProgressBar.displayName = 'ProgressBar';
-  ProgressBar.defaultProps = {
-    __TYPE: 'ProgressBar',
-    id: null,
-    value: null,
-    showValue: true,
-    unit: '%',
-    style: null,
-    className: null,
-    mode: 'determinate',
-    displayValueTemplate: null,
-    color: null
-  };
 
   exports.ProgressBar = ProgressBar;
 
@@ -7524,9 +8066,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -7542,9 +8082,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
 
   function _arrayLikeToArray$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -7565,6 +8103,77 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
   }
 
+  var DropdownBase = {
+    defaultProps: {
+      __TYPE: 'Dropdown',
+      appendTo: null,
+      ariaLabel: null,
+      ariaLabelledBy: null,
+      autoFocus: false,
+      className: null,
+      clearIcon: 'pi pi-times',
+      dataKey: null,
+      disabled: false,
+      dropdownIcon: 'pi pi-chevron-down',
+      editable: false,
+      emptyFilterMessage: null,
+      emptyMessage: null,
+      filter: false,
+      filterBy: null,
+      filterInputAutoFocus: true,
+      filterLocale: undefined,
+      filterMatchMode: 'contains',
+      filterPlaceholder: null,
+      filterTemplate: null,
+      focusInputRef: null,
+      id: null,
+      inputId: null,
+      inputRef: null,
+      itemTemplate: null,
+      maxLength: null,
+      name: null,
+      onBlur: null,
+      onChange: null,
+      onContextMenu: null,
+      onFilter: null,
+      onFocus: null,
+      onHide: null,
+      onMouseDown: null,
+      onShow: null,
+      optionDisabled: null,
+      optionGroupChildren: null,
+      optionGroupLabel: null,
+      optionGroupTemplate: null,
+      optionLabel: null,
+      optionValue: null,
+      options: null,
+      panelClassName: null,
+      panelStyle: null,
+      placeholder: null,
+      required: false,
+      resetFilterOnHide: false,
+      scrollHeight: '200px',
+      showClear: false,
+      showFilterClear: false,
+      showOnFocus: false,
+      style: null,
+      tabIndex: null,
+      tooltip: null,
+      tooltipOptions: null,
+      transitionOptions: null,
+      value: null,
+      valueTemplate: null,
+      virtualScrollerOptions: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, DropdownBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, DropdownBase.defaultProps);
+    }
+  };
+
   var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
     var onClick = function onClick(event) {
       if (props.onClick) {
@@ -7790,7 +8399,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       }
     };
     var createElement = function createElement() {
-      var className = utils.classNames('p-dropdown-panel p-component', props.panelClassName);
+      var className = utils.classNames('p-dropdown-panel p-component', props.panelClassName, {
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      });
       var filter = createFilter();
       var content = createContent();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
@@ -7827,8 +8439,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
   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; }
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o, minLen); }
-  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; }
-  var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  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; }
+  var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = DropdownBase.getProps(inProps);
     var _React$useState = React__namespace.useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       filterState = _React$useState2[0],
@@ -7904,6 +8517,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       if (props.disabled) {
         return;
       }
+      props.onClick && props.onClick(event);
+
+      // do not continue if the user defined click wants to prevent it
+      if (event.defaultPrevented) {
+        return;
+      }
       if (utils.DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || event.target.tagName === 'INPUT') {
         return;
       } else if (!overlayRef.current || !(overlayRef.current && overlayRef.current.contains(event.target))) {
@@ -8330,6 +8949,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         props: props,
         show: show,
         hide: hide,
+        focus: function focus() {
+          return utils.DomHandler.focus(focusInputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -8359,10 +8981,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       }
     }, [overlayVisibleState, props.value]);
     hooks.useUpdateEffect(function () {
-      if (overlayVisibleState && props.filter) {
+      if (overlayVisibleState && filterState && props.filter) {
         alignOverlay();
       }
-    }, [overlayVisibleState, props.filter]);
+    }, [overlayVisibleState, filterState, props.filter]);
     hooks.useUpdateEffect(function () {
       if (filterState && (!props.options || props.options.length === 0)) {
         setFilterState('');
@@ -8449,15 +9071,20 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     };
     var createClearIcon = function createClearIcon() {
       if (props.value != null && props.showClear && !props.disabled) {
-        return /*#__PURE__*/React__namespace.createElement("i", {
-          className: "p-dropdown-clear-icon pi pi-times",
-          onClick: clear
-        });
+        var iconClassName = utils.classNames('p-dropdown-clear-icon p-clickable');
+        var iconProps = {
+          className: iconClassName,
+          onPointerUp: clear
+        };
+        return utils.IconUtils.getJSXIcon(props.clearIcon, iconProps);
       }
       return null;
     };
     var createDropdownIcon = function createDropdownIcon() {
-      var iconClassName = utils.classNames('p-dropdown-trigger-icon p-clickable', props.dropdownIcon);
+      var iconClassName = utils.classNames('p-dropdown-trigger-icon p-clickable');
+      var icon = utils.IconUtils.getJSXIcon(props.dropdownIcon, {
+        className: iconClassName
+      });
       var ariaLabel = props.placeholder || props.ariaLabel;
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-dropdown-trigger",
@@ -8465,14 +9092,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         "aria-haspopup": "listbox",
         "aria-expanded": overlayVisibleState,
         "aria-label": ariaLabel
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
-      }));
+      }, icon);
     };
     var visibleOptions = getVisibleOptions();
     var selectedOption = getSelectedOption();
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Dropdown.defaultProps);
+    var otherProps = DropdownBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-dropdown p-component p-inputwrapper', {
       'p-disabled': props.disabled,
@@ -8527,66 +9152,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     }, props.tooltipOptions)));
   }));
   Dropdown.displayName = 'Dropdown';
-  Dropdown.defaultProps = {
-    __TYPE: 'Dropdown',
-    appendTo: null,
-    ariaLabel: null,
-    ariaLabelledBy: null,
-    autoFocus: false,
-    className: null,
-    dataKey: null,
-    disabled: false,
-    dropdownIcon: 'pi pi-chevron-down',
-    editable: false,
-    emptyFilterMessage: null,
-    emptyMessage: null,
-    filter: false,
-    filterBy: null,
-    filterInputAutoFocus: true,
-    filterLocale: undefined,
-    filterMatchMode: 'contains',
-    filterPlaceholder: null,
-    filterTemplate: null,
-    focusInputRef: null,
-    id: null,
-    inputId: null,
-    inputRef: null,
-    itemTemplate: null,
-    maxLength: null,
-    name: null,
-    onBlur: null,
-    onChange: null,
-    onContextMenu: null,
-    onFilter: null,
-    onFocus: null,
-    onHide: null,
-    onMouseDown: null,
-    onShow: null,
-    optionDisabled: null,
-    optionGroupChildren: null,
-    optionGroupLabel: null,
-    optionGroupTemplate: null,
-    optionLabel: null,
-    optionValue: null,
-    options: null,
-    panelClassName: null,
-    panelStyle: null,
-    placeholder: null,
-    required: false,
-    resetFilterOnHide: false,
-    scrollHeight: '200px',
-    showClear: false,
-    showFilterClear: false,
-    showOnFocus: false,
-    style: null,
-    tabIndex: null,
-    tooltip: null,
-    tooltipOptions: null,
-    transitionOptions: null,
-    value: null,
-    valueTemplate: null,
-    virtualScrollerOptions: null
-  };
 
   exports.Dropdown = Dropdown;
 
@@ -8640,9 +9205,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -8689,9 +9252,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -8713,11 +9274,71 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-    var _React$useState = React__namespace.useState(props.id),
+  var DialogBase = {
+    defaultProps: {
+      __TYPE: 'Dialog',
+      appendTo: null,
+      ariaCloseIconLabel: null,
+      baseZIndex: 0,
+      blockScroll: false,
+      breakpoints: null,
+      className: null,
+      closable: true,
+      closeOnEscape: true,
+      contentClassName: null,
+      contentStyle: null,
+      dismissableMask: false,
+      draggable: true,
+      focusOnShow: true,
+      footer: null,
+      header: null,
+      headerClassName: null,
+      headerStyle: null,
+      icons: null,
+      id: null,
+      keepInViewport: true,
+      maskClassName: null,
+      maskStyle: null,
+      maximizable: false,
+      maximized: false,
+      minX: 0,
+      minY: 0,
+      modal: true,
+      onClick: null,
+      onDrag: null,
+      onDragEnd: null,
+      onDragStart: null,
+      onHide: null,
+      onMaskClick: null,
+      onMaximize: null,
+      onResize: null,
+      onResizeEnd: null,
+      onResizeStart: null,
+      onShow: null,
+      position: 'center',
+      resizable: true,
+      rtl: false,
+      showHeader: true,
+      style: null,
+      transitionOptions: null,
+      visible: false,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, DialogBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, DialogBase.defaultProps);
+    }
+  };
+
+  var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = DialogBase.getProps(inProps);
+    var uniqueId = props.id ? props.id : utils.UniqueComponentId();
+    var _React$useState = React__namespace.useState(uniqueId),
       _React$useState2 = _slicedToArray(_React$useState, 2),
-      idState = _React$useState2[0],
-      setIdState = _React$useState2[1];
+      idState = _React$useState2[0];
+      _React$useState2[1];
     var _React$useState3 = React__namespace.useState(false),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       maskVisibleState = _React$useState4[0],
@@ -8741,7 +9362,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     var lastPageX = React__namespace.useRef(null);
     var lastPageY = React__namespace.useRef(null);
     var styleElement = React__namespace.useRef(null);
-    var attributeSelector = React__namespace.useRef('');
+    var attributeSelector = React__namespace.useRef(uniqueId);
     var maximized = props.onMaximize ? props.maximized : maximizedState;
     var _useEventListener = hooks.useEventListener({
         type: 'keydown',
@@ -9048,14 +9669,12 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       });
     };
     var createStyle = function createStyle() {
-      if (!styleElement.current) {
-        styleElement.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
-        var innerHTML = '';
-        for (var breakpoint in props.breakpoints) {
-          innerHTML += "\n                    @media screen and (max-width: ".concat(breakpoint, ") {\n                        .p-dialog[").concat(attributeSelector.current, "] {\n                            width: ").concat(props.breakpoints[breakpoint], " !important;\n                        }\n                    }\n                ");
-        }
-        styleElement.current.innerHTML = innerHTML;
+      styleElement.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      var innerHTML = '';
+      for (var breakpoint in props.breakpoints) {
+        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                    .p-dialog[").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], " !important;\n                    }\n                }\n            ");
       }
+      styleElement.current.innerHTML = innerHTML;
     };
     var changeScrollOnMaximizable = function changeScrollOnMaximizable() {
       if (!props.blockScroll) {
@@ -9064,13 +9683,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       }
     };
     hooks.useMountEffect(function () {
-      var unqiueId = utils.UniqueComponentId();
-      if (!idState) {
-        setIdState(unqiueId);
-      }
-      if (!attributeSelector.current) {
-        attributeSelector.current = unqiueId;
-      }
       if (props.visible) {
         setMaskVisibleState(true);
       }
@@ -9208,11 +9820,13 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       return null;
     };
     var createElement = function createElement() {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, Dialog.defaultProps);
+      var otherProps = DialogBase.getOtherProps(props);
       var className = utils.classNames('p-dialog p-component', props.className, {
         'p-dialog-rtl': props.rtl,
         'p-dialog-maximized': maximized,
-        'p-dialog-default': !maximized
+        'p-dialog-default': !maximized,
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
       });
       var maskClassName = utils.classNames('p-dialog-mask', getPositionClass(), {
         'p-component-overlay p-component-overlay-enter': props.modal,
@@ -9270,54 +9884,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     return maskVisibleState && createDialog();
   });
   Dialog.displayName = 'Dialog';
-  Dialog.defaultProps = {
-    __TYPE: 'Dialog',
-    appendTo: null,
-    ariaCloseIconLabel: null,
-    baseZIndex: 0,
-    blockScroll: false,
-    breakpoints: null,
-    className: null,
-    closable: true,
-    closeOnEscape: true,
-    contentClassName: null,
-    contentStyle: null,
-    dismissableMask: false,
-    draggable: true,
-    focusOnShow: true,
-    footer: null,
-    header: null,
-    headerClassName: null,
-    headerStyle: null,
-    icons: null,
-    id: null,
-    keepInViewport: true,
-    maskClassName: null,
-    maskStyle: null,
-    maximizable: false,
-    maximized: false,
-    minX: 0,
-    minY: 0,
-    modal: true,
-    onClick: null,
-    onDrag: null,
-    onDragEnd: null,
-    onDragStart: null,
-    onHide: null,
-    onMaskClick: null,
-    onMaximize: null,
-    onResize: null,
-    onResizeEnd: null,
-    onResizeStart: null,
-    onShow: null,
-    position: 'center',
-    resizable: true,
-    rtl: false,
-    showHeader: true,
-    style: null,
-    transitionOptions: null,
-    visible: false
-  };
 
   exports.Dialog = Dialog;
 
@@ -9384,9 +9950,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -9402,9 +9966,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -9466,9 +10028,173 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return obj;
   }
 
+  var PaginatorBase = {
+    defaultProps: {
+      __TYPE: 'Paginator',
+      totalRecords: 0,
+      rows: 0,
+      first: 0,
+      pageLinkSize: 5,
+      rowsPerPageOptions: null,
+      alwaysShow: true,
+      style: null,
+      className: null,
+      template: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
+      onPageChange: null,
+      leftContent: null,
+      rightContent: null,
+      dropdownAppendTo: null,
+      currentPageReportTemplate: '({currentPage} of {totalPages})',
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PaginatorBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PaginatorBase.defaultProps);
+    }
+  };
+  var CurrentPageReportBase = {
+    defaultProps: {
+      __TYPE: 'CurrentPageReport',
+      pageCount: null,
+      page: null,
+      first: null,
+      rows: null,
+      totalRecords: null,
+      reportTemplate: '({currentPage} of {totalPages})',
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, CurrentPageReportBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, CurrentPageReportBase.defaultProps);
+    }
+  };
+  var FirstPageLinkBase = {
+    defaultProps: {
+      __TYPE: 'FirstPageLink',
+      disabled: false,
+      onClick: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, FirstPageLinkBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, FirstPageLinkBase.defaultProps);
+    }
+  };
+  var JumpToPageInputBase = {
+    defaultProps: {
+      __TYPE: 'JumbToPageInput',
+      page: null,
+      rows: null,
+      pageCount: null,
+      disabled: false,
+      template: null,
+      onChange: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, JumpToPageInputBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, JumpToPageInputBase.defaultProps);
+    }
+  };
+  var LastPageLinkBase = {
+    defaultProps: {
+      __TYPE: 'LastPageLink',
+      disabled: false,
+      onClick: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, LastPageLinkBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, LastPageLinkBase.defaultProps);
+    }
+  };
+  var NextPageLinkBase = {
+    defaultProps: {
+      __TYPE: 'NextPageLink',
+      disabled: false,
+      onClick: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, NextPageLinkBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, NextPageLinkBase.defaultProps);
+    }
+  };
+  var PageLinksBase = {
+    defaultProps: {
+      __TYPE: 'PageLinks',
+      value: null,
+      page: null,
+      rows: null,
+      pageCount: null,
+      links: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PageLinksBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PageLinksBase.defaultProps);
+    }
+  };
+  var PrevPageLinkBase = {
+    defaultProps: {
+      __TYPE: 'PrevPageLink',
+      disabled: false,
+      onClick: null,
+      template: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, PrevPageLinkBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, PrevPageLinkBase.defaultProps);
+    }
+  };
+  var RowsPerPageDropdownBase = {
+    defaultProps: {
+      __TYPE: 'RowsPerPageDropdown',
+      options: null,
+      value: null,
+      page: null,
+      pageCount: null,
+      totalRecords: 0,
+      appendTo: null,
+      onChange: null,
+      template: null,
+      disabled: false,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, RowsPerPageDropdownBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, RowsPerPageDropdownBase.defaultProps);
+    }
+  };
+
   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 CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (props) {
+  var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = CurrentPageReportBase.getProps(inProps);
     var report = {
       currentPage: props.page + 1,
       totalPages: props.pageCount,
@@ -9492,18 +10218,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   CurrentPageReport.displayName = 'CurrentPageReport';
-  CurrentPageReport.defaultProps = {
-    __TYPE: 'CurrentPageReport',
-    pageCount: null,
-    page: null,
-    first: null,
-    rows: null,
-    totalRecords: null,
-    reportTemplate: '({currentPage} of {totalPages})',
-    template: null
-  };
 
-  var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
+  var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = FirstPageLinkBase.getProps(inProps);
     var className = utils.classNames('p-paginator-first p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
@@ -9531,14 +10248,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   FirstPageLink.displayName = 'FirstPageLink';
-  FirstPageLink.defaultProps = {
-    __TYPE: 'FirstPageLink',
-    disabled: false,
-    onClick: null,
-    template: null
-  };
 
-  var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (props) {
+  var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = JumpToPageInputBase.getProps(inProps);
     var onChange = function onChange(event) {
       if (props.onChange) {
         props.onChange(props.rows * (event.value - 1), props.rows);
@@ -9565,17 +10277,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   JumpToPageInput.displayName = 'JumpToPageInput';
-  JumpToPageInput.defaultProps = {
-    __TYPE: 'JumbToPageInput',
-    page: null,
-    rows: null,
-    pageCount: null,
-    disabled: false,
-    template: null,
-    onChange: null
-  };
 
-  var LastPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
+  var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = LastPageLinkBase.getProps(inProps);
     var className = utils.classNames('p-paginator-last p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
@@ -9603,14 +10307,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   LastPageLink.displayName = 'LastPageLink';
-  LastPageLink.defaultProps = {
-    __TYPE: 'LastPageLink',
-    disabled: false,
-    onClick: null,
-    template: null
-  };
 
-  var NextPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
+  var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = NextPageLinkBase.getProps(inProps);
     var className = utils.classNames('p-paginator-next p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
@@ -9638,14 +10337,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   NextPageLink.displayName = 'NextPageLink';
-  NextPageLink.defaultProps = {
-    __TYPE: 'NextPageLink',
-    disabled: false,
-    onClick: null,
-    template: null
-  };
 
-  var PageLinks = /*#__PURE__*/React__namespace.memo(function (props) {
+  var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = PageLinksBase.getProps(inProps);
     var onPageLinkClick = function onPageLinkClick(event, pageLink) {
       if (props.onClick) {
         props.onClick({
@@ -9701,17 +10395,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     }, elements);
   });
   PageLinks.displayName = 'PageLinks';
-  PageLinks.defaultProps = {
-    __TYPE: 'PageLinks',
-    value: null,
-    page: null,
-    rows: null,
-    pageCount: null,
-    links: null,
-    template: null
-  };
 
-  var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
+  var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = PrevPageLinkBase.getProps(inProps);
     var className = utils.classNames('p-paginator-prev p-paginator-element p-link', {
       'p-disabled': props.disabled
     });
@@ -9739,14 +10425,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   PrevPageLink.displayName = 'PrevPageLink';
-  PrevPageLink.defaultProps = {
-    __TYPE: 'PrevPageLink',
-    disabled: false,
-    onClick: null,
-    template: null
-  };
 
-  var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (props) {
+  var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var props = RowsPerPageDropdownBase.getProps(inProps);
     var hasOptions = props.options && props.options.length > 0;
     var options = hasOptions ? props.options.map(function (opt) {
       return {
@@ -9782,20 +10463,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     return element;
   });
   RowsPerPageDropdown.displayName = 'RowsPerPageDropdown';
-  RowsPerPageDropdown.defaultProps = {
-    __TYPE: 'RowsPerPageDropdown',
-    options: null,
-    value: null,
-    page: null,
-    pageCount: null,
-    totalRecords: 0,
-    appendTo: null,
-    onChange: null,
-    template: null,
-    disabled: false
-  };
 
-  var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = PaginatorBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
     var rppChanged = React__namespace.useRef(false);
     var page = Math.floor(props.first / props.rows);
@@ -9996,7 +10666,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     if (!props.alwaysShow && pageCount === 1) {
       return null;
     } else {
-      var otherProps = utils.ObjectUtils.findDiffKeys(props, Paginator.defaultProps);
+      var otherProps = PaginatorBase.getOtherProps(props);
       var className = utils.classNames('p-paginator p-component', props.className);
       var leftContent = utils.ObjectUtils.getJSXElement(props.leftContent, props);
       var rightContent = utils.ObjectUtils.getJSXElement(props.rightContent, props);
@@ -10015,23 +10685,6 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
     }
   }));
   Paginator.displayName = 'Paginator';
-  Paginator.defaultProps = {
-    __TYPE: 'Paginator',
-    totalRecords: 0,
-    rows: 0,
-    first: 0,
-    pageLinkSize: 5,
-    rowsPerPageOptions: null,
-    alwaysShow: true,
-    style: null,
-    className: null,
-    template: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
-    onPageChange: null,
-    leftContent: null,
-    rightContent: null,
-    dropdownAppendTo: null,
-    currentPageReportTemplate: '({currentPage} of {totalPages})'
-  };
 
   exports.Paginator = Paginator;
 
@@ -10082,9 +10735,7 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
 
   function _arrayLikeToArray$2(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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -10172,9 +10823,7 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -10196,9 +10845,63 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest();
   }
 
+  var TreeBase = {
+    defaultProps: {
+      __TYPE: 'Tree',
+      id: null,
+      value: null,
+      disabled: false,
+      selectionMode: null,
+      selectionKeys: null,
+      onSelectionChange: null,
+      contextMenuSelectionKey: null,
+      onContextMenuSelectionChange: null,
+      expandedKeys: null,
+      style: null,
+      className: null,
+      contentStyle: null,
+      contentClassName: null,
+      metaKeySelection: true,
+      propagateSelectionUp: true,
+      propagateSelectionDown: true,
+      loading: false,
+      loadingIcon: 'pi pi-spinner',
+      dragdropScope: null,
+      header: null,
+      footer: null,
+      showHeader: true,
+      filter: false,
+      filterValue: null,
+      filterBy: 'label',
+      filterMode: 'lenient',
+      filterPlaceholder: null,
+      filterLocale: undefined,
+      filterTemplate: null,
+      nodeTemplate: null,
+      togglerTemplate: null,
+      onSelect: null,
+      onUnselect: null,
+      onExpand: null,
+      onCollapse: null,
+      onToggle: null,
+      onDragDrop: null,
+      onContextMenu: null,
+      onFilterValueChange: null,
+      onNodeClick: null,
+      onNodeDoubleClick: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, TreeBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, TreeBase.defaultProps);
+    }
+  };
+
   function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
   function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
-  function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+  function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
   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$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; }
   var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -10844,8 +11547,9 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
   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; }
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o, minLen); }
-  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; }
-  var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  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; }
+  var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = TreeBase.getProps(inProps);
     var _React$useState = React__namespace.useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       filterValueState = _React$useState2[0],
@@ -11255,7 +11959,7 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
         className: "p-tree-footer"
       }, content);
     };
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Tree.defaultProps);
+    var otherProps = TreeBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-tree p-component', props.className, {
       'p-tree-selectable': props.selectionMode,
@@ -11274,50 +11978,6 @@ this.primereact.tree = (function (exports, React, utils, api, ripple) {
     }, otherProps), loader, header, content, footer);
   }));
   Tree.displayName = 'Tree';
-  Tree.defaultProps = {
-    __TYPE: 'Tree',
-    id: null,
-    value: null,
-    disabled: false,
-    selectionMode: null,
-    selectionKeys: null,
-    onSelectionChange: null,
-    contextMenuSelectionKey: null,
-    onContextMenuSelectionChange: null,
-    expandedKeys: null,
-    style: null,
-    className: null,
-    contentStyle: null,
-    contentClassName: null,
-    metaKeySelection: true,
-    propagateSelectionUp: true,
-    propagateSelectionDown: true,
-    loading: false,
-    loadingIcon: 'pi pi-spinner',
-    dragdropScope: null,
-    header: null,
-    footer: null,
-    showHeader: true,
-    filter: false,
-    filterValue: null,
-    filterBy: 'label',
-    filterMode: 'lenient',
-    filterPlaceholder: null,
-    filterLocale: undefined,
-    filterTemplate: null,
-    nodeTemplate: null,
-    togglerTemplate: null,
-    onSelect: null,
-    onUnselect: null,
-    onExpand: null,
-    onCollapse: null,
-    onToggle: null,
-    onDragDrop: null,
-    onContextMenu: null,
-    onFilterValueChange: null,
-    onNodeClick: null,
-    onNodeDoubleClick: null
-  };
 
   exports.Tree = Tree;