primereact 10.9.3 → 10.9.5

package/primereact.all.js

@@ -26,49 +26,43 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
   function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+      return n;
+    }, _extends.apply(null, arguments);
   }
 
-  function _arrayLikeToArray$i(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$i(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
   }
 
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray$i(arr);
+  function _arrayWithoutHoles(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray$i(r);
   }
 
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  function _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
   }
 
-  function _unsupportedIterableToArray$i(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray$i(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$i(o, minLen);
+  function _unsupportedIterableToArray$i(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray$i(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$i(r, a) : void 0;
+    }
   }
 
   function _nonIterableSpread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$i(arr) || _nonIterableSpread();
+  function _toConsumableArray(r) {
+    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray$i(r) || _nonIterableSpread();
   }
 
   function _typeof(o) {
@@ -81,39 +75,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, _typeof(o);
   }
 
-  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;
+  function toPrimitive(t, r) {
+    if ("object" != _typeof(t) || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+      var i = e.call(t, r || "default");
+      if ("object" != _typeof(i)) return i;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (hint === "string" ? String : Number)(input);
+    return ("string" === r ? String : Number)(t);
   }
 
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
-    return _typeof(key) === "symbol" ? key : String(key);
+  function toPropertyKey(t) {
+    var i = toPrimitive(t, "string");
+    return "symbol" == _typeof(i) ? i : i + "";
   }
 
-  function _defineProperty(obj, key, value) {
-    key = _toPropertyKey(key);
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-    return obj;
+  function _defineProperty(e, r, t) {
+    return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+      value: t,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }) : e[r] = t, e;
   }
 
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
   }
 
   function _iterableToArrayLimit(r, l) {
@@ -148,8 +136,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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$i(arr, i) || _nonIterableRest();
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray$i(r, e) || _nonIterableRest();
   }
 
   var FilterMatchMode = Object.freeze({
@@ -208,33 +196,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return undefined;
   }
 
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
+  function _classCallCheck(a, n) {
+    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
   }
 
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  function _defineProperties(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
     }
   }
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
-    return Constructor;
+  function _createClass(e, r, t) {
+    return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
   }
 
-  function _createForOfIteratorHelper$h(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$h(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$h(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$h(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$h(o, minLen); }
-  function _arrayLikeToArray$h(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 _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$h(r, a) : void 0; } }
+  function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var DomHandler = /*#__PURE__*/function () {
     function DomHandler() {
       _classCallCheck(this, DomHandler);
@@ -607,11 +587,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             element.style.transformOrigin = 'top';
           }
           var targetOffsetPx = targetOffset.left;
-          var alignOffset = align === 'left' ? 0 : elementOuterWidth - targetOuterWidth;
-          if (targetOffsetPx + targetOuterWidth + elementOuterWidth > viewport.width) {
-            left = Math.max(0, targetOffsetPx + windowScrollLeft + targetOuterWidth - elementOuterWidth);
+          if (align === 'left') {
+            if (targetOffsetPx + elementOuterWidth > viewport.width) {
+              left = Math.max(0, targetOffsetPx + windowScrollLeft + targetOuterWidth - elementOuterWidth);
+            } else {
+              left = targetOffsetPx + windowScrollLeft;
+            }
           } else {
-            left = targetOffsetPx - alignOffset + windowScrollLeft;
+            if (targetOffsetPx + targetOuterWidth - elementOuterWidth < 0) {
+              left = windowScrollLeft;
+            } else {
+              left = targetOffsetPx + targetOuterWidth - elementOuterWidth + windowScrollLeft;
+            }
           }
           element.style.top = top + 'px';
           element.style.left = left + 'px';
@@ -820,13 +807,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       /**
        * Gets all scrollable parent elements of a given element
        * @param {HTMLElement} element - The element to find scrollable parents for
-       * @param {boolean} hideOverlaysOnDocumentScrolling - Whether to include window/document level scrolling
        * @returns {Array} Array of scrollable parent elements
        */
     }, {
       key: "getScrollableParents",
       value: function getScrollableParents(element) {
-        var hideOverlaysOnDocumentScrolling = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+        var _this3 = this;
         var scrollableParents = [];
         if (element) {
           // Get all parent elements
@@ -849,10 +835,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
            * @param {HTMLElement} node - Element to add
            */
           var addScrollableParent = function addScrollableParent(node) {
-            if (hideOverlaysOnDocumentScrolling) {
-              // For document/body/html elements, add window instead
-              scrollableParents.push(node.nodeName === 'BODY' || node.nodeName === 'HTML' || node.nodeType === 9 ? window : node);
-            }
+            // For document/body/html elements, add window instead
+            scrollableParents.push(node.nodeName === 'BODY' || node.nodeName === 'HTML' || _this3.isDocument(node) ? window : node);
           };
 
           // Iterate through all parent elements
@@ -896,13 +880,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             _iterator.f();
           }
         }
-
-        // Ensure window/body is always included as fallback
-        if (!scrollableParents.some(function (node) {
-          return node === document.body || node === window;
-        })) {
-          scrollableParents.push(hideOverlaysOnDocumentScrolling ? window : document.body);
-        }
         return scrollableParents;
       }
     }, {
@@ -1042,6 +1019,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function isElement(obj) {
         return (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
       }
+    }, {
+      key: "isDocument",
+      value: function isDocument(obj) {
+        return (typeof Document === "undefined" ? "undefined" : _typeof(Document)) === 'object' ? obj instanceof Document : obj && _typeof(obj) === 'object' && obj !== null && obj.nodeType === 9;
+      }
     }, {
       key: "scrollInView",
       value: function scrollInView(container, item) {
@@ -1379,7 +1361,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           return !!(obj && obj.constructor && obj.call && obj.apply);
         };
         var element = isFunction(target) ? target() : target;
-        return element && element.nodeType === 9 || this.isExist(element) ? element : null;
+        return this.isDocument(element) || this.isExist(element) ? element : null;
       }
 
       /**
@@ -1528,9 +1510,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
 
-  function _createForOfIteratorHelper$g(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$g(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$g(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$g(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$g(o, minLen); }
-  function _arrayLikeToArray$g(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 _createForOfIteratorHelper$g(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$g(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$g(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$g(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$g(r, a) : void 0; } }
+  function _arrayLikeToArray$g(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var ObjectUtils = /*#__PURE__*/function () {
     function ObjectUtils() {
       _classCallCheck(this, ObjectUtils);
@@ -1785,13 +1767,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           params[_key4 - 1] = arguments[_key4];
         }
         if (params.length === 1) {
-          // For single parameter, unwrap array if needed
+          // For single parameter case, unwrap array if needed to avoid extra nesting
           var param = params[0];
           return obj(Array.isArray(param) ? param[0] : param);
         }
 
         // Pass all parameters to function
-        return obj(params);
+        return obj.apply(void 0, params);
       }
     }, {
       key: "getComponentProp",
@@ -2082,6 +2064,122 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           obj = obj[fields[i]];
         }
       }
+
+      /**
+       * This helper function takes an object and a dot-separated key path. It traverses the object based on the path,
+       * returning the value at the specified depth. If any part of the path is missing or undefined, it returns undefined.
+       *
+       * Example:
+       * const obj = { name: 'Alice', address: { city: 'Wonderland', zip: 12345 } };
+       * const path = 'address.city';
+       * const result = ObjectUtils.getNestedValue(obj, path);
+       * console.log(result); // Output: "Wonderland"
+       *
+       * @param {object} obj - The object to traverse.
+       * @param {string} path - The dot-separated key path.
+       * @returns {*} The value at the specified depth, or undefined if any part of the path is missing or undefined.
+       */
+    }, {
+      key: "getNestedValue",
+      value: function getNestedValue(obj, path) {
+        return path.split('.').reduce(function (acc, part) {
+          return acc && acc[part] !== undefined ? acc[part] : undefined;
+        }, obj);
+      }
+
+      /**
+       * This function takes an object and a dot-separated key path. It traverses the object based on the path,
+       * returning the value at the specified depth. If any part of the path is missing or undefined, it returns undefined.
+       *
+       * Example:
+       * const objA = { name: 'Alice', address: { city: 'Wonderland', zip: 12345 } };
+       * const objB = { name: 'Alice', address: { city: 'Wonderland', zip: 12345 } };
+       * const result = ObjectUtils.absoluteCompare(objA, objB);
+       * console.log(result); // Output: true
+       *
+       * const objC = { name: 'Alice', address: { city: 'Wonderland', zip: 12346 } };
+       * const result2 = ObjectUtils.absoluteCompare(objA, objC);
+       * console.log(result2); // Output: false
+       *
+       * @param {object} objA - The first object to compare.
+       * @param {object} objB - The second object to compare.
+       * @param {number} [maxDepth=1] - The maximum depth to compare.
+       * @param {number} [currentDepth=0] - The current depth (used internally for recursion).
+       * @returns {boolean} True if the objects are equal within the specified depth, false otherwise.
+       *
+       */
+    }, {
+      key: "absoluteCompare",
+      value: function absoluteCompare(objA, objB) {
+        var maxDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+        var currentDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+        if (!objA || !objB) return true;
+        if (currentDepth > maxDepth) return true;
+        if (_typeof(objA) !== _typeof(objB)) return false;
+        var aKeys = Object.keys(objA);
+        var bKeys = Object.keys(objB);
+        if (aKeys.length !== bKeys.length) return false;
+        for (var _i = 0, _aKeys = aKeys; _i < _aKeys.length; _i++) {
+          var key = _aKeys[_i];
+          var aValue = objA[key];
+          var bValue = objB[key];
+
+          // Skip comparison if values are objects
+          var isObject = ObjectUtils.isObject(aValue) && ObjectUtils.isObject(bValue);
+          var isFunction = ObjectUtils.isFunction(aValue) && ObjectUtils.isFunction(bValue);
+          if ((isObject || isFunction) && !this.absoluteCompare(aValue, bValue, maxDepth, currentDepth + 1)) return false;
+          if (!isObject && aValue !== bValue) return false;
+        }
+        return true;
+      }
+
+      /**
+       * This helper function takes two objects and a list of keys to compare. It compares the values of the specified keys
+       * in both objects. If any comparison fails, it returns false. If all specified properties are equal, it returns true.
+       * It performs a shallow comparison using absoluteCompare if no keys are provided.
+       *
+       * Example:
+       * const objA = { name: 'Alice', address: { city: 'Wonderland', zip: 12345 } };
+       * const objB = { name: 'Alice', address: { city: 'Wonderland', zip: 12345 } };
+       * const keysToCompare = ['name', 'address.city', 'address.zip'];
+       * const result = ObjectUtils.selectiveCompare(objA, objB, keysToCompare);
+       * console.log(result); // Output: true
+       *
+       * const objC = { name: 'Alice', address: { city: 'Wonderland', zip: 12346 } };
+       * const result2 = ObjectUtils.selectiveCompare(objA, objC, keysToCompare);
+       * console.log(result2); // Output: false
+       *
+       * @param {object} a - The first object to compare.
+       * @param {object} b - The second object to compare.
+       * @param {string[]} [keysToCompare] - The keys to compare. If not provided, performs a shallow comparison using absoluteCompare.
+       * @returns {boolean} True if all specified properties are equal, false otherwise.
+       */
+    }, {
+      key: "selectiveCompare",
+      value: function selectiveCompare(a, b, keysToCompare) {
+        if (a === b) return true;
+        if (!a || !b || _typeof(a) !== 'object' || _typeof(b) !== 'object') return false;
+        if (!keysToCompare) return this.absoluteCompare(a, b, 1); // If no keys are provided, the comparison is limited to one depth level.
+        var _iterator2 = _createForOfIteratorHelper$g(keysToCompare),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var key = _step2.value;
+            var aValue = this.getNestedValue(a, key);
+            var bValue = this.getNestedValue(b, key);
+            var isObject = _typeof(aValue) === 'object' && aValue !== null && _typeof(bValue) === 'object' && bValue !== null;
+
+            // If the current key is an object, they are compared in one further level only.
+            if (isObject && !this.absoluteCompare(aValue, bValue, 1)) return false;
+            if (!isObject && aValue !== bValue) return false;
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+        return true;
+      }
     }]);
   }();
 
@@ -2684,9 +2782,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }
   var ZIndexUtils = handler();
 
-  function _createForOfIteratorHelper$f(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$f(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$f(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$f(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$f(o, minLen); }
-  function _arrayLikeToArray$f(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 _createForOfIteratorHelper$f(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$f(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$f(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$f(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$f(r, a) : void 0; } }
+  function _arrayLikeToArray$f(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var FilterService = {
     filter: function filter(value, fields, filterValue, filterMatchMode, filterLocale) {
       var filteredItems = [];
@@ -4408,7 +4506,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       if (!listenerRef.current && targetRef.current) {
         var hideOnScroll = context ? context.hideOverlaysOnDocumentScrolling : PrimeReact.hideOverlaysOnDocumentScrolling;
-        var nodes = scrollableParentsRef.current = DomHandler.getScrollableParents(targetRef.current, hideOnScroll);
+        var nodes = scrollableParentsRef.current = DomHandler.getScrollableParents(targetRef.current);
+
+        // Ensure window/body is always included as fallback
+        if (!nodes.some(function (node) {
+          return node === document.body || node === window;
+        })) {
+          nodes.push(hideOnScroll ? window : document.body);
+        }
         listenerRef.current = function (event) {
           return listener && listener(event);
         };
@@ -4500,19 +4605,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             type: 'outside',
             valid: event.which !== 3 && isOutsideClicked(event)
           });
-        }
+        },
+        when: when
       }),
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
       bindDocumentClickListener = _useEventListener2[0],
       unbindDocumentClickListener = _useEventListener2[1];
     var _useResizeListener = useResizeListener({
-        target: 'window',
         listener: function listener(event) {
           _listener && _listener(event, {
             type: 'resize',
             valid: !DomHandler.isTouchDevice()
           });
-        }
+        },
+        when: when
       }),
       _useResizeListener2 = _slicedToArray(_useResizeListener, 2),
       bindWindowResizeListener = _useResizeListener2[0],
@@ -4525,7 +4631,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             type: 'orientationchange',
             valid: true
           });
-        }
+        },
+        when: when
       }),
       _useEventListener4 = _slicedToArray(_useEventListener3, 2),
       bindWindowOrientationChangeListener = _useEventListener4[0],
@@ -4537,7 +4644,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             type: 'scroll',
             valid: true
           });
-        }
+        },
+        when: when
       }),
       _useOverlayScrollList2 = _slicedToArray(_useOverlayScrollList, 2),
       bindOverlayScrollListener = _useOverlayScrollList2[0],
@@ -6786,7 +6894,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [props.value, props.defaultValue]);
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     React__namespace.useEffect(function () {
-      if (isFilled) {
+      var _elementRef$current;
+      if (isFilled || (_elementRef$current = elementRef.current) !== null && _elementRef$current !== void 0 && _elementRef$current.value) {
         DomHandler.addClass(elementRef.current, 'p-filled');
       } else {
         DomHandler.removeClass(elementRef.current, 'p-filled');
@@ -8151,7 +8260,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var type = _ref.type,
             valid = _ref.valid;
           if (valid) {
-            type === 'outside' ? !isInputClicked(event) && hide() : hide();
+            if (type === 'outside') {
+              if (!isInputClicked(event)) {
+                hide();
+              }
+            } else if (context.hideOverlaysOnDocumentScrolling) {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              alignOverlay();
+            }
           }
         },
         when: overlayVisibleState
@@ -8327,6 +8444,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var removeItem = function removeItem(event, index) {
+      if (props.disabled || props.readOnly) {
+        return;
+      }
       var removedValue = props.value[index];
       var newValue = props.value.filter(function (_, i) {
         return index !== i;
@@ -8769,6 +8889,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       listId: listId,
       onItemClick: selectItem,
       selectedItem: selectedItem,
+      onOverlayHide: hide,
       onClick: onPanelClick,
       getOptionGroupLabel: getOptionGroupLabel,
       getOptionGroupChildren: getOptionGroupChildren,
@@ -9290,7 +9411,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onClick: function onClick(event) {
           return itemClick(event, item);
         },
-        'aria-disabled': item.disabled
+        'aria-disabled': item.disabled,
+        tabIndex: item.disabled ? -1 : undefined
       }, ptm('action'));
       var content = /*#__PURE__*/React__namespace.createElement("a", actionProps, label);
       if (item.template) {
@@ -9656,9 +9778,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$1K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$e(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$e(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$e(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$e(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$e(o, minLen); }
-  function _arrayLikeToArray$e(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 _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
+  function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -9695,7 +9817,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       isUnstyled = _CalendarBase$setMeta.isUnstyled;
     useGlobalOnEscapeKey({
       callback: function callback() {
-        hide();
+        hide(null, reFocusInputField);
       },
       when: overlayVisibleState && overlayDisplayOrder,
       priority: [ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL, overlayDisplayOrder]
@@ -9746,7 +9868,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var type = _ref.type,
             valid = _ref.valid;
           if (valid) {
-            type === 'outside' ? !isOverlayClicked.current && !isNavIconClicked(event.target) && hide('outside') : hide();
+            if (type === 'outside') {
+              if (!isOverlayClicked.current && !isNavIconClicked(event.target)) {
+                hide('outside');
+              }
+            } else if (context.hideOverlaysOnDocumentScrolling) {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              alignOverlay();
+            }
           }
           isOverlayClicked.current = false;
         },
@@ -14553,9 +14683,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return element;
   });
 
-  function _createForOfIteratorHelper$d(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$d(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$d(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$d(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$d(o, minLen); }
-  function _arrayLikeToArray$d(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 _createForOfIteratorHelper$d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$d(r, a) : void 0; } }
+  function _arrayLikeToArray$d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var CascadeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -14600,8 +14730,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         target: elementRef,
         overlay: overlayRef,
         listener: function listener(event, _ref) {
-          var valid = _ref.valid;
-          valid && hide();
+          var valid = _ref.valid,
+            type = _ref.type;
+          if (valid) {
+            if (context.hideOverlaysOnDocumentScrolling || type === 'outside') {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              alignOverlay();
+            }
+          }
         },
         when: overlayVisibleState
       }),
@@ -15212,7 +15349,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return props.checked === props.trueValue;
     };
     var _onChange = function onChange(event) {
-      if (props.disabled || props.readonly) {
+      if (props.disabled || props.readOnly) {
         return;
       }
       if (props.onChange) {
@@ -15396,6 +15533,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
       setVisibleState = _React$useState2[1];
+    var _React$useState3 = React__namespace.useState(props.id),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      idState = _React$useState4[0],
+      setIdState = _React$useState4[1];
     var _ChipBase$setMetaData = ChipBase.setMetaData({
         props: props
       }),
@@ -15413,6 +15554,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var close = function close(event) {
       var result = true;
       if (props.onRemove) {
+        event.stopPropagation();
         result = props.onRemove({
           originalEvent: event,
           value: props.label || props.image || props.icon
@@ -15432,7 +15574,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onKeyDown: onKeyDown
       }, ptm('removeIcon'));
       var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(TimesCircleIcon, _extends({}, removeIconProps, {
-        key: UniqueComponentId('removeIcon')
+        key: "".concat(idState, "-removeIcon")
       }));
       if (props.image) {
         var imageProps = mergeProps({
@@ -15442,7 +15584,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         content.push(/*#__PURE__*/React__namespace.createElement("img", _extends({
           alt: props.imageAlt
         }, imageProps, {
-          key: UniqueComponentId('image')
+          key: "".concat(idState, "-image")
         })));
       } else if (props.icon) {
         var chipIconProps = mergeProps({
@@ -15493,6 +15635,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       };
     });
+    useMountEffect(function () {
+      if (!idState) {
+        setIdState(UniqueComponentId());
+      }
+    });
+    if (!idState) {
+      return null;
+    }
     return visibleState && createElement();
   }));
   Chip.displayName = 'Chip';
@@ -15601,7 +15751,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var listRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
     var removeItem = function removeItem(event, index) {
-      if (props.disabled && props.readOnly) {
+      if (props.disabled || props.readOnly) {
         return;
       }
       var values = _toConsumableArray(props.value);
@@ -16134,8 +16284,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         target: elementRef,
         overlay: overlayRef,
         listener: function listener(event, _ref) {
-          var valid = _ref.valid;
-          valid && hide();
+          var valid = _ref.valid,
+            type = _ref.type;
+          if (valid) {
+            if (context.hideOverlaysOnDocumentScrolling || type === 'outside') {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              alignOverlay();
+            }
+          }
         },
         when: overlayVisibleState
       }),
@@ -16186,6 +16343,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       hueDragging.current = true;
       pickHue(event);
       !isUnstyled && DomHandler.addClass(elementRef.current, 'p-colorpicker-dragging');
+      event.preventDefault();
     };
     var getPositionY = function getPositionY(event) {
       if (event.pageY !== undefined) return event.pageY;else if (event.changedTouches !== undefined) return event.changedTouches[0].pageY;else return 0;
@@ -18007,9 +18165,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var type = _ref.type,
             valid = _ref.valid;
           if (valid) {
-            type === 'outside' ? props.dismissable && !isPanelClicked.current && hide('hide') : hide('hide');
+            if (type === 'outside') {
+              if (props.dismissable && !isPanelClicked.current) {
+                hide('hide');
+              }
+              isPanelClicked.current = false;
+            } else if (context.hideOverlaysOnDocumentScrolling) {
+              hide('hide');
+            } else if (!DomHandler.isDocument(event.target)) {
+              align();
+            }
           }
-          isPanelClicked.current = false;
         },
         when: visibleState
       }),
@@ -20661,7 +20827,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (data) {
         var filteredData = parseValue(data);
         if (filteredData != null) {
-          if (isFloat(data)) {
+          if (isFloat(filteredData)) {
             var _formattedValue2 = formatValue(filteredData);
             inputRef.current.value = _formattedValue2;
             updateModel(event, filteredData);
@@ -20773,8 +20939,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
           updateValue(event, newValueStr, text, 'insert');
         } else if (decimalCharIndex === -1 && (maxFractionDigits || props.maxFractionDigits)) {
-          newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
-          updateValue(event, newValueStr, text, 'insert');
+          var allowedDecimal = inputMode !== 'numeric' || inputMode === 'numeric' && (props.min || props.max);
+          if (allowedDecimal) {
+            newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
+            updateValue(event, newValueStr, text, 'insert');
+          }
         }
       } else {
         var operation = selectionStart !== selectionEnd ? 'range-insert' : 'insert';
@@ -22183,9 +22352,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   DropdownPanel.displayName = 'DropdownPanel';
 
-  function _createForOfIteratorHelper$c(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$c(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$c(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$c(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$c(o, minLen); }
-  function _arrayLikeToArray$c(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 _createForOfIteratorHelper$c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$c(r, a) : void 0; } }
+  function _arrayLikeToArray$c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -22245,7 +22414,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var type = _ref.type,
             valid = _ref.valid;
           if (valid) {
-            type === 'outside' ? !isClearClicked(event) && hide() : hide();
+            if (type === 'outside') {
+              if (!isClearClicked(event)) {
+                hide();
+              }
+            } else if (context.hideOverlaysOnDocumentScrolling) {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              alignOverlay();
+            }
           }
         },
         when: overlayVisibleState
@@ -22444,12 +22621,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         case 'ArrowRight':
           onArrowLeftKey(event, true);
           break;
-        case 'Escape':
         case 'Enter':
         case 'NumpadEnter':
           onEnterKey(event);
           event.preventDefault();
           break;
+        case 'Escape':
+          onEscapeKey(event);
+          break;
       }
     };
     var hasFocusableElements = function hasFocusableElements() {
@@ -22969,9 +23148,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       virtualScrollerRef.current && virtualScrollerRef.current.scrollInView(0);
     }, [filterState]);
     useUpdateEffect(function () {
-      if (filterState && (!props.options || props.options.length === 0)) {
-        setFilterState('');
-      }
       updateInputField();
       if (inputRef.current) {
         inputRef.current.selectedIndex = 1;
@@ -23194,6 +23370,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       "in": overlayVisibleState,
       isOptionDisabled: isOptionDisabled,
       isSelected: isSelected,
+      onOverlayHide: hide,
       onClick: onPanelClick,
       onEnter: onOverlayEnter,
       onEntered: onOverlayEntered,
@@ -23897,33 +24074,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (-1 !== e.indexOf(n)) continue;
+      t[n] = r[n];
     }
-    return target;
+    return t;
   }
 
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-    var key, i;
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose(e, t);
     if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
+      var n = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
-    return target;
+    return i;
   }
 
   var BarsIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -24080,7 +24250,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onChange(event);
     };
     var onChange = function onChange(event) {
-      if (props.disabled || props.readonly) {
+      if (props.disabled || props.readOnly) {
         return;
       }
       if (props.onChange) {
@@ -24183,7 +24353,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onBlur: onBlur,
         onChange: onChange,
         disabled: props.disabled,
-        readOnly: props.readonly,
+        readOnly: props.readOnly,
         required: props.required,
         tabIndex: props.tabIndex,
         className: cx('input')
@@ -24256,7 +24426,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
+  var Cell = function Cell(props) {
     var mergeProps = useMergeProps();
     var _React$useState = React__namespace.useState(props.editing),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -24284,13 +24454,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getColumnProp = function getColumnProp(name) {
       return ColumnBase.getCProp(props.column, name);
     };
-    var getColumnProps = function getColumnProps() {
-      return ColumnBase.getCProps(props.column);
-    };
     var getColumnPTOptions = function getColumnPTOptions(key) {
-      var cProps = getColumnProps();
       var columnMetaData = {
-        props: cProps,
+        props: props.cProps,
         parent: props.metaData,
         hostName: props.hostName,
         state: {
@@ -24306,10 +24472,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       };
       return mergeProps(ptm("column.".concat(key), {
         column: columnMetaData
-      }), ptm("column.".concat(key), columnMetaData), ptmo(cProps, key, columnMetaData));
+      }), ptm("column.".concat(key), columnMetaData), ptmo(props.cProps, key, columnMetaData));
     };
-    var field = getColumnProp('field') || "field_".concat(props.index);
-    var editingKey = props.dataKey ? props.rowData && props.rowData[props.dataKey] || props.rowIndex : props.rowIndex;
     var isEditable = function isEditable() {
       return ObjectUtils.isNotEmpty(props.editMode) && getColumnProp('editor');
     };
@@ -24334,34 +24498,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
       bindDocumentClickListener = _useEventListener2[0],
       unbindDocumentClickListener = _useEventListener2[1];
-    var isSelected = function isSelected() {
-      return props.selection ? props.selection instanceof Array ? findIndex(props.selection) > -1 : equals(props.selection) : false;
-    };
-    var equalsData = function equalsData(data) {
-      return props.compareSelectionBy === 'equals' ? data === props.rowData : ObjectUtils.equals(data, props.rowData, props.dataKey);
-    };
-    var equals = function equals(selectedCell) {
-      return selectedCell && (selectedCell.rowIndex === props.rowIndex || equalsData(selectedCell.rowData)) && (selectedCell.field === field || selectedCell.cellIndex === props.index);
-    };
     var isOutsideClicked = function isOutsideClicked(target) {
       return elementRef.current && !(elementRef.current.isSameNode(target) || elementRef.current.contains(target));
     };
-    var getVirtualScrollerOption = function getVirtualScrollerOption(option) {
-      return props.virtualScrollerOptions ? props.virtualScrollerOptions[option] : null;
-    };
     var getStyle = function getStyle() {
       var bodyStyle = getColumnProp('bodyStyle');
       var columnStyle = getColumnProp('style');
-      return getColumnProp('frozen') ? Object.assign({}, columnStyle, bodyStyle, styleObjectState) : Object.assign({}, columnStyle, bodyStyle);
+      return props.frozenCol ? Object.assign({}, columnStyle, bodyStyle, styleObjectState) : Object.assign({}, columnStyle, bodyStyle);
     };
     var getCellParams = function getCellParams() {
       return {
-        value: resolveFieldData(),
-        field: field,
+        value: props.resolveFieldData(),
+        field: props.field,
         rowData: props.rowData,
         rowIndex: props.rowIndex,
         cellIndex: props.index,
-        selected: isSelected(),
+        selected: props.isCellSelected,
         column: props.column,
         props: props
       };
@@ -24372,20 +24524,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         originalEvent: event
       }, params);
     };
-    var resolveFieldData = function resolveFieldData(data) {
-      return ObjectUtils.resolveFieldData(data || props.rowData, field);
-    };
-    var getEditingRowData = function getEditingRowData() {
-      return props.editingMeta && props.editingMeta[editingKey] ? props.editingMeta[editingKey].data : props.rowData;
-    };
-    var getTabIndex = function getTabIndex(cellSelected) {
-      return props.allowCellSelection ? cellSelected ? 0 : props.rowIndex === 0 && props.index === 0 ? props.tabIndex : -1 : null;
-    };
-    var findIndex = function findIndex(collection) {
-      return (collection || []).findIndex(function (data) {
-        return equals(data);
-      });
-    };
     var closeCell = function closeCell(event) {
       var params = getCellCallbackParams(event);
       var onBeforeCellEditHide = getColumnProp('onBeforeCellEditHide');
@@ -24406,7 +24544,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var switchCellToViewMode = function switchCellToViewMode(event, submit) {
       var callbackParams = getCellCallbackParams(event);
       var newRowData = _objectSpread$1i({}, editingRowDataStateRef.current);
-      var newValue = resolveFieldData(newRowData);
+      var newValue = props.resolveFieldData(newRowData);
       var params = _objectSpread$1i(_objectSpread$1i({}, callbackParams), {}, {
         newRowData: newRowData,
         newValue: newValue
@@ -24431,128 +24569,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       setEditingRowDataState(newRowData);
     };
-    var _findNextSelectableCell = function findNextSelectableCell(cell) {
-      var nextCell = cell.nextElementSibling;
-      return nextCell ? DomHandler.getAttribute(nextCell, 'data-p-selectable-cell') ? nextCell : _findNextSelectableCell(nextCell) : null;
-    };
-    var _findPrevSelectableCell = function findPrevSelectableCell(cell) {
-      var prevCell = cell.previousElementSibling;
-      return prevCell ? DomHandler.getAttribute(prevCell, 'data-p-selectable-cell') ? prevCell : _findPrevSelectableCell(prevCell) : null;
-    };
-    var _findDownSelectableCell = function findDownSelectableCell(cell) {
-      var downRow = cell.parentElement.nextElementSibling;
-      var downCell = downRow ? downRow.children[props.index] : null;
-      return downRow && downCell ? DomHandler.getAttribute(downRow, 'data-p-selectable-row') && DomHandler.getAttribute(downCell, 'data-p-selectable-cell') ? downCell : _findDownSelectableCell(downCell) : null;
-    };
-    var _findUpSelectableCell = function findUpSelectableCell(cell) {
-      var upRow = cell.parentElement.previousElementSibling;
-      var upCell = upRow ? upRow.children[props.index] : null;
-      return upRow && upCell ? DomHandler.getAttribute(upRow, 'data-p-selectable-row') && DomHandler.getAttribute(upCell, 'data-p-selectable-cell') ? upCell : _findUpSelectableCell(upCell) : null;
-    };
-    var changeTabIndex = function changeTabIndex(currentCell, nextCell) {
-      if (currentCell && nextCell) {
-        currentCell.tabIndex = -1;
-        nextCell.tabIndex = props.tabIndex;
-      }
-    };
-    var focusOnElement = function focusOnElement() {
-      clearTimeout(focusTimeout.current);
-      focusTimeout.current = setTimeout(function () {
-        if (editingState) {
-          var focusableEl = props.editMode === 'cell' ? DomHandler.getFirstFocusableElement(elementRef.current, ':not([data-pc-section="editorkeyhelperlabel"])') : DomHandler.findSingle(elementRef.current, '[data-p-row-editor-save="true"]');
-          focusableEl && focusableEl.focus();
-        }
-        keyHelperRef.current && (keyHelperRef.current.tabIndex = editingState ? -1 : 0);
-      }, 1);
-    };
-    var focusOnInit = function focusOnInit() {
-      clearTimeout(initFocusTimeout.current);
-      initFocusTimeout.current = setTimeout(function () {
-        var focusableEl = props.editMode === 'row' ? DomHandler.findSingle(elementRef.current, '[data-p-row-editor-init="true"]') : null;
-        focusableEl && focusableEl.focus();
-      }, 1);
-    };
-    var updateStickyPosition = function updateStickyPosition() {
-      if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$1i({}, styleObjectState);
-        var align = getColumnProp('alignFrozen');
-        if (align === 'right') {
-          var right = 0;
-          var next = elementRef.current && elementRef.current.nextElementSibling;
-          if (next && next.classList.contains('p-frozen-column')) {
-            right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
-          }
-          styleObject.right = right + 'px';
-        } else {
-          var left = 0;
-          var prev = elementRef.current && elementRef.current.previousElementSibling;
-          if (prev && prev.classList.contains('p-frozen-column')) {
-            left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
-          }
-          styleObject.left = left + 'px';
-        }
-        var isSameStyle = styleObjectState.left === styleObject.left && styleObjectState.right === styleObject.right;
-        !isSameStyle && setStyleObjectState(styleObject);
-      }
-    };
     var editorCallback = function editorCallback(val) {
       var editingRowData = _objectSpread$1i({}, editingRowDataState);
-      ObjectUtils.mutateFieldData(editingRowData, field, val);
+      ObjectUtils.mutateFieldData(editingRowData, props.field, val);
       setEditingRowDataState(editingRowData);
 
       // update editing meta for complete methods on row mode
-      var currentData = getEditingRowData();
+      var currentData = props.getEditingRowData();
       if (currentData) {
-        ObjectUtils.mutateFieldData(currentData, field, val);
+        ObjectUtils.mutateFieldData(currentData, props.field, val);
       }
       editingRowDataStateRef.current = editingRowData;
     };
     var _onClick = function onClick(event) {
-      var params = getCellCallbackParams(event);
-      if (props.editMode !== 'row' && isEditable() && !editingState && (props.selectOnEdit || !props.selectOnEdit && props.selected)) {
-        selfClick.current = true;
-        var onBeforeCellEditShow = getColumnProp('onBeforeCellEditShow');
-        var onCellEditInit = getColumnProp('onCellEditInit');
-        var cellEditValidatorEvent = getColumnProp('cellEditValidatorEvent');
-        if (onBeforeCellEditShow) {
-          // if user returns false do not show the editor
-          if (onBeforeCellEditShow(params) === false) {
-            return;
-          }
-
-          // if user prevents default stop the editor
-          if (event && event.defaultPrevented) {
-            return;
-          }
-        }
-
-        // If the data is sorted using sort icon, it has been added to wait for the sort operation when any cell is wanted to be opened.
-        setTimeout(function () {
-          setEditingState(true);
-          if (onCellEditInit) {
-            if (onCellEditInit(params) === false) {
-              return;
-            }
-
-            // if user prevents default stop the editor
-            if (event && event.defaultPrevented) {
-              return;
-            }
-          }
-          if (cellEditValidatorEvent === 'click') {
-            bindDocumentClickListener();
-            overlayEventListener.current = function (e) {
-              if (!isOutsideClicked(e.target)) {
-                selfClick.current = true;
-              }
-            };
-            OverlayService.on('overlay-click', overlayEventListener.current);
-          }
-        }, 1);
-      }
-      if (props.allowCellSelection && props.onClick) {
-        props.onClick(params);
-      }
+      props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, selfClick, props.column, bindDocumentClickListener, overlayEventListener);
     };
     var _onMouseDown = function onMouseDown(event) {
       var params = getCellCallbackParams(event);
@@ -24576,7 +24606,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           cell = event.currentTarget;
         switch (event.code) {
           case 'ArrowLeft':
-            var prevCell = _findPrevSelectableCell(cell);
+            var prevCell = props.findPrevSelectableCell(cell);
             if (prevCell) {
               changeTabIndex(cell, prevCell);
               prevCell.focus();
@@ -24584,7 +24614,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             event.preventDefault();
             break;
           case 'ArrowRight':
-            var nextCell = _findNextSelectableCell(cell);
+            var nextCell = props.findNextSelectableCell(cell);
             if (nextCell) {
               changeTabIndex(cell, nextCell);
               nextCell.focus();
@@ -24592,7 +24622,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             event.preventDefault();
             break;
           case 'ArrowUp':
-            var upCell = _findUpSelectableCell(cell);
+            var upCell = props.findUpSelectableCell(cell, index);
             if (upCell) {
               changeTabIndex(cell, upCell);
               upCell.focus();
@@ -24600,7 +24630,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             event.preventDefault();
             break;
           case 'ArrowDown':
-            var downCell = _findDownSelectableCell(cell);
+            var downCell = props.findDownSelectableCell(cell, index);
             if (downCell) {
               changeTabIndex(cell, downCell);
               downCell.focus();
@@ -24639,13 +24669,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         index: props.rowIndex
       });
     };
-    var onCheckboxChange = function onCheckboxChange(event) {
-      props.onCheckboxChange({
-        originalEvent: event,
-        data: props.rowData,
-        index: props.rowIndex
-      });
-    };
     var onRowToggle = function onRowToggle(event) {
       props.onRowToggle({
         originalEvent: event,
@@ -24658,8 +24681,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props.onRowEditInit({
         originalEvent: event,
         data: props.rowData,
-        newData: getEditingRowData(),
-        field: field,
+        newData: props.getEditingRowData(),
+        field: props.field,
         index: props.rowIndex
       });
     };
@@ -24667,32 +24690,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props.onRowEditSave({
         originalEvent: event,
         data: props.rowData,
-        newData: getEditingRowData(),
-        field: field,
+        newData: props.getEditingRowData(),
+        field: props.field,
         index: props.rowIndex
       });
-      focusOnInit();
+      props.focusOnInit(initFocusTimeout, elementRef);
     };
     var onRowEditCancel = function onRowEditCancel(event) {
       props.onRowEditCancel({
         originalEvent: event,
         data: props.rowData,
-        newData: getEditingRowData(),
-        field: field,
+        newData: props.getEditingRowData(),
+        field: props.field,
         index: props.rowIndex
       });
-      focusOnInit();
+      props.focusOnInit();
     };
     React__namespace.useEffect(function () {
-      if (getColumnProp('frozen')) {
-        updateStickyPosition();
-      }
-    });
-    React__namespace.useEffect(function () {
-      if (props.editMode === 'cell' || props.editMode === 'row') {
-        focusOnElement();
-      }
-    }, [props.editMode, props.editing, editingState]); // eslint-disable-line react-hooks/exhaustive-deps
+      if (props.frozenCol) props.updateStickyPosition(elementRef, props.frozenCol, props.alignFrozenCol, styleObjectState, setStyleObjectState);
+      if (props.editMode === 'cell' || props.editMode === 'row') props.focusOnElement(focusTimeout, editingState, elementRef, keyHelperRef);
+    }, [props.editMode, props.editing, editingState, props.frozenCol, props.alignFrozenCol]); // eslint-disable-line react-hooks/exhaustive-deps
 
     React__namespace.useEffect(function () {
       if (props.editMode === 'row' && props.editing !== editingState) {
@@ -24701,7 +24718,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [props.editMode, props.editing, editingState]);
     useUpdateEffect(function () {
       if (props.editMode === 'cell' || props.editMode === 'row') {
-        var editingRowData = getEditingRowData();
+        var editingRowData = props.getEditingRowData();
         setEditingRowDataState(editingRowData);
         editingRowDataStateRef.current = editingRowData;
       }
@@ -24711,7 +24728,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var callbackParams = getCellCallbackParams();
         var params = _objectSpread$1i(_objectSpread$1i({}, callbackParams), {}, {
           editing: editingState,
-          editingKey: editingKey
+          editingKey: props.editingKey
         });
         props.onEditingMetaChange(params);
       }
@@ -24724,16 +24741,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     });
     var createLoading = function createLoading() {
-      var options = getVirtualScrollerOption('getLoaderOptions')(props.rowIndex, {
+      var options = props.getVirtualScrollerOption('getLoaderOptions')(props.rowIndex, {
         cellIndex: props.index,
         cellFirst: props.index === 0,
-        cellLast: props.index === getVirtualScrollerOption('columns').length - 1,
+        cellLast: props.index === props.getVirtualScrollerOption('columns').length - 1,
         cellEven: props.index % 2 === 0,
         cellOdd: props.index % 2 !== 0,
         column: props.column,
-        field: field
+        field: props.field
       });
-      var content = ObjectUtils.getJSXElement(getVirtualScrollerOption('loadingTemplate'), options);
+      var content = ObjectUtils.getJSXElement(props.getVirtualScrollerOption('loadingTemplate'), options);
       var bodyCellProps = mergeProps(getColumnPTOptions('bodyCell'), {
         role: 'cell'
       });
@@ -24742,20 +24759,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createElement = function createElement() {
       var content;
       var editorKeyHelper;
-      var cellSelected = props.allowCellSelection && isSelected();
+      var cellSelected = props.allowCellSelection && props.isCellSelected;
       var isRowEditor = props.editMode === 'row';
-      var tabIndex = getTabIndex(cellSelected);
+      var tabIndex = props.getTabIndex(cellSelected, props.index);
       var selectionMode = getColumnProp('selectionMode');
       var rowReorder = getColumnProp('rowReorder');
       var header = getColumnProp('header');
       var body = getColumnProp('body');
       var editor = getColumnProp('editor');
-      var frozen = getColumnProp('frozen');
+      var frozen = props.frozenCol;
       var align = getColumnProp('align');
-      var value = resolveFieldData();
+      var value = props.resolveFieldData();
       var columnBodyOptions = {
         column: props.column,
-        field: field,
+        field: props.field,
         rowIndex: props.rowIndex,
         frozenRow: props.frozenRow,
         props: props.tableProps
@@ -24780,12 +24797,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (showSelection) {
           var ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
           var ariaLabelText = ObjectUtils.resolveFieldData(props.rowData, ariaLabelField);
-          label = "".concat(props.selected ? ariaLabel('unselectRow') : ariaLabel('selectRow'), " ").concat(ariaLabelText);
+          label = "".concat(props.isRowSelected ? ariaLabel('unselectRow') : ariaLabel('selectRow'), " ").concat(ariaLabelText);
         }
         content = showSelection && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React__namespace.createElement(RowRadioButton, {
           hostName: props.hostName,
           column: props.column,
-          checked: props.selected,
+          checked: props.isRowSelected,
           disabled: !props.isSelectable({
             data: props.rowData,
             index: props.rowIndex
@@ -24800,12 +24817,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }), selectionMode === 'multiple' && /*#__PURE__*/React__namespace.createElement(RowCheckbox, {
           hostName: props.hostName,
           column: props.column,
-          checked: props.selected,
+          checked: props.isRowSelected,
           disabled: !props.isSelectable({
             data: props.rowData,
             index: props.rowIndex
           }),
-          onChange: onCheckboxChange,
+          onChange: props.onCheckboxChange,
           tabIndex: props.tabIndex,
           ariaLabel: label,
           checkIcon: props.checkIcon,
@@ -24855,7 +24872,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           expanderProps.element = content;
           content = ObjectUtils.getJSXElement(body, props.rowData, {
             column: props.column,
-            field: field,
+            field: props.field,
             rowIndex: props.rowIndex,
             frozenRow: props.frozenRow,
             props: props.tableProps,
@@ -24929,7 +24946,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           rowEditorProps.element = content;
           content = ObjectUtils.getJSXElement(body, props.rowData, {
             column: props.column,
-            field: field,
+            field: props.field,
             rowIndex: props.rowIndex,
             frozenRow: props.frozenRow,
             props: props.tableProps,
@@ -24939,7 +24956,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       } else if (body && (!editingState || !editor)) {
         content = body ? ObjectUtils.getJSXElement(body, props.rowData, {
           column: props.column,
-          field: field,
+          field: props.field,
           rowIndex: props.rowIndex,
           frozenRow: props.frozenRow,
           props: props.tableProps
@@ -24947,9 +24964,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       } else if (editor && editingState) {
         content = ObjectUtils.getJSXElement(editor, {
           rowData: editingRowDataState,
-          value: resolveFieldData(editingRowDataState),
+          value: props.resolveFieldData(editingRowDataState),
           column: props.column,
-          field: field,
+          field: props.field,
           rowIndex: props.rowIndex,
           frozenRow: props.frozenRow,
           props: props.tableProps,
@@ -25017,7 +25034,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         ref: elementRef
       }, bodyCellProps), editorKeyHelper, title, content);
     };
-    return getVirtualScrollerOption('loading') ? createLoading() : createElement();
+    return props.getVirtualScrollerOption('loading') ? createLoading() : createElement();
+  };
+
+  // RadioCheckCell is used for the Radio and Checkbox selection and has the isRowSelected dependency
+  var RadioCheckCell = /*#__PURE__*/React__namespace.memo(function (props) {
+    return /*#__PURE__*/React__namespace.createElement(Cell, props);
+  }, function (prevProps, nextProps) {
+    var keysToCompare = ['isRowSelected', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'rowData'];
+    return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
+  });
+  RadioCheckCell.displayName = 'RadioCheckCell';
+  var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
+    return /*#__PURE__*/React__namespace.createElement(Cell, props);
+  }, function (prevProps, nextProps) {
+    var keysToCompare = ['field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'rowData', 'frozenCol', 'alignFrozenCol'];
+    return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
   });
   BodyCell.displayName = 'BodyCell';
 
@@ -25033,6 +25065,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
       cx = _props$ptCallbacks.cx;
+    var isRowSelected = !props.allowCellSelection && props.selected || props.contextMenuSelected;
     var getBodyRowPTOptions = function getBodyRowPTOptions(key) {
       return ptm(key, {
         parent: props.metaData,
@@ -25046,7 +25079,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             data: props.rowData,
             index: props.rowIndex
           }),
-          selected: !props.allowCellSelection && props.selected || props.contextMenuSelected,
+          selected: isRowSelected,
           stripedRows: props.metaData.props.stripedRows
         }
       });
@@ -25075,10 +25108,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return equals(rowData, data);
       });
     };
-    var changeTabIndex = function changeTabIndex(currentRow, nextRow) {
-      if (currentRow && nextRow) {
-        currentRow.tabIndex = -1;
-        nextRow.tabIndex = props.tabIndex;
+    var changeTabIndex = function changeTabIndex(currentElement, nextElement) {
+      if (currentElement && nextElement) {
+        currentElement.tabIndex = -1;
+        nextElement.tabIndex = props.tabIndex;
       }
     };
     var findFirstSelectableRow = function findFirstSelectableRow(row) {
@@ -25405,32 +25438,176 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onEditChange(e, false);
       event.preventDefault();
     };
+    var equalsDataCell = function equalsDataCell(data) {
+      return props.compareSelectionBy === 'equals' ? data === props.rowData : ObjectUtils.equals(data, props.rowData, props.dataKey);
+    };
+    var equalsCell = function equalsCell(selectedCell, field, colIndex) {
+      return selectedCell && (selectedCell.rowIndex === props.rowIndex || equalsDataCell(selectedCell.rowData)) && (selectedCell.field === field || selectedCell.cellIndex === colIndex);
+    };
+    var findIndexCell = function findIndexCell(collection, field, colIndex) {
+      return (collection || []).findIndex(function (data) {
+        return equalsCell(data, field, colIndex);
+      });
+    };
+    var isCellSelected = function isCellSelected(selection, field, colIndex) {
+      return selection ? selection instanceof Array ? findIndexCell(selection, field, colIndex) > -1 : equalsCell(selection, field, colIndex) : false;
+    };
+    var onCheckboxChange = function onCheckboxChange(event) {
+      props.onCheckboxChange({
+        originalEvent: event,
+        data: props.rowData,
+        index: props.rowIndex
+      });
+    };
+    var editingKey = props.dataKey ? props.rowData && props.rowData[props.dataKey] || props.rowIndex : props.rowIndex;
+    var getVirtualScrollerOption = React__namespace.useCallback(function (option) {
+      return props.virtualScrollerOptions ? props.virtualScrollerOptions[option] : null;
+    }, [props.virtualScrollerOptions]);
+    var getEditingRowData = function getEditingRowData() {
+      return props.editingMeta && props.editingMeta[editingKey] ? props.editingMeta[editingKey].data : props.rowData;
+    };
+    var getTabIndexCell = React__namespace.useCallback(function (cellSelected, cellIndex) {
+      return props.allowCellSelection ? cellSelected ? 0 : props.rowIndex === 0 && cellIndex === 0 ? props.tabIndex : -1 : null;
+    }, [props.allowCellSelection, props.rowIndex, props.tabIndex]);
+    var findNextSelectableCell = React__namespace.useCallback(function (cell) {
+      var nextCell = cell.nextElementSibling;
+      return nextCell ? DomHandler.getAttribute(nextCell, 'data-p-selectable-cell') ? nextCell : findNextSelectableCell(nextCell) : null;
+    }, []);
+    var findPrevSelectableCell = React__namespace.useCallback(function (cell) {
+      var prevCell = cell.previousElementSibling;
+      return prevCell ? DomHandler.getAttribute(prevCell, 'data-p-selectable-cell') ? prevCell : findPrevSelectableCell(prevCell) : null;
+    }, []);
+    var findDownSelectableCell = React__namespace.useCallback(function (cell, cellIndex) {
+      var downRow = cell.parentElement.nextElementSibling;
+      var downCell = downRow ? downRow.children[cellIndex] : null;
+      return downRow && downCell ? DomHandler.getAttribute(downRow, 'data-p-selectable-row') && DomHandler.getAttribute(downCell, 'data-p-selectable-cell') ? downCell : findDownSelectableCell(downCell) : null;
+    }, []);
+    var findUpSelectableCell = React__namespace.useCallback(function (cell, cellIndex) {
+      var upRow = cell.parentElement.previousElementSibling;
+      var upCell = upRow ? upRow.children[cellIndex] : null;
+      return upRow && upCell ? DomHandler.getAttribute(upRow, 'data-p-selectable-row') && DomHandler.getAttribute(upCell, 'data-p-selectable-cell') ? upCell : findUpSelectableCell(upCell) : null;
+    }, []);
+    var focusOnElement = React__namespace.useCallback(function (focusTimeoutRef, editingState, elementRef, keyHelperRef) {
+      clearTimeout(focusTimeoutRef.current);
+      focusTimeoutRef.current = setTimeout(function () {
+        if (editingState) {
+          var focusableEl = props.editMode === 'cell' ? DomHandler.getFirstFocusableElement(elementRef.current, ':not([data-pc-section="editorkeyhelperlabel"])') : DomHandler.findSingle(elementRef.current, '[data-p-row-editor-save="true"]');
+          focusableEl && focusableEl.focus();
+        }
+        keyHelperRef.current && (keyHelperRef.current.tabIndex = editingState ? -1 : 0);
+      }, 1);
+    }, [props.editMode]);
+    var focusOnInit = React__namespace.useCallback(function (initFocusTimeoutRef, elementRef) {
+      clearTimeout(initFocusTimeoutRef.current);
+      initFocusTimeoutRef.current = setTimeout(function () {
+        var focusableEl = props.editMode === 'row' ? DomHandler.findSingle(elementRef.current, '[data-p-row-editor-init="true"]') : null;
+        focusableEl && focusableEl.focus();
+      }, 1);
+    }, [props.editMode]);
+    var updateStickyPosition = React__namespace.useCallback(function (elementRef, frozen, alignFrozen, styleObjectState, setStyleObjectState) {
+      if (frozen) {
+        var styleObject = _objectSpread$1h({}, styleObjectState);
+        if (alignFrozen === 'right') {
+          var right = 0;
+          var next = elementRef.current && elementRef.current.nextElementSibling;
+          if (next && next.classList.contains('p-frozen-column')) {
+            right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
+          }
+          styleObject.right = right + 'px';
+        } else {
+          var left = 0;
+          var prev = elementRef.current && elementRef.current.previousElementSibling;
+          if (prev && prev.classList.contains('p-frozen-column')) {
+            left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+          }
+          styleObject.left = left + 'px';
+        }
+        var isSameStyle = styleObjectState.left === styleObject.left && styleObjectState.right === styleObject.right;
+        !isSameStyle && setStyleObjectState(styleObject);
+      }
+    }, []);
+    var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, selfClick, column, bindDocumentClickListener, overlayEventListener) {
+      if (props.editMode !== 'row' && isEditable && !editingState && (props.selectOnEdit || !props.selectOnEdit && props.isRowSelected)) {
+        selfClick.current = true;
+        var onBeforeCellEditShow = getColumnProp(column, 'onBeforeCellEditShow');
+        var onCellEditInit = getColumnProp(column, 'onCellEditInit');
+        var cellEditValidatorEvent = getColumnProp(column, 'cellEditValidatorEvent');
+        if (onBeforeCellEditShow) {
+          // if user returns false do not show the editor
+          if (onBeforeCellEditShow(params) === false) {
+            return;
+          }
+
+          // if user prevents default stop the editor
+          if (event && event.defaultPrevented) {
+            return;
+          }
+        }
+
+        // If the data is sorted using sort icon, it has been added to wait for the sort operation when any cell is wanted to be opened.
+        setTimeout(function () {
+          setEditingState(true);
+          if (onCellEditInit) {
+            if (onCellEditInit(params) === false) {
+              return;
+            }
+
+            // if user prevents default stop the editor
+            if (event && event.defaultPrevented) {
+              return;
+            }
+          }
+          if (cellEditValidatorEvent === 'click') {
+            bindDocumentClickListener();
+            overlayEventListener.current = function (e) {
+              if (!isOutsideClicked(e.target)) {
+                selfClick.current = true;
+              }
+            };
+            OverlayService.on('overlay-click', overlayEventListener.current);
+          }
+        }, 1);
+      }
+      if (props.allowCellSelection && props.onCellClick) {
+        props.onCellClick(params);
+      }
+    };
     var createContent = function createContent() {
       return props.columns.map(function (col, i) {
         if (shouldRenderBodyCell(props.value, col, props.index)) {
           var key = "".concat(props.rowIndex, "_").concat(getColumnProp(col, 'columnKey') || getColumnProp(col, 'field'), "_").concat(i);
           var rowSpan = props.rowGroupMode === 'rowspan' ? calculateRowGroupSize(props.value, col, props.index) : null;
-          return /*#__PURE__*/React__namespace.createElement(BodyCell, {
+          var field = getColumnProp(col, 'field') || "field_".concat(i);
+          var resolveFieldData = function resolveFieldData(data) {
+            return ObjectUtils.resolveFieldData(data || props.rowData, field);
+          };
+          var selectionMode = getColumnProp(col, 'selectionMode');
+          var cellProps = mergeProps({
             hostName: props.hostName,
-            key: key,
             allowCellSelection: props.allowCellSelection,
             cellClassName: props.cellClassName,
             checkIcon: props.checkIcon,
             collapsedRowIcon: props.collapsedRowIcon,
+            field: field,
+            resolveFieldData: resolveFieldData,
             column: col,
-            compareSelectionBy: props.compareSelectionBy,
+            cProps: props.colsProps[i],
             dataKey: props.dataKey,
             editMode: props.editMode,
             editing: editing,
             editingMeta: props.editingMeta,
+            onEditingMetaChange: props.onEditingMetaChange,
+            editingKey: editingKey,
+            getEditingRowData: getEditingRowData,
             expanded: props.expanded,
             expandedRowIcon: props.expandedRowIcon,
             frozenRow: props.frozenRow,
+            frozenCol: getColumnProp(col, 'frozen'),
+            alignFrozenCol: getColumnProp(col, 'alignFrozen'),
             index: i,
             isSelectable: props.isSelectable,
-            onCheckboxChange: props.onCheckboxChange,
-            onClick: props.onCellClick,
-            onEditingMetaChange: props.onEditingMetaChange,
+            onCheckboxChange: onCheckboxChange,
+            onClick: onCellClick,
             onMouseDown: props.onCellMouseDown,
             onMouseUp: props.onCellMouseUp,
             onRadioChange: props.onRadioChange,
@@ -25446,20 +25623,31 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             rowIndex: props.rowIndex,
             rowSpan: rowSpan,
             selectOnEdit: props.selectOnEdit,
-            selected: props.selected,
-            selection: props.selection,
+            isRowSelected: isRowSelected,
+            isCellSelected: isCellSelected(props.selection, field, i),
             selectionAriaLabel: props.tableProps.selectionAriaLabel,
             showRowReorderElement: props.showRowReorderElement,
             showSelectionElement: props.showSelectionElement,
             tabIndex: props.tabIndex,
+            getTabIndex: getTabIndexCell,
             tableProps: props.tableProps,
             tableSelector: props.tableSelector,
             value: props.value,
-            virtualScrollerOptions: props.virtualScrollerOptions,
+            getVirtualScrollerOption: getVirtualScrollerOption,
             ptCallbacks: props.ptCallbacks,
             metaData: props.metaData,
-            unstyled: props.unstyled
+            unstyled: props.unstyled,
+            findNextSelectableCell: findNextSelectableCell,
+            findPrevSelectableCell: findPrevSelectableCell,
+            findDownSelectableCell: findDownSelectableCell,
+            findUpSelectableCell: findUpSelectableCell,
+            focusOnElement: focusOnElement,
+            focusOnInit: focusOnInit,
+            updateStickyPosition: updateStickyPosition
           });
+          return /*#__PURE__*/React__namespace.createElement(React.Fragment, {
+            key: key
+          }, selectionMode ? /*#__PURE__*/React__namespace.createElement(RadioCheckCell, cellProps) : /*#__PURE__*/React__namespace.createElement(BodyCell, cellProps));
         }
         return null;
       });
@@ -25609,8 +25797,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getColumnProps = function getColumnProps(column) {
       return ColumnBase.getCProps(column);
     };
+    var cProps = getColumnProps(props.column);
+    var colsProps = props.columns ? props.columns.map(function (col) {
+      return getColumnProps(col);
+    }) : [];
     var getColumnPTOptions = function getColumnPTOptions(key) {
-      var cProps = getColumnProps(props.column);
       var columnMetaData = {
         props: cProps,
         parent: props.metaData,
@@ -25735,8 +25926,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var allowSelection = function allowSelection(event) {
       return !DomHandler.isClickable(event.originalEvent.target);
     };
+    var metaKeySelectionRef = React__namespace.useRef(props.metaKeySelection);
+    React__namespace.useEffect(function () {
+      metaKeySelectionRef.current = props.metaKeySelection;
+    }, [props.metaKeySelection]);
     var allowMetaKeySelection = function allowMetaKeySelection(event) {
-      return !rowTouched.current && (!props.metaKeySelection || props.metaKeySelection && (event.originalEvent.metaKey || event.originalEvent.ctrlKey));
+      return !rowTouched.current && (!metaKeySelectionRef.current || metaKeySelectionRef.current && (event.originalEvent.metaKey || event.originalEvent.ctrlKey));
     };
     var allowRangeSelection = function allowRangeSelection(event) {
       return isMultipleSelection() && event.originalEvent.shiftKey && anchorRowIndex.current !== null;
@@ -25757,6 +25952,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       options = options || props.virtualScrollerOptions;
       return options ? options[option] : null;
     };
+    var getProcessedDataIndex = function getProcessedDataIndex(rowIndex) {
+      return props.lazy ? rowIndex - props.first : rowIndex;
+    };
     var findIndex = function findIndex(collection, rowData) {
       return (collection || []).findIndex(function (data) {
         return equals(rowData, data);
@@ -25806,6 +26004,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
     };
+    var selectionRef = React__namespace.useRef(props.selection);
+    React__namespace.useEffect(function () {
+      selectionRef.current = props.selection;
+    }, [props.selection]);
     var onSingleSelection = function onSingleSelection(_ref) {
       var originalEvent = _ref.originalEvent,
         data = _ref.data,
@@ -25819,10 +26021,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return;
       }
       var selected = isSelected(data);
-      var selection = props.selection;
+      var currentSelection = selectionRef.current || [];
+      var newSelection = currentSelection;
       if (selected) {
         if (toggleable) {
-          selection = null;
+          newSelection = null;
           onUnselect({
             originalEvent: originalEvent,
             data: data,
@@ -25830,7 +26033,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
         }
       } else {
-        selection = data;
+        newSelection = data;
         onSelect({
           originalEvent: originalEvent,
           data: data,
@@ -25838,10 +26041,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
       focusOnElement(originalEvent, true);
-      if (props.onSelectionChange && selection !== props.selection) {
+      if (props.onSelectionChange && newSelection !== currentSelection) {
         props.onSelectionChange({
           originalEvent: originalEvent,
-          value: selection,
+          value: newSelection,
           type: type
         });
       }
@@ -25859,11 +26062,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return;
       }
       var selected = isSelected(data);
-      var selection = props.selection || [];
+      var currentSelection = selectionRef.current || [];
+      var newSelection = currentSelection;
       if (selected) {
         if (toggleable) {
-          var selectionIndex = findIndex(selection, data);
-          selection = props.selection.filter(function (val, i) {
+          var selectionIndex = findIndex(currentSelection, data);
+          newSelection = currentSelection.filter(function (val, i) {
             return i !== selectionIndex;
           });
           onUnselect({
@@ -25871,15 +26075,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             data: data,
             type: type
           });
-        } else if (selection.length) {
-          props.selection.forEach(function (d) {
+        } else if (currentSelection.length) {
+          currentSelection.forEach(function (d) {
             return onUnselect({
               originalEvent: originalEvent,
               data: d,
               type: type
             });
           });
-          selection = [data];
+          newSelection = [data];
           onSelect({
             originalEvent: originalEvent,
             data: data,
@@ -25887,18 +26091,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
         }
       } else {
-        selection = ObjectUtils.isObject(selection) ? [selection] : selection;
-        selection = toggleable && isMultipleSelection() ? [].concat(_toConsumableArray(selection), [data]) : [data];
+        newSelection = ObjectUtils.isObject(currentSelection) ? [currentSelection] : currentSelection;
+        newSelection = toggleable && isMultipleSelection() ? [].concat(_toConsumableArray(newSelection), [data]) : [data];
         onSelect({
           originalEvent: originalEvent,
           data: data,
           type: type
         });
       }
-      if (props.onSelectionChange && selection !== props.selection) {
+      if (props.onSelectionChange && newSelection !== currentSelection) {
         props.onSelectionChange({
           originalEvent: originalEvent,
-          value: selection,
+          value: newSelection,
           type: type
         });
       }
@@ -25921,14 +26125,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var rangeStart;
       var rangeEnd;
       var isAllowCellSelection = allowCellSelection();
-      if (rangeRowIndex.current > anchorRowIndex.current) {
-        rangeStart = anchorRowIndex.current;
-        rangeEnd = rangeRowIndex.current;
-      } else if (rangeRowIndex.current < anchorRowIndex.current) {
-        rangeStart = rangeRowIndex.current;
-        rangeEnd = anchorRowIndex.current;
+      var rangeRowIndexInProcessedData = getProcessedDataIndex(rangeRowIndex.current);
+      var anchorRowIndexInProcessedData = getProcessedDataIndex(anchorRowIndex.current);
+      if (rangeRowIndexInProcessedData > anchorRowIndexInProcessedData) {
+        rangeStart = anchorRowIndexInProcessedData;
+        rangeEnd = rangeRowIndexInProcessedData;
+      } else if (rangeRowIndexInProcessedData < anchorRowIndexInProcessedData) {
+        rangeStart = rangeRowIndexInProcessedData;
+        rangeEnd = anchorRowIndexInProcessedData;
       } else {
-        rangeStart = rangeEnd = rangeRowIndex.current;
+        rangeStart = rangeEnd = rangeRowIndexInProcessedData;
       }
       return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
     };
@@ -25969,7 +26175,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
         var rowData = value[i];
         var columns = props.columns;
-        var rowIndex = props.paginator ? i + props.first : i;
+        var rowIndex = props.lazy ? i + props.first : i;
         for (var j = cellRangeStart; j <= cellRangeEnd; j++) {
           var field = getColumnProp(columns[j], 'field');
           var _value = ObjectUtils.resolveFieldData(rowData, field);
@@ -26434,7 +26640,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var emptyMessageProps = mergeProps({
           className: cx('emptyMessage'),
           role: 'row'
-        }, getColumnPTOptions('emptyMessage'));
+        }, ptm('emptyMessage'));
         var bodyCellProps = mergeProps({
           colSpan: colSpan,
           role: 'cell'
@@ -26444,7 +26650,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return null;
     };
     var createGroupHeader = function createGroupHeader(rowData, rowIndex, expanded, colSpan) {
-      if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, rowIndex - props.first)) {
+      if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, getProcessedDataIndex(rowIndex))) {
         var style = rowGroupHeaderStyle();
         var toggler = props.expandableRowGroups && /*#__PURE__*/React__namespace.createElement(RowTogglerButton, {
           hostName: props.hostName,
@@ -26471,14 +26677,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }, getColumnPTOptions('root'), getColumnPTOptions('bodyCell'));
           var rowGroupHeaderNameProps = mergeProps({
             className: cx('rowGroupHeaderName')
-          }, getColumnPTOptions('rowGroupHeaderName'));
+          }, ptm('rowGroupHeaderName'));
           _content2 = /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, toggler, /*#__PURE__*/React__namespace.createElement("span", rowGroupHeaderNameProps, _content2));
         }
         var rowGroupHeaderProps = mergeProps({
           className: cx('rowGroupHeader'),
           style: style,
           role: 'row'
-        }, getColumnPTOptions('rowGroupHeader'));
+        }, ptm('rowGroupHeader'));
         return /*#__PURE__*/React__namespace.createElement("tr", rowGroupHeaderProps, _content2);
       }
       return null;
@@ -26498,6 +26704,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           checkIcon: props.checkIcon,
           collapsedRowIcon: props.collapsedRowIcon,
           columns: props.columns,
+          colsProps: colsProps,
           compareSelectionBy: props.compareSelectionBy,
           contextMenuSelected: contextMenuSelected,
           dataKey: props.dataKey,
@@ -26586,7 +26793,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           id: id,
           className: cx('rowExpansion'),
           role: 'row'
-        }, getColumnPTOptions('rowExpansion'));
+        }, ptm('rowExpansion'));
         return /*#__PURE__*/React__namespace.createElement("tr", rowExpansionProps, _content3);
       }
       return null;
@@ -26601,7 +26808,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var rowGroupFooterProps = mergeProps({
           className: cx('rowGroupFooter'),
           role: 'row'
-        }, getColumnPTOptions('rowGroupFooter'));
+        }, ptm('rowGroupFooter'));
         return /*#__PURE__*/React__namespace.createElement("tr", rowGroupFooterProps, _content4);
       }
       return null;
@@ -26977,9 +27184,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var type = _ref.type,
             valid = _ref.valid;
           if (valid) {
-            type === 'outside' ? !selfClick.current && !isTargetClicked(event.target) && hide() : hide();
+            if (type === 'outside') {
+              if (!selfClick.current && !isTargetClicked(event.target)) {
+                hide();
+              }
+              selfClick.current = false;
+            } else if (context.hideOverlaysOnDocumentScrolling) {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              DomHandler.alignOverlay(overlayRef.current, iconRef.current, context && context.appendTo || PrimeReact.appendTo, false);
+            }
           }
-          selfClick.current = false;
         },
         when: overlayVisibleState
       }),
@@ -28526,9 +28741,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableHeader.displayName = 'TableHeader';
 
-  function _createForOfIteratorHelper$b(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$b(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$b(o, minLen); }
-  function _arrayLikeToArray$b(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 _createForOfIteratorHelper$b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$b(r, a) : void 0; } }
+  function _arrayLikeToArray$b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -28571,14 +28786,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _React$useState18 = _slicedToArray(_React$useState17, 2),
       editingMetaState = _React$useState18[0],
       setEditingMetaState = _React$useState18[1];
-    var _React$useState19 = React__namespace.useState(props.rows),
+    var _React$useState19 = React__namespace.useState({}),
       _React$useState20 = _slicedToArray(_React$useState19, 2),
-      d_rowsState = _React$useState20[0],
-      setD_rowsState = _React$useState20[1];
-    var _React$useState21 = React__namespace.useState({}),
+      frozenEditingMetaState = _React$useState20[0],
+      setFrozenEditingMetaState = _React$useState20[1];
+    var _React$useState21 = React__namespace.useState(props.rows),
       _React$useState22 = _slicedToArray(_React$useState21, 2),
-      d_filtersState = _React$useState22[0],
-      setD_filtersState = _React$useState22[1];
+      d_rowsState = _React$useState22[0],
+      setD_rowsState = _React$useState22[1];
+    var _React$useState23 = React__namespace.useState({}),
+      _React$useState24 = _slicedToArray(_React$useState23, 2),
+      d_filtersState = _React$useState24[0],
+      setD_filtersState = _React$useState24[1];
     var metaData = {
       props: props,
       state: {
@@ -28591,6 +28810,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         columnOrder: columnOrderState,
         groupRowsSortMeta: groupRowsSortMetaState,
         editingMeta: editingMetaState,
+        frozenEditingMeta: frozenEditingMetaState,
         d_rows: d_rowsState,
         d_filters: d_filtersState
       },
@@ -28995,6 +29215,32 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         setEditingMetaState({});
       }
     };
+    var onFrozenEditingMetaChange = function onFrozenEditingMetaChange(e) {
+      var rowData = e.rowData,
+        field = e.field,
+        editingKey = e.editingKey,
+        editing = e.editing;
+      var frozenEditingMeta = _objectSpread$18({}, frozenEditingMetaState);
+      var meta = frozenEditingMeta[editingKey];
+      if (editing) {
+        !meta && (meta = frozenEditingMeta[editingKey] = {
+          data: _objectSpread$18({}, rowData),
+          fields: []
+        });
+        meta.fields.push(field);
+      } else if (meta) {
+        var fields = meta.fields.filter(function (f) {
+          return f !== field;
+        });
+        !fields.length ? delete frozenEditingMeta[editingKey] : meta.fields = fields;
+      }
+      setFrozenEditingMetaState(frozenEditingMeta);
+    };
+    var clearFrozenEditingMetaData = function clearFrozenEditingMetaData() {
+      if (props.editMode && ObjectUtils.isNotEmpty(frozenEditingMetaState)) {
+        setFrozenEditingMetaState({});
+      }
+    };
     var onColumnResizeStart = function onColumnResizeStart(e) {
       createBeforeResizeStyleElement();
       var event = e.originalEvent,
@@ -29285,6 +29531,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onPageChange = function onPageChange(e) {
       clearEditingMetaData();
+      clearFrozenEditingMetaData();
       if (props.onPage) {
         props.onPage(createEvent(e));
       } else {
@@ -29297,6 +29544,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onSortChange = function onSortChange(e) {
       clearEditingMetaData();
+      clearFrozenEditingMetaData();
       var event = e.originalEvent,
         column = e.column,
         sortableDisabledFields = e.sortableDisabledFields;
@@ -29474,6 +29722,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onFilterChange = function onFilterChange(filters) {
       clearEditingMetaData();
+      clearFrozenEditingMetaData();
       setD_filtersState(filters);
     };
     var onFilterApply = function onFilterApply(filtersToApply) {
@@ -29663,6 +29912,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setD_filtersState(cloneFilters(props.filters));
       setGroupRowsSortMetaState(null);
       setEditingMetaState({});
+      setFrozenEditingMetaState({});
       if (!props.onPage) {
         setFirstState(props.first);
         setRowsState(props.rows);
@@ -30027,7 +30277,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         dataKey: props.dataKey,
         dragSelection: props.dragSelection,
         editMode: props.editMode,
-        editingMeta: editingMetaState,
+        editingMeta: frozenEditingMetaState,
         editingRows: props.editingRows,
         emptyMessage: props.emptyMessage,
         expandableRowGroups: props.expandableRowGroups,
@@ -30046,7 +30296,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onCellUnselect: props.onCellUnselect,
         onContextMenu: props.onContextMenu,
         onContextMenuSelectionChange: props.onContextMenuSelectionChange,
-        onEditingMetaChange: onEditingMetaChange,
+        onEditingMetaChange: onFrozenEditingMetaChange,
         onRowClick: props.onRowClick,
         onRowCollapse: props.onRowCollapse,
         onRowDoubleClick: props.onRowDoubleClick,
@@ -30493,9 +30743,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function _createForOfIteratorHelper$a(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$a(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$a(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$a(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$a(o, minLen); }
-  function _arrayLikeToArray$a(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 _createForOfIteratorHelper$a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$a(r, a) : void 0; } }
+  function _arrayLikeToArray$a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (inProps) {
@@ -31798,8 +32048,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   Fieldset.displayName = 'Fieldset';
 
-  function _readOnlyError(name) {
-    throw new TypeError("\"" + name + "\" is read-only");
+  function _readOnlyError(r) {
+    throw new TypeError('"' + r + '" is read-only');
   }
 
   var UploadIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -32425,9 +32675,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$9(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$9(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$9(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$9(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$9(o, minLen); }
-  function _arrayLikeToArray$9(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 _createForOfIteratorHelper$9(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$9(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$9(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$9(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$9(r, a) : void 0; } }
+  function _arrayLikeToArray$9(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var FileUpload = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -35627,7 +35877,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var updateValue = function updateValue(allow) {
       var pos;
       if (elementRef.current) {
-        if (props.value == null) {
+        if (ObjectUtils.isEmpty(props.value)) {
           elementRef.current.value = '';
         } else {
           elementRef.current.value = props.value;
@@ -36121,7 +36371,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
         }
       },
-      styles: "\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "
+      styles: "\n        @keyframes dash-frame {\n            100% {\n                stroke-dashoffset: 0;\n            }\n        }\n        @layer primereact {\n            .p-knob-range {\n                fill: none;\n                transition: stroke .1s ease-in;\n                cursor: pointer;\n            }\n            .p-knob-value {\n                animation-name: dash-frame;\n                animation-fill-mode: forwards;\n                fill: none;\n            }\n            .p-knob-text {\n                font-size: 1.3rem;\n                text-align: center;\n            }\n        }\n        "
     }
   });
 
@@ -36649,9 +36899,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$8(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$8(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$8(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$8(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$8(o, minLen); }
-  function _arrayLikeToArray$8(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 _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$8(r, a) : void 0; } }
+  function _arrayLikeToArray$8(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var ListBox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -38738,13 +38988,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       inputRef: null,
       inputStyle: null,
       itemTemplate: null,
-      panelClassName: null,
-      panelStyle: null,
-      scrollHeight: '200px',
-      style: null,
-      suggestions: null,
-      transitionOptions: null,
-      trigger: '@',
       onBlur: null,
       onChange: null,
       onFocus: null,
@@ -38753,6 +38996,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onSearch: null,
       onSelect: null,
       onShow: null,
+      panelClassName: null,
+      panelStyle: null,
+      scrollHeight: '200px',
+      style: null,
+      suggestions: null,
+      transitionOptions: null,
+      trigger: '@',
+      variant: null,
       children: undefined
     },
     css: {
@@ -38821,8 +39072,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         target: elementRef,
         overlay: overlayRef,
         listener: function listener(event, _ref) {
-          var valid = _ref.valid;
-          valid && hide();
+          var valid = _ref.valid,
+            type = _ref.type;
+          if (valid) {
+            if (context.hideOverlaysOnDocumentScrolling || type === 'outside') {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              alignOverlay();
+            }
+          }
         },
         when: overlayVisibleState
       }),
@@ -39225,6 +39483,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       style: props.inputStyle
     }, inputProps), {}, {
       unstyled: props.unstyled,
+      variant: props.variant,
       autoResize: props.autoResize,
       onFocus: onFocus,
       onBlur: onBlur,
@@ -39392,10 +39651,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         target: targetRef,
         overlay: menuRef,
         listener: function listener(event, _ref) {
-          var valid = _ref.valid;
+          var valid = _ref.valid,
+            type = _ref.type;
           if (valid) {
-            hide(event);
-            setFocusedOptionIndex(-1);
+            if (context.hideOverlaysOnDocumentScrolling || type === 'outside') {
+              hide(event);
+              setFocusedOptionIndex(-1);
+            } else if (!DomHandler.isDocument(event.target)) {
+              DomHandler.absolutePosition(menuRef.current, targetRef.current, props.popupAlignment);
+            }
           }
         },
         when: visibleState
@@ -39451,6 +39715,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props.onFocus && props.onFocus(event);
     };
     var onListBlur = function onListBlur(event) {
+      var currentTarget = event.currentTarget,
+        relatedTarget = event.relatedTarget;
+      if (relatedTarget && currentTarget.contains(relatedTarget)) return;
       setFocused(false);
       setFocusedOptionIndex(-1);
       props.onBlur && props.onBlur(event);
@@ -39694,6 +39961,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onClick: function onClick(event) {
             return onItemClick(event, item, key);
           },
+          onMouseMove: function onMouseMove(event) {
+            return onItemMouseMove(event, key);
+          },
           className: linkClassName,
           tabIndex: '-1',
           labelClassName: 'p-menuitem-text',
@@ -40050,7 +40320,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'aria-disabled': disabled,
         'aria-expanded': group ? active : undefined,
         'aria-haspopup': group && !item.url ? 'menu' : undefined,
-        'aria-level': props.level + 1,
         'aria-setsize': getAriaSetSize(),
         'aria-posinset': getAriaPosInset(index),
         'data-p-highlight': active,
@@ -40168,12 +40437,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var _useEventListener = useEventListener({
         type: 'click',
         listener: function listener(event) {
-          if (isOutsideClicked(event)) {
-            var isOutsideContainer = elementRef.current && !elementRef.current.contains(event.target);
-            if (isOutsideContainer) {
-              hide();
-            }
+          var isOutsideButton = menuButtonRef.current && !menuButtonRef.current.contains(event.target);
+          if (isOutsideButton) {
+            hide();
           }
+        },
+        options: {
+          capture: true
         }
       }),
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
@@ -40228,9 +40498,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var menuButtonKeydown = function menuButtonKeydown(event) {
       (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && toggle(event);
     };
-    var isOutsideClicked = function isOutsideClicked(event) {
-      return rootMenuRef.current !== event.target && !rootMenuRef.current.contains(event.target) && menuButtonRef.current !== event.target && !menuButtonRef.current.contains(event.target);
-    };
     var getItemProp = function getItemProp(item, name) {
       return item ? ObjectUtils.getItemValue(item[name]) : undefined;
     };
@@ -41080,12 +41347,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var classes$w = {
     root: function root(_ref) {
+      var _props$value;
       var props = _ref.props,
         context = _ref.context,
         focusedState = _ref.focusedState,
         overlayVisibleState = _ref.overlayVisibleState;
       return classNames('p-multiselect p-component p-inputwrapper', {
-        'p-multiselect-chip': props.display === 'chip' && (props.maxSelectedLabels == null ? true : props.value.length <= props.maxSelectedLabels),
+        'p-multiselect-chip': props.display === 'chip' && (props.maxSelectedLabels == null ? true : ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) <= props.maxSelectedLabels),
         'p-disabled': props.disabled,
         'p-invalid': props.invalid,
         'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
@@ -41096,12 +41364,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     },
     label: function label(_ref2) {
+      var _props$value2;
       var props = _ref2.props,
         empty = _ref2.empty;
       return classNames('p-multiselect-label', {
         'p-placeholder': empty && props.placeholder,
         'p-multiselect-label-empty': empty && !props.placeholder && !props.selectedItemTemplate,
-        'p-multiselect-items-label': !empty && props.display !== 'chip' && props.value.length > props.maxSelectedLabels
+        'p-multiselect-items-label': !empty && props.display !== 'chip' && ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.length) > props.maxSelectedLabels
       });
     },
     panel: function panel(_ref3) {
@@ -41234,7 +41503,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       selectAll: false,
       selectAllLabel: null,
       selectedItemTemplate: null,
-      selectedItemsLabel: '{0} items selected',
+      selectedItemsLabel: undefined,
       selectionLimit: null,
       showClear: false,
       showSelectAll: true,
@@ -41765,9 +42034,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$7(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$7(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$7(o, minLen); }
-  function _arrayLikeToArray$7(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 _createForOfIteratorHelper$7(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$7(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$7(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$7(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$7(r, a) : void 0; } }
+  function _arrayLikeToArray$7(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -41833,9 +42102,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             valid = _ref.valid;
           if (valid) {
             if (type === 'outside') {
-              !isClearClicked(event) && !isSelectAllClicked(event) && hide();
-            } else {
+              if (!isClearClicked(event) && !isSelectAllClicked(event)) {
+                hide();
+              }
+            } else if (context.hideOverlaysOnDocumentScrolling) {
               hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              alignOverlay();
             }
           }
         },
@@ -42509,15 +42782,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getSelectedItemsLabel = function getSelectedItemsLabel() {
       var pattern = /{(.*?)}/;
       var selectedItemsLabel = props.selectedItemsLabel || localeOption('selectionMessage');
+      var valueLength = props.value ? props.value.length : 0;
       if (pattern.test(selectedItemsLabel)) {
-        return selectedItemsLabel.replace(selectedItemsLabel.match(pattern)[0], props.value.length + '');
+        return selectedItemsLabel.replace(selectedItemsLabel.match(pattern)[0], valueLength + '');
       }
       return selectedItemsLabel;
     };
     var getLabel = function getLabel() {
       var label;
       if (!empty && !props.fixedPlaceholder) {
-        if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
+        var _props$value;
+        if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) > props.maxSelectedLabels) {
           return getSelectedItemsLabel();
         }
         if (ObjectUtils.isArray(props.value)) {
@@ -42530,7 +42805,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return label;
     };
     var getLabelContent = function getLabelContent() {
-      if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
+      var valueLength = props.value ? props.value.length : 0;
+      if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && valueLength > props.maxSelectedLabels) {
         return getSelectedItemsLabel();
       }
       if (props.selectedItemTemplate) {
@@ -42545,7 +42821,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return ObjectUtils.getJSXElement(props.selectedItemTemplate);
       }
       if (props.display === 'chip' && !empty) {
-        var value = props.value.slice(0, props.maxSelectedLabels || props.value.length);
+        var value = props.value.slice(0, props.maxSelectedLabels || valueLength);
         return value.map(function (val, i) {
           var context = {
             context: {
@@ -42638,8 +42914,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var onRemoveTokenIconKeyDown = function onRemoveTokenIconKeyDown(event, val) {
-      event.preventDefault();
-      event.stopPropagation();
       switch (event.code) {
         case 'Space':
         case 'NumpadEnter':
@@ -42648,6 +42922,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             break;
           }
           removeChip(event, val);
+          event.preventDefault();
+          event.stopPropagation();
           break;
       }
     };
@@ -42727,15 +43003,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, ptm('label'));
       return /*#__PURE__*/React__namespace.createElement("div", labelContainerProps, /*#__PURE__*/React__namespace.createElement("div", labelProps, content || props.placeholder || props.emptyMessage || 'empty'));
     };
-    var getInputValue = function getInputValue() {
-      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      if (Array.isArray(value)) {
-        return value.map(function (val) {
-          return getLabelByValue(val);
-        }).join(', ');
-      }
-      return value ? value : '';
-    };
     var visibleOptions = getVisibleOptions();
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = MultiSelectBase.getOtherProps(props);
@@ -42785,7 +43052,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'aria-expanded': overlayVisibleState,
       disabled: props.disabled,
       tabIndex: !props.disabled ? props.tabIndex : -1,
-      value: getInputValue(props.value)
+      value: getLabel()
     }, ariaProps), ptm('input'));
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({}, inputProps, {
       readOnly: true
@@ -43587,6 +43854,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var styleElementRef = React__namespace.useRef(null);
     var reorderDirection = React__namespace.useRef(null);
     var listElementRef = React__namespace.useRef(null);
+    var reorderedListElementRef = React__namespace.useRef(null);
     var metaData = {
       props: props,
       state: {
@@ -43812,9 +44080,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       var _focusedOptionIndex = items[order] ? items[order].getAttribute('id') : -1;
       setFocusedOptionIndex(_focusedOptionIndex);
-      scrollInView(_focusedOptionIndex);
+      scrollInViewWithFocus(_focusedOptionIndex);
     };
-    var scrollInView = function scrollInView(id) {
+    var scrollInViewWithFocus = function scrollInViewWithFocus(id) {
       var listElement = getListElement();
       var element = DomHandler.findSingle(listElement, "[data-pc-section=\"item\"][id=\"".concat(id, "\"]"));
       if (element) {
@@ -43824,6 +44092,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
     };
+    var scrollInView = function scrollInView(listContainer) {
+      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var selectedItems = listContainer.getElementsByClassName('p-highlight');
+      if (ObjectUtils.isNotEmpty(selectedItems)) {
+        DomHandler.scrollInView(listContainer, direction === -1 ? selectedItems[0] : selectedItems[selectedItems.length - 1]);
+      }
+    };
+    var handleScrollPosition = function handleScrollPosition(listElement, direction) {
+      if (listElement) {
+        switch (direction) {
+          case 'up':
+            scrollInView(listElement, -1);
+            break;
+          case 'top':
+            listElement.scrollTop = 0;
+            break;
+          case 'down':
+            scrollInView(listElement, 1);
+            break;
+          case 'bottom':
+            setTimeout(function () {
+              return listElement.scrollTop = listElement.scrollHeight;
+            }, 100);
+            break;
+        }
+      }
+    };
     var onFilter = function onFilter(event) {
       var _filterValue = event.target.value;
       setFilterValueState(_filterValue);
@@ -43858,6 +44153,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
       reorderDirection.current = event.direction;
+      reorderedListElementRef.current = getListElement();
     };
     var createStyle = function createStyle() {
       if (!styleElementRef.current) {
@@ -43894,7 +44190,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setFocusedOptionId(_focusedOptionId);
     }, [focusedOptionIndex]);
     useUpdateEffect(function () {
-      if (reorderDirection.current) {
+      if (reorderedListElementRef.current) {
+        handleScrollPosition(reorderedListElementRef.current, reorderDirection.current);
+        reorderedListElementRef.current = null;
         reorderDirection.current = null;
       }
     });
@@ -44385,18 +44683,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var type = _ref.type,
             valid = _ref.valid;
           if (valid) {
-            switch (type) {
-              case 'outside':
-                props.dismissable && !isPanelClicked.current && hide();
-                break;
-              case 'resize':
-              case 'scroll':
-              case 'orientationchange':
-                align();
-                break;
+            if (type === 'outside') {
+              if (props.dismissable && !isPanelClicked.current) {
+                hide();
+              }
+              isPanelClicked.current = false;
+            } else if (context.hideOverlaysOnDocumentScrolling) {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              align();
             }
           }
-          isPanelClicked.current = false;
         },
         when: visibleState
       }),
@@ -46153,8 +46450,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         target: elementRef,
         overlay: overlayRef,
         listener: function listener(event, _ref) {
-          var valid = _ref.valid;
-          valid && hide();
+          var valid = _ref.valid,
+            type = _ref.type;
+          if (valid) {
+            if (type === 'outside' || context.hideOverlaysOnDocumentScrolling) {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              alignOverlay();
+            }
+          }
         },
         when: overlayVisibleState
       }),
@@ -46884,7 +47188,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createItems = function createItems() {
       if (props.list) {
         return props.list.map(function (item, index) {
-          var key = props.parentId + '_' + index;
+          var key = props.parentId + '_' + props.type + '_' + index;
           var selected = isSelected(item);
           return /*#__PURE__*/React__namespace.createElement(PickListItem, {
             hostName: props.hostName,
@@ -49719,8 +50023,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         target: targetRef,
         overlay: menuRef,
         listener: function listener(event, _ref) {
-          var valid = _ref.valid;
-          valid && hide(event);
+          var valid = _ref.valid,
+            type = _ref.type;
+          if (valid) {
+            if (type === 'outside' || context.hideOverlaysOnDocumentScrolling) {
+              hide(event);
+            } else if (!DomHandler.isDocument(event.target)) {
+              DomHandler.absolutePosition(menuRef.current, targetRef.current);
+            }
+          }
         },
         when: visibleState
       }),
@@ -52807,7 +53118,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       linear: false,
       onChangeStep: null,
       start: null,
-      end: null
+      end: null,
+      children: undefined
     },
     css: {
       classes: classes$b,
@@ -55880,9 +56192,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  function _createForOfIteratorHelper$6(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$6(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$6(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$6(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$6(o, minLen); }
-  function _arrayLikeToArray$6(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+  function _createForOfIteratorHelper$6(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$6(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$6(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$6(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$6(r, a) : void 0; } }
+  function _arrayLikeToArray$6(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -56691,9 +57003,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$5(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$5(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$5(o, minLen); }
-  function _arrayLikeToArray$5(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 _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
+  function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -56823,7 +57135,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onDrop = function onDrop(event) {
       var _dragState$current;
       if (validateDropNode((_dragState$current = dragState.current) === null || _dragState$current === void 0 ? void 0 : _dragState$current.path, event.path)) {
-        var value = _cloneValue(props.value);
+        var value = _cloneValue(getRootNode());
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
         var dragNodeParent = _findNode(value, dragPaths);
@@ -56852,7 +57164,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onDropPoint = function onDropPoint(event) {
       if (validateDropPoint(event)) {
-        var value = _cloneValue(props.value);
+        var value = _cloneValue(getRootNode());
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
         var dropPaths = event.path.split('-');
@@ -57447,9 +57759,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  function _createForOfIteratorHelper$4(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$4(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$4(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$4(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$4(o, minLen); }
-  function _arrayLikeToArray$4(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 _createForOfIteratorHelper$4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$4(r, a) : void 0; } }
+  function _arrayLikeToArray$4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var TreeSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -57467,9 +57779,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       expandedKeysState = _React$useState6[0],
       setExpandedKeysState = _React$useState6[1];
     var _useDebounce = useDebounce('', props.filterDelay || 0),
-      _useDebounce2 = _slicedToArray(_useDebounce, 3);
-      _useDebounce2[0];
-      var filterValueState = _useDebounce2[1],
+      _useDebounce2 = _slicedToArray(_useDebounce, 3),
+      filterValue = _useDebounce2[0],
+      filterValueState = _useDebounce2[1],
       setFilterValueState = _useDebounce2[2];
     var elementRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
@@ -57516,8 +57828,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         target: elementRef,
         overlay: overlayRef,
         listener: function listener(event, _ref) {
-          var valid = _ref.valid;
-          valid && hide();
+          var valid = _ref.valid,
+            type = _ref.type;
+          if (valid) {
+            if (type === 'outside' || context.hideOverlaysOnDocumentScrolling) {
+              hide();
+            } else if (!DomHandler.isDocument(event.target)) {
+              alignOverlay();
+            }
+          }
         },
         when: overlayVisibleState
       }),
@@ -58055,15 +58374,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var createFilterElement = function createFilterElement() {
       if (props.filter) {
-        var _filterValue = props.onFilterValueChange ? props.filterValue : filteredValue;
-        _filterValue = ObjectUtils.isNotEmpty(_filterValue) ? _filterValue : '';
+        var newValue = props.onFilterValueChange ? props.filterValue : filterValue;
+        newValue = ObjectUtils.isNotEmpty(newValue) ? newValue : '';
         var filterContainerProps = mergeProps({
           className: cx('filterContainer')
         }, ptm('filterContainer'));
         var filterProps = mergeProps({
           ref: filterInputRef,
           type: 'text',
-          value: _filterValue,
+          value: newValue,
           autoComplete: 'off',
           className: cx('filter'),
           placeholder: props.filterPlaceholder,
@@ -58657,9 +58976,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   TreeTableBodyCell.displayName = 'TreeTableBodyCell';
 
-  function _createForOfIteratorHelper$3(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(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$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(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$3(o, minLen); }
-  function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+  function _createForOfIteratorHelper$3(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$3(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$3(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0; } }
+  function _arrayLikeToArray$3(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TreeTableRow = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -59114,7 +59433,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var partialChecked = isPartialChecked();
         var checkboxIconProps = mergeProps({
           className: cx('checkIcon')
-        }, getColumnPTOptions('rowCheckbox.icon'));
+        }, getColumnPTOptions(column, 'rowCheckbox.icon'));
         var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(MinusIcon, null) : null;
         var checkIcon = IconUtils.getJSXIcon(icon, {}, {
           props: props,
@@ -59249,9 +59568,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TreeTableRow.displayName = 'TreeTableRow';
 
-  function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-  function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(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$2(o, minLen); }
-  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]; return arr2; }
+  function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
+  function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TreeTableBody = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -59567,9 +59886,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TreeTableFooter.displayName = 'TreeTableFooter';
 
-  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 _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
+  function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -60125,9 +60444,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
   var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
@@ -61481,7 +61800,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       tooltip: null,
       tooltipOptions: null,
       uncheckIcon: null,
-      value: '',
+      value: null,
       children: undefined
     },
     css: {
@@ -61495,7 +61814,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
     var props = TriStateCheckboxBase.getProps(inProps, context);
-    var _useState = React.useState(''),
+    var _useState = React.useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       checkBoxValue = _useState2[0],
       setCheckBoxValue = _useState2[1];
@@ -61510,10 +61829,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       name: 'tristatecheckbox'
     });
     React.useEffect(function () {
-      if ([true, false, ''].includes(props.value)) {
+      if ([true, false, null].includes(props.value)) {
         setCheckBoxValue(props.value);
       } else {
-        setCheckBoxValue('');
+        setCheckBoxValue(null);
       }
     }, [props.value]);
     var onChange = function onChange(event) {
@@ -61521,12 +61840,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return;
       }
       var newValue;
-      if (checkBoxValue === '') {
+      if (checkBoxValue === null) {
         newValue = true;
       } else if (checkBoxValue === true) {
         newValue = false;
       } else if (checkBoxValue === false) {
-        newValue = '';
+        newValue = null;
       }
       if (props.onChange) {
         props.onChange({