primereact 10.9.3 → 10.9.5

package/primereact.all.esm.js

@@ -1,53 +1,47 @@
 'use client';
 import * as React from 'react';
-import React__default, { useState, useEffect, useContext, useRef, Children, cloneElement } from 'react';
+import React__default, { useState, useEffect, useContext, useRef, Fragment, Children, cloneElement } from 'react';
 import { CSSTransition as CSSTransition$1, TransitionGroup } from 'react-transition-group';
 import ReactDOM from 'react-dom';
 
 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) {
@@ -60,39 +54,33 @@ function _typeof(o) {
   }, _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) {
@@ -127,8 +115,8 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$i(arr, i) || _nonIterableRest();
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray$i(r, e) || _nonIterableRest();
 }
 
 var FilterMatchMode = Object.freeze({
@@ -187,33 +175,25 @@ function classNames() {
   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);
@@ -586,11 +566,18 @@ var DomHandler = /*#__PURE__*/function () {
           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';
@@ -799,13 +786,12 @@ var DomHandler = /*#__PURE__*/function () {
     /**
      * 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
@@ -828,10 +814,8 @@ var DomHandler = /*#__PURE__*/function () {
          * @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
@@ -875,13 +859,6 @@ var DomHandler = /*#__PURE__*/function () {
           _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;
     }
   }, {
@@ -1021,6 +998,11 @@ var DomHandler = /*#__PURE__*/function () {
     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) {
@@ -1358,7 +1340,7 @@ var DomHandler = /*#__PURE__*/function () {
         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;
     }
 
     /**
@@ -1507,9 +1489,9 @@ function EventBus() {
   };
 }
 
-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);
@@ -1764,13 +1746,13 @@ var ObjectUtils = /*#__PURE__*/function () {
         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",
@@ -2061,6 +2043,122 @@ var ObjectUtils = /*#__PURE__*/function () {
         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;
+    }
   }]);
 }();
 
@@ -2663,9 +2761,9 @@ function handler() {
 }
 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 = [];
@@ -4387,7 +4485,14 @@ var useOverlayScrollListener = function useOverlayScrollListener(_ref) {
     }
     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);
       };
@@ -4479,19 +4584,20 @@ var useOverlayListener = function useOverlayListener(_ref) {
           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],
@@ -4504,7 +4610,8 @@ var useOverlayListener = function useOverlayListener(_ref) {
           type: 'orientationchange',
           valid: true
         });
-      }
+      },
+      when: when
     }),
     _useEventListener4 = _slicedToArray(_useEventListener3, 2),
     bindWindowOrientationChangeListener = _useEventListener4[0],
@@ -4516,7 +4623,8 @@ var useOverlayListener = function useOverlayListener(_ref) {
           type: 'scroll',
           valid: true
         });
-      }
+      },
+      when: when
     }),
     _useOverlayScrollList2 = _slicedToArray(_useOverlayScrollList, 2),
     bindOverlayScrollListener = _useOverlayScrollList2[0],
@@ -6765,7 +6873,8 @@ var InputText = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
   }, [props.value, props.defaultValue]);
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   React.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');
@@ -8130,7 +8239,15 @@ var AutoComplete = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functio
         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
@@ -8306,6 +8423,9 @@ var AutoComplete = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functio
     }
   };
   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;
@@ -8748,6 +8868,7 @@ var AutoComplete = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functio
     listId: listId,
     onItemClick: selectItem,
     selectedItem: selectedItem,
+    onOverlayHide: hide,
     onClick: onPanelClick,
     getOptionGroupLabel: getOptionGroupLabel,
     getOptionGroupChildren: getOptionGroupChildren,
@@ -9269,7 +9390,8 @@ var BreadCrumb = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       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.createElement("a", actionProps, label);
     if (item.template) {
@@ -9635,9 +9757,9 @@ CalendarPanel.displayName = 'CalendarPanel';
 
 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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -9674,7 +9796,7 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     isUnstyled = _CalendarBase$setMeta.isUnstyled;
   useGlobalOnEscapeKey({
     callback: function callback() {
-      hide();
+      hide(null, reFocusInputField);
     },
     when: overlayVisibleState && overlayDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL, overlayDisplayOrder]
@@ -9725,7 +9847,15 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
         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;
       },
@@ -14532,9 +14662,9 @@ var CascadeSelectSub = /*#__PURE__*/React.memo(function (props) {
   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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
@@ -14579,8 +14709,15 @@ var CascadeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
       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
     }),
@@ -15191,7 +15328,7 @@ var Checkbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     return props.checked === props.trueValue;
   };
   var _onChange = function onChange(event) {
-    if (props.disabled || props.readonly) {
+    if (props.disabled || props.readOnly) {
       return;
     }
     if (props.onChange) {
@@ -15375,6 +15512,10 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var _React$useState3 = React.useState(props.id),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    idState = _React$useState4[0],
+    setIdState = _React$useState4[1];
   var _ChipBase$setMetaData = ChipBase.setMetaData({
       props: props
     }),
@@ -15392,6 +15533,7 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
   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
@@ -15411,7 +15553,7 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       onKeyDown: onKeyDown
     }, ptm('removeIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, _extends({}, removeIconProps, {
-      key: UniqueComponentId('removeIcon')
+      key: "".concat(idState, "-removeIcon")
     }));
     if (props.image) {
       var imageProps = mergeProps({
@@ -15421,7 +15563,7 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       content.push(/*#__PURE__*/React.createElement("img", _extends({
         alt: props.imageAlt
       }, imageProps, {
-        key: UniqueComponentId('image')
+        key: "".concat(idState, "-image")
       })));
     } else if (props.icon) {
       var chipIconProps = mergeProps({
@@ -15472,6 +15614,14 @@ var Chip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       }
     };
   });
+  useMountEffect(function () {
+    if (!idState) {
+      setIdState(UniqueComponentId());
+    }
+  });
+  if (!idState) {
+    return null;
+  }
   return visibleState && createElement();
 }));
 Chip.displayName = 'Chip';
@@ -15580,7 +15730,7 @@ var Chips = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPr
   var listRef = React.useRef(null);
   var inputRef = React.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);
@@ -16113,8 +16263,15 @@ var ColorPicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       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
     }),
@@ -16165,6 +16322,7 @@ var ColorPicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     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;
@@ -17986,9 +18144,17 @@ var ConfirmPopup = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functio
         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
     }),
@@ -20640,7 +20806,7 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     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);
@@ -20752,8 +20918,11 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
         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';
@@ -22162,9 +22331,9 @@ var DropdownPanel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
 }));
 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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
@@ -22224,7 +22393,15 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
         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
@@ -22423,12 +22600,14 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       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() {
@@ -22948,9 +23127,6 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     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;
@@ -23173,6 +23349,7 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     "in": overlayVisibleState,
     isOptionDisabled: isOptionDisabled,
     isSelected: isSelected,
+    onOverlayHide: hide,
     onClick: onPanelClick,
     onEnter: onOverlayEnter,
     onEntered: onOverlayEntered,
@@ -23876,33 +24053,26 @@ var DataTableBase = ComponentBase.extend({
   }
 });
 
-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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
@@ -24059,7 +24229,7 @@ var RadioButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     onChange(event);
   };
   var onChange = function onChange(event) {
-    if (props.disabled || props.readonly) {
+    if (props.disabled || props.readOnly) {
       return;
     }
     if (props.onChange) {
@@ -24162,7 +24332,7 @@ var RadioButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       onBlur: onBlur,
       onChange: onChange,
       disabled: props.disabled,
-      readOnly: props.readonly,
+      readOnly: props.readOnly,
       required: props.required,
       tabIndex: props.tabIndex,
       className: cx('input')
@@ -24235,7 +24405,7 @@ RowRadioButton.displayName = 'RowRadioButton';
 
 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.memo(function (props) {
+var Cell = function Cell(props) {
   var mergeProps = useMergeProps();
   var _React$useState = React.useState(props.editing),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -24263,13 +24433,9 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   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: {
@@ -24285,10 +24451,8 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     };
     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');
   };
@@ -24313,34 +24477,22 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     _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
     };
@@ -24351,20 +24503,6 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       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');
@@ -24385,7 +24523,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   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
@@ -24410,128 +24548,20 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     }
     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);
@@ -24555,7 +24585,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         cell = event.currentTarget;
       switch (event.code) {
         case 'ArrowLeft':
-          var prevCell = _findPrevSelectableCell(cell);
+          var prevCell = props.findPrevSelectableCell(cell);
           if (prevCell) {
             changeTabIndex(cell, prevCell);
             prevCell.focus();
@@ -24563,7 +24593,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
           event.preventDefault();
           break;
         case 'ArrowRight':
-          var nextCell = _findNextSelectableCell(cell);
+          var nextCell = props.findNextSelectableCell(cell);
           if (nextCell) {
             changeTabIndex(cell, nextCell);
             nextCell.focus();
@@ -24571,7 +24601,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
           event.preventDefault();
           break;
         case 'ArrowUp':
-          var upCell = _findUpSelectableCell(cell);
+          var upCell = props.findUpSelectableCell(cell, index);
           if (upCell) {
             changeTabIndex(cell, upCell);
             upCell.focus();
@@ -24579,7 +24609,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
           event.preventDefault();
           break;
         case 'ArrowDown':
-          var downCell = _findDownSelectableCell(cell);
+          var downCell = props.findDownSelectableCell(cell, index);
           if (downCell) {
             changeTabIndex(cell, downCell);
             downCell.focus();
@@ -24618,13 +24648,6 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       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,
@@ -24637,8 +24660,8 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     props.onRowEditInit({
       originalEvent: event,
       data: props.rowData,
-      newData: getEditingRowData(),
-      field: field,
+      newData: props.getEditingRowData(),
+      field: props.field,
       index: props.rowIndex
     });
   };
@@ -24646,32 +24669,26 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     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.useEffect(function () {
-    if (getColumnProp('frozen')) {
-      updateStickyPosition();
-    }
-  });
-  React.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.useEffect(function () {
     if (props.editMode === 'row' && props.editing !== editingState) {
@@ -24680,7 +24697,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   }, [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;
     }
@@ -24690,7 +24707,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       var callbackParams = getCellCallbackParams();
       var params = _objectSpread$1i(_objectSpread$1i({}, callbackParams), {}, {
         editing: editingState,
-        editingKey: editingKey
+        editingKey: props.editingKey
       });
       props.onEditingMetaChange(params);
     }
@@ -24703,16 +24720,16 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     }
   });
   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'
     });
@@ -24721,20 +24738,20 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   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
@@ -24759,12 +24776,12 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       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.createElement(React.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React.createElement(RowRadioButton, {
         hostName: props.hostName,
         column: props.column,
-        checked: props.selected,
+        checked: props.isRowSelected,
         disabled: !props.isSelectable({
           data: props.rowData,
           index: props.rowIndex
@@ -24779,12 +24796,12 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       }), selectionMode === 'multiple' && /*#__PURE__*/React.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,
@@ -24834,7 +24851,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         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,
@@ -24908,7 +24925,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         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,
@@ -24918,7 +24935,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     } 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
@@ -24926,9 +24943,9 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     } 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,
@@ -24996,7 +25013,22 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       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.memo(function (props) {
+  return /*#__PURE__*/React.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.memo(function (props) {
+  return /*#__PURE__*/React.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';
 
@@ -25012,6 +25044,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
   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,
@@ -25025,7 +25058,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
           data: props.rowData,
           index: props.rowIndex
         }),
-        selected: !props.allowCellSelection && props.selected || props.contextMenuSelected,
+        selected: isRowSelected,
         stripedRows: props.metaData.props.stripedRows
       }
     });
@@ -25054,10 +25087,10 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
       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) {
@@ -25384,32 +25417,176 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
     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.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.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.useCallback(function (cell) {
+    var nextCell = cell.nextElementSibling;
+    return nextCell ? DomHandler.getAttribute(nextCell, 'data-p-selectable-cell') ? nextCell : findNextSelectableCell(nextCell) : null;
+  }, []);
+  var findPrevSelectableCell = React.useCallback(function (cell) {
+    var prevCell = cell.previousElementSibling;
+    return prevCell ? DomHandler.getAttribute(prevCell, 'data-p-selectable-cell') ? prevCell : findPrevSelectableCell(prevCell) : null;
+  }, []);
+  var findDownSelectableCell = React.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.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.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.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.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.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,
@@ -25425,20 +25602,31 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
           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.createElement(Fragment, {
+          key: key
+        }, selectionMode ? /*#__PURE__*/React.createElement(RadioCheckCell, cellProps) : /*#__PURE__*/React.createElement(BodyCell, cellProps));
       }
       return null;
     });
@@ -25588,8 +25776,11 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
   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,
@@ -25714,8 +25905,12 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
   var allowSelection = function allowSelection(event) {
     return !DomHandler.isClickable(event.originalEvent.target);
   };
+  var metaKeySelectionRef = React.useRef(props.metaKeySelection);
+  React.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;
@@ -25736,6 +25931,9 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     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);
@@ -25785,6 +25983,10 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       });
     }
   };
+  var selectionRef = React.useRef(props.selection);
+  React.useEffect(function () {
+    selectionRef.current = props.selection;
+  }, [props.selection]);
   var onSingleSelection = function onSingleSelection(_ref) {
     var originalEvent = _ref.originalEvent,
       data = _ref.data,
@@ -25798,10 +26000,11 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       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,
@@ -25809,7 +26012,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         });
       }
     } else {
-      selection = data;
+      newSelection = data;
       onSelect({
         originalEvent: originalEvent,
         data: data,
@@ -25817,10 +26020,10 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       });
     }
     focusOnElement(originalEvent, true);
-    if (props.onSelectionChange && selection !== props.selection) {
+    if (props.onSelectionChange && newSelection !== currentSelection) {
       props.onSelectionChange({
         originalEvent: originalEvent,
-        value: selection,
+        value: newSelection,
         type: type
       });
     }
@@ -25838,11 +26041,12 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       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({
@@ -25850,15 +26054,15 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
           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,
@@ -25866,18 +26070,18 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         });
       }
     } 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
       });
     }
@@ -25900,14 +26104,16 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     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);
   };
@@ -25948,7 +26154,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     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);
@@ -26413,7 +26619,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       var emptyMessageProps = mergeProps({
         className: cx('emptyMessage'),
         role: 'row'
-      }, getColumnPTOptions('emptyMessage'));
+      }, ptm('emptyMessage'));
       var bodyCellProps = mergeProps({
         colSpan: colSpan,
         role: 'cell'
@@ -26423,7 +26629,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     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.createElement(RowTogglerButton, {
         hostName: props.hostName,
@@ -26450,14 +26656,14 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         }, getColumnPTOptions('root'), getColumnPTOptions('bodyCell'));
         var rowGroupHeaderNameProps = mergeProps({
           className: cx('rowGroupHeaderName')
-        }, getColumnPTOptions('rowGroupHeaderName'));
+        }, ptm('rowGroupHeaderName'));
         _content2 = /*#__PURE__*/React.createElement("td", bodyCellProps, toggler, /*#__PURE__*/React.createElement("span", rowGroupHeaderNameProps, _content2));
       }
       var rowGroupHeaderProps = mergeProps({
         className: cx('rowGroupHeader'),
         style: style,
         role: 'row'
-      }, getColumnPTOptions('rowGroupHeader'));
+      }, ptm('rowGroupHeader'));
       return /*#__PURE__*/React.createElement("tr", rowGroupHeaderProps, _content2);
     }
     return null;
@@ -26477,6 +26683,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         checkIcon: props.checkIcon,
         collapsedRowIcon: props.collapsedRowIcon,
         columns: props.columns,
+        colsProps: colsProps,
         compareSelectionBy: props.compareSelectionBy,
         contextMenuSelected: contextMenuSelected,
         dataKey: props.dataKey,
@@ -26565,7 +26772,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         id: id,
         className: cx('rowExpansion'),
         role: 'row'
-      }, getColumnPTOptions('rowExpansion'));
+      }, ptm('rowExpansion'));
       return /*#__PURE__*/React.createElement("tr", rowExpansionProps, _content3);
     }
     return null;
@@ -26580,7 +26787,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       var rowGroupFooterProps = mergeProps({
         className: cx('rowGroupFooter'),
         role: 'row'
-      }, getColumnPTOptions('rowGroupFooter'));
+      }, ptm('rowGroupFooter'));
       return /*#__PURE__*/React.createElement("tr", rowGroupFooterProps, _content4);
     }
     return null;
@@ -26956,9 +27163,17 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
         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
     }),
@@ -28505,9 +28720,9 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
 });
 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.forwardRef(function (inProps, ref) {
@@ -28550,14 +28765,18 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     _React$useState18 = _slicedToArray(_React$useState17, 2),
     editingMetaState = _React$useState18[0],
     setEditingMetaState = _React$useState18[1];
-  var _React$useState19 = React.useState(props.rows),
+  var _React$useState19 = React.useState({}),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    d_rowsState = _React$useState20[0],
-    setD_rowsState = _React$useState20[1];
-  var _React$useState21 = React.useState({}),
+    frozenEditingMetaState = _React$useState20[0],
+    setFrozenEditingMetaState = _React$useState20[1];
+  var _React$useState21 = React.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.useState({}),
+    _React$useState24 = _slicedToArray(_React$useState23, 2),
+    d_filtersState = _React$useState24[0],
+    setD_filtersState = _React$useState24[1];
   var metaData = {
     props: props,
     state: {
@@ -28570,6 +28789,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       columnOrder: columnOrderState,
       groupRowsSortMeta: groupRowsSortMetaState,
       editingMeta: editingMetaState,
+      frozenEditingMeta: frozenEditingMetaState,
       d_rows: d_rowsState,
       d_filters: d_filtersState
     },
@@ -28974,6 +29194,32 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       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,
@@ -29264,6 +29510,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var onPageChange = function onPageChange(e) {
     clearEditingMetaData();
+    clearFrozenEditingMetaData();
     if (props.onPage) {
       props.onPage(createEvent(e));
     } else {
@@ -29276,6 +29523,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var onSortChange = function onSortChange(e) {
     clearEditingMetaData();
+    clearFrozenEditingMetaData();
     var event = e.originalEvent,
       column = e.column,
       sortableDisabledFields = e.sortableDisabledFields;
@@ -29453,6 +29701,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var onFilterChange = function onFilterChange(filters) {
     clearEditingMetaData();
+    clearFrozenEditingMetaData();
     setD_filtersState(filters);
   };
   var onFilterApply = function onFilterApply(filtersToApply) {
@@ -29642,6 +29891,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     setD_filtersState(cloneFilters(props.filters));
     setGroupRowsSortMetaState(null);
     setEditingMetaState({});
+    setFrozenEditingMetaState({});
     if (!props.onPage) {
       setFirstState(props.first);
       setRowsState(props.rows);
@@ -30006,7 +30256,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       dataKey: props.dataKey,
       dragSelection: props.dragSelection,
       editMode: props.editMode,
-      editingMeta: editingMetaState,
+      editingMeta: frozenEditingMetaState,
       editingRows: props.editingRows,
       emptyMessage: props.emptyMessage,
       expandableRowGroups: props.expandableRowGroups,
@@ -30025,7 +30275,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       onCellUnselect: props.onCellUnselect,
       onContextMenu: props.onContextMenu,
       onContextMenuSelectionChange: props.onContextMenuSelectionChange,
-      onEditingMetaChange: onEditingMetaChange,
+      onEditingMetaChange: onFrozenEditingMetaChange,
       onRowClick: props.onRowClick,
       onRowCollapse: props.onRowCollapse,
       onRowDoubleClick: props.onRowDoubleClick,
@@ -30472,9 +30722,9 @@ var DataViewLayoutOptionsBase = ComponentBase.extend({
   }
 });
 
-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.memo(function (inProps) {
@@ -31777,8 +32027,8 @@ var Fieldset = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
 });
 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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
@@ -32404,9 +32654,9 @@ var FileUploadBase = ComponentBase.extend({
 
 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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -35606,7 +35856,7 @@ var InputMask = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
   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;
@@ -36100,7 +36350,7 @@ var KnobBase = ComponentBase.extend({
         });
       }
     },
-    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        "
   }
 });
 
@@ -36628,9 +36878,9 @@ ListBoxItem.displayName = 'ListBoxItem';
 
 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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -38717,13 +38967,6 @@ var MentionBase = ComponentBase.extend({
     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,
@@ -38732,6 +38975,14 @@ var MentionBase = ComponentBase.extend({
     onSearch: null,
     onSelect: null,
     onShow: null,
+    panelClassName: null,
+    panelStyle: null,
+    scrollHeight: '200px',
+    style: null,
+    suggestions: null,
+    transitionOptions: null,
+    trigger: '@',
+    variant: null,
     children: undefined
   },
   css: {
@@ -38800,8 +39051,15 @@ var Mention = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
       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
     }),
@@ -39204,6 +39462,7 @@ var Mention = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
     style: props.inputStyle
   }, inputProps), {}, {
     unstyled: props.unstyled,
+    variant: props.variant,
     autoResize: props.autoResize,
     onFocus: onFocus,
     onBlur: onBlur,
@@ -39371,10 +39630,15 @@ var Menu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       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
@@ -39430,6 +39694,9 @@ var Menu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
     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);
@@ -39673,6 +39940,9 @@ var Menu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
         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',
@@ -40029,7 +40299,6 @@ var MenubarSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       '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,
@@ -40147,12 +40416,13 @@ var Menubar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
   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),
@@ -40207,9 +40477,6 @@ var Menubar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
   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;
   };
@@ -41059,12 +41326,13 @@ var MeterGroup = function MeterGroup(inProps) {
 
 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',
@@ -41075,12 +41343,13 @@ var classes$w = {
     });
   },
   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) {
@@ -41213,7 +41482,7 @@ var MultiSelectBase = ComponentBase.extend({
     selectAll: false,
     selectAllLabel: null,
     selectedItemTemplate: null,
-    selectedItemsLabel: '{0} items selected',
+    selectedItemsLabel: undefined,
     selectionLimit: null,
     showClear: false,
     showSelectAll: true,
@@ -41744,9 +42013,9 @@ MultiSelectPanel.displayName = 'MultiSelectPanel';
 
 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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -41812,9 +42081,13 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
           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();
           }
         }
       },
@@ -42488,15 +42761,17 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
   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)) {
@@ -42509,7 +42784,8 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     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) {
@@ -42524,7 +42800,7 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       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: {
@@ -42617,8 +42893,6 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     }
   };
   var onRemoveTokenIconKeyDown = function onRemoveTokenIconKeyDown(event, val) {
-    event.preventDefault();
-    event.stopPropagation();
     switch (event.code) {
       case 'Space':
       case 'NumpadEnter':
@@ -42627,6 +42901,8 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
           break;
         }
         removeChip(event, val);
+        event.preventDefault();
+        event.stopPropagation();
         break;
     }
   };
@@ -42706,15 +42982,6 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     }, ptm('label'));
     return /*#__PURE__*/React.createElement("div", labelContainerProps, /*#__PURE__*/React.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);
@@ -42764,7 +43031,7 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     'aria-expanded': overlayVisibleState,
     disabled: props.disabled,
     tabIndex: !props.disabled ? props.tabIndex : -1,
-    value: getInputValue(props.value)
+    value: getLabel()
   }, ariaProps), ptm('input'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
     readOnly: true
@@ -43566,6 +43833,7 @@ var OrderList = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
   var styleElementRef = React.useRef(null);
   var reorderDirection = React.useRef(null);
   var listElementRef = React.useRef(null);
+  var reorderedListElementRef = React.useRef(null);
   var metaData = {
     props: props,
     state: {
@@ -43791,9 +44059,9 @@ var OrderList = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     }
     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) {
@@ -43803,6 +44071,33 @@ var OrderList = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       });
     }
   };
+  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);
@@ -43837,6 +44132,7 @@ var OrderList = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       });
     }
     reorderDirection.current = event.direction;
+    reorderedListElementRef.current = getListElement();
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
@@ -43873,7 +44169,9 @@ var OrderList = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     setFocusedOptionId(_focusedOptionId);
   }, [focusedOptionIndex]);
   useUpdateEffect(function () {
-    if (reorderDirection.current) {
+    if (reorderedListElementRef.current) {
+      handleScrollPosition(reorderedListElementRef.current, reorderDirection.current);
+      reorderedListElementRef.current = null;
       reorderDirection.current = null;
     }
   });
@@ -44364,18 +44662,17 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         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
     }),
@@ -46132,8 +46429,15 @@ var Password = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       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
     }),
@@ -46863,7 +47167,7 @@ var PickListSubList = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(func
   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.createElement(PickListItem, {
           hostName: props.hostName,
@@ -49698,8 +50002,15 @@ var SlideMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       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
     }),
@@ -52786,7 +53097,8 @@ var StepperBase = ComponentBase.extend({
     linear: false,
     onChangeStep: null,
     start: null,
-    end: null
+    end: null,
+    children: undefined
   },
   css: {
     classes: classes$b,
@@ -55859,9 +56171,9 @@ var TreeBase = ComponentBase.extend({
   }
 });
 
-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.memo(function (props) {
@@ -56670,9 +56982,9 @@ UITreeNode.displayName = 'UITreeNode';
 
 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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -56802,7 +57114,7 @@ var Tree = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
   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);
@@ -56831,7 +57143,7 @@ var Tree = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
   };
   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('-');
@@ -57426,9 +57738,9 @@ TreeSelectPanel.displayName = 'TreeSelectPanel';
 
 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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -57446,9 +57758,9 @@ var TreeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     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.useRef(null);
   var overlayRef = React.useRef(null);
@@ -57495,8 +57807,15 @@ var TreeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       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
     }),
@@ -58034,15 +58353,15 @@ var TreeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
   };
   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,
@@ -58636,9 +58955,9 @@ var TreeTableBodyCell = function TreeTableBodyCell(props) {
 };
 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.memo(function (props) {
@@ -59093,7 +59412,7 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
       var partialChecked = isPartialChecked();
       var checkboxIconProps = mergeProps({
         className: cx('checkIcon')
-      }, getColumnPTOptions('rowCheckbox.icon'));
+      }, getColumnPTOptions(column, 'rowCheckbox.icon'));
       var icon = checked ? props.checkboxIcon || /*#__PURE__*/React.createElement(CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React.createElement(MinusIcon, null) : null;
       var checkIcon = IconUtils.getJSXIcon(icon, {}, {
         props: props,
@@ -59228,9 +59547,9 @@ var TreeTableRow = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
@@ -59546,9 +59865,9 @@ var TreeTableFooter = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
@@ -60104,9 +60423,9 @@ TreeTableScrollableView.displayName = 'TreeTableScrollableView';
 
 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.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -61460,7 +61779,7 @@ var TriStateCheckboxBase = ComponentBase.extend({
     tooltip: null,
     tooltipOptions: null,
     uncheckIcon: null,
-    value: '',
+    value: null,
     children: undefined
   },
   css: {
@@ -61474,7 +61793,7 @@ var TriStateCheckbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(fun
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = TriStateCheckboxBase.getProps(inProps, context);
-  var _useState = useState(''),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     checkBoxValue = _useState2[0],
     setCheckBoxValue = _useState2[1];
@@ -61489,10 +61808,10 @@ var TriStateCheckbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(fun
     name: 'tristatecheckbox'
   });
   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) {
@@ -61500,12 +61819,12 @@ var TriStateCheckbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(fun
       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({