primereact 10.1.1 → 10.2.0

package/primereact.all.cjs.js

@@ -3318,7 +3318,6 @@ var useEventListener = function useEventListener(_ref) {
     when = _ref$when === void 0 ? true : _ref$when;
   var targetRef = React__namespace.useRef(null);
   var listenerRef = React__namespace.useRef(null);
-  var prevListener = usePrevious(listener);
   var prevOptions = usePrevious(options);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -3348,12 +3347,11 @@ var useEventListener = function useEventListener(_ref) {
     }
   }, [target, when]);
   React__namespace.useEffect(function () {
-    // to properly compare functions we can implicitly converting the function to it's body's text as a String
-    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
+    if (listenerRef.current && (listenerRef.current !== listener || prevOptions !== options)) {
       unbind();
       when && bind();
     }
-  }, [listener, options, when]);
+  }, [listener, options]);
   useUnmountEffect(function () {
     unbind();
   });
@@ -4216,96 +4214,8 @@ var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
   return [ref, callback];
 };
 
-var CSSTransitionBase = {
-  defaultProps: {
-    __TYPE: 'CSSTransition',
-    children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, CSSTransitionBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, CSSTransitionBase.defaultProps);
-  }
-};
-
 function ownKeys$1M(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$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = CSSTransitionBase.getProps(inProps);
-  var context = React__namespace.useContext(PrimeReactContext);
-  var disabled = props.disabled || props.options && props.options.disabled || context && !context.cssTransition || !PrimeReact.cssTransition;
-  var onEnter = function onEnter(node, isAppearing) {
-    props.onEnter && props.onEnter(node, isAppearing); // component
-    props.options && props.options.onEnter && props.options.onEnter(node, isAppearing); // user option
-  };
-
-  var onEntering = function onEntering(node, isAppearing) {
-    props.onEntering && props.onEntering(node, isAppearing); // component
-    props.options && props.options.onEntering && props.options.onEntering(node, isAppearing); // user option
-  };
-
-  var onEntered = function onEntered(node, isAppearing) {
-    props.onEntered && props.onEntered(node, isAppearing); // component
-    props.options && props.options.onEntered && props.options.onEntered(node, isAppearing); // user option
-  };
-
-  var onExit = function onExit(node) {
-    props.onExit && props.onExit(node); // component
-    props.options && props.options.onExit && props.options.onExit(node); // user option
-  };
-
-  var onExiting = function onExiting(node) {
-    props.onExiting && props.onExiting(node); // component
-    props.options && props.options.onExiting && props.options.onExiting(node); // user option
-  };
-
-  var onExited = function onExited(node) {
-    props.onExited && props.onExited(node); // component
-    props.options && props.options.onExited && props.options.onExited(node); // user option
-  };
-
-  useUpdateEffect(function () {
-    if (disabled) {
-      // no animation
-      var node = ObjectUtils.getRefElement(props.nodeRef);
-      if (props["in"]) {
-        onEnter(node, true);
-        onEntering(node, true);
-        onEntered(node, true);
-      } else {
-        onExit(node);
-        onExiting(node);
-        onExited(node);
-      }
-    }
-  }, [props["in"]]);
-  if (disabled) {
-    return props["in"] ? props.children : null;
-  } else {
-    var immutableProps = {
-      nodeRef: props.nodeRef,
-      "in": props["in"],
-      onEnter: onEnter,
-      onEntering: onEntering,
-      onEntered: onEntered,
-      onExit: onExit,
-      onExiting: onExiting,
-      onExited: onExited
-    };
-    var mutableProps = {
-      classNames: props.classNames,
-      timeout: props.timeout,
-      unmountOnExit: props.unmountOnExit
-    };
-    var mergedProps = _objectSpread$1M(_objectSpread$1M(_objectSpread$1M({}, mutableProps), props.options || {}), immutableProps);
-    return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
-  }
-});
-CSSTransition.displayName = 'CSSTransition';
-
-function ownKeys$1L(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$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
 var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
 var checkboxStyles = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: auto;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
@@ -4329,7 +4239,7 @@ var ComponentBase = {
   extend: function extend() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var css = props.css;
-    var defaultProps = _objectSpread$1L(_objectSpread$1L({}, props.defaultProps), ComponentBase.defaultProps);
+    var defaultProps = _objectSpread$1M(_objectSpread$1M({}, props.defaultProps), ComponentBase.defaultProps);
     var inlineStyles = {};
     var getProps = function getProps(props) {
       var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -4377,8 +4287,8 @@ var ComponentBase = {
       };
       var globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, key, params) : _useDefaultPT(getPTClassValue, key, params) : undefined;
       var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, key, params);
-      var datasetProps = !isTransition && _objectSpread$1L(_objectSpread$1L({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
-      return mergeSections || !mergeSections && self ? useMergeProps ? mergeProps(globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1L(_objectSpread$1L(_objectSpread$1L({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1L(_objectSpread$1L({}, self), Object.keys(datasetProps).length ? datasetProps : {});
+      var datasetProps = !isTransition && _objectSpread$1M(_objectSpread$1M({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? ObjectUtils.toFlatCase(params.props.__TYPE) : componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), fkey));
+      return mergeSections || !mergeSections && self ? useMergeProps ? mergeProps(globalPT, self, Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1M(_objectSpread$1M(_objectSpread$1M({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread$1M(_objectSpread$1M({}, self), Object.keys(datasetProps).length ? datasetProps : {});
     };
     var setMetaData = function setMetaData() {
       var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4387,7 +4297,7 @@ var ComponentBase = {
       var ptm = function ptm() {
         var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return getPTValue((props || {}).pt, key, _objectSpread$1L(_objectSpread$1L({}, metadata), params));
+        return getPTValue((props || {}).pt, key, _objectSpread$1M(_objectSpread$1M({}, metadata), params));
       };
       var ptmo = function ptmo() {
         var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4401,7 +4311,7 @@ var ComponentBase = {
       var cx = function cx() {
         var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1L({
+        return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread$1M({
           props: props,
           state: state
         }, params)) : undefined;
@@ -4411,11 +4321,11 @@ var ComponentBase = {
         var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
         if (when) {
-          var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$1L({
+          var self = getOptionValue(css && css.inlineStyles, key, _objectSpread$1M({
             props: props,
             state: state
           }, params));
-          var base = getOptionValue(inlineStyles, key, _objectSpread$1L({
+          var base = getOptionValue(inlineStyles, key, _objectSpread$1M({
             props: props,
             state: state
           }, params));
@@ -4431,7 +4341,7 @@ var ComponentBase = {
         isUnstyled: isUnstyled
       };
     };
-    return _objectSpread$1L(_objectSpread$1L({
+    return _objectSpread$1M(_objectSpread$1M({
       getProps: getProps,
       getOtherProps: getOtherProps,
       setMetaData: setMetaData
@@ -4480,7 +4390,7 @@ var _usePT = function _usePT(pt, callback, key, params) {
     var originalValue = fn(pt.originalValue);
     var value = fn(pt.value);
     if (originalValue === undefined && value === undefined) return undefined;else if (ObjectUtils.isString(value)) return value;else if (ObjectUtils.isString(originalValue)) return originalValue;
-    return mergeSections || !mergeSections && value ? useMergeProps ? mergeProps(originalValue, value) : _objectSpread$1L(_objectSpread$1L({}, originalValue), value) : value;
+    return mergeSections || !mergeSections && value ? useMergeProps ? mergeProps(originalValue, value) : _objectSpread$1M(_objectSpread$1M({}, originalValue), value) : value;
   }
   return fn(pt);
 };
@@ -4552,6 +4462,154 @@ var useHandleStyle = function useHandleStyle(styles) {
   });
 };
 
+var CSSTransitionBase = {
+  defaultProps: {
+    __TYPE: 'CSSTransition',
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, CSSTransitionBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, CSSTransitionBase.defaultProps);
+  }
+};
+
+function ownKeys$1L(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$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = CSSTransitionBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReactContext);
+  var disabled = props.disabled || props.options && props.options.disabled || context && !context.cssTransition || !PrimeReact.cssTransition;
+  var onEnter = function onEnter(node, isAppearing) {
+    props.onEnter && props.onEnter(node, isAppearing); // component
+    props.options && props.options.onEnter && props.options.onEnter(node, isAppearing); // user option
+  };
+
+  var onEntering = function onEntering(node, isAppearing) {
+    props.onEntering && props.onEntering(node, isAppearing); // component
+    props.options && props.options.onEntering && props.options.onEntering(node, isAppearing); // user option
+  };
+
+  var onEntered = function onEntered(node, isAppearing) {
+    props.onEntered && props.onEntered(node, isAppearing); // component
+    props.options && props.options.onEntered && props.options.onEntered(node, isAppearing); // user option
+  };
+
+  var onExit = function onExit(node) {
+    props.onExit && props.onExit(node); // component
+    props.options && props.options.onExit && props.options.onExit(node); // user option
+  };
+
+  var onExiting = function onExiting(node) {
+    props.onExiting && props.onExiting(node); // component
+    props.options && props.options.onExiting && props.options.onExiting(node); // user option
+  };
+
+  var onExited = function onExited(node) {
+    props.onExited && props.onExited(node); // component
+    props.options && props.options.onExited && props.options.onExited(node); // user option
+  };
+
+  useUpdateEffect(function () {
+    if (disabled) {
+      // no animation
+      var node = ObjectUtils.getRefElement(props.nodeRef);
+      if (props["in"]) {
+        onEnter(node, true);
+        onEntering(node, true);
+        onEntered(node, true);
+      } else {
+        onExit(node);
+        onExiting(node);
+        onExited(node);
+      }
+    }
+  }, [props["in"]]);
+  if (disabled) {
+    return props["in"] ? props.children : null;
+  } else {
+    var immutableProps = {
+      nodeRef: props.nodeRef,
+      "in": props["in"],
+      onEnter: onEnter,
+      onEntering: onEntering,
+      onEntered: onEntered,
+      onExit: onExit,
+      onExiting: onExiting,
+      onExited: onExited
+    };
+    var mutableProps = {
+      classNames: props.classNames,
+      timeout: props.timeout,
+      unmountOnExit: props.unmountOnExit
+    };
+    var mergedProps = _objectSpread$1L(_objectSpread$1L(_objectSpread$1L({}, mutableProps), props.options || {}), immutableProps);
+    return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
+  }
+});
+CSSTransition.displayName = 'CSSTransition';
+
+var IconBase = {
+  defaultProps: {
+    __TYPE: 'IconBase',
+    className: null,
+    label: null,
+    spin: false
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, IconBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, IconBase.defaultProps);
+  },
+  getPTI: function getPTI(props) {
+    var isLabelEmpty = ObjectUtils.isEmpty(props.label);
+    var otherProps = IconBase.getOtherProps(props);
+    var ptiProps = {
+      className: classNames('p-icon', {
+        'p-icon-spin': props.spin
+      }, props.className),
+      role: !isLabelEmpty ? 'img' : undefined,
+      'aria-label': !isLabelEmpty ? props.label : undefined,
+      'aria-hidden': isLabelEmpty
+    };
+    return ObjectUtils.getMergedProps(otherProps, ptiProps);
+  }
+};
+
+var ChevronDownIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var pti = IconBase.getPTI(inProps);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    ref: ref,
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, pti), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z",
+    fill: "currentColor"
+  }));
+}));
+ChevronDownIcon.displayName = 'ChevronDownIcon';
+
+var ChevronRightIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var pti = IconBase.getPTI(inProps);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    ref: ref,
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, pti), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M4.38708 13C4.28408 13.0005 4.18203 12.9804 4.08691 12.9409C3.99178 12.9014 3.9055 12.8433 3.83313 12.7701C3.68634 12.6231 3.60388 12.4238 3.60388 12.2161C3.60388 12.0084 3.68634 11.8091 3.83313 11.6622L8.50507 6.99022L3.83313 2.31827C3.69467 2.16968 3.61928 1.97313 3.62287 1.77005C3.62645 1.56698 3.70872 1.37322 3.85234 1.22959C3.99596 1.08597 4.18972 1.00371 4.3928 1.00012C4.59588 0.996539 4.79242 1.07192 4.94102 1.21039L10.1669 6.43628C10.3137 6.58325 10.3962 6.78249 10.3962 6.99022C10.3962 7.19795 10.3137 7.39718 10.1669 7.54416L4.94102 12.7701C4.86865 12.8433 4.78237 12.9014 4.68724 12.9409C4.59212 12.9804 4.49007 13.0005 4.38708 13Z",
+    fill: "currentColor"
+  }));
+}));
+ChevronRightIcon.displayName = 'ChevronRightIcon';
+
 var classes$1c = {
   root: 'p-accordion p-component',
   tab: {
@@ -4626,66 +4684,6 @@ var AccordionTabBase = ComponentBase.extend({
   }
 });
 
-var IconBase = {
-  defaultProps: {
-    __TYPE: 'IconBase',
-    className: null,
-    label: null,
-    spin: false
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, IconBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, IconBase.defaultProps);
-  },
-  getPTI: function getPTI(props) {
-    var isLabelEmpty = ObjectUtils.isEmpty(props.label);
-    var otherProps = IconBase.getOtherProps(props);
-    var ptiProps = {
-      className: classNames('p-icon', {
-        'p-icon-spin': props.spin
-      }, props.className),
-      role: !isLabelEmpty ? 'img' : undefined,
-      'aria-label': !isLabelEmpty ? props.label : undefined,
-      'aria-hidden': isLabelEmpty
-    };
-    return ObjectUtils.getMergedProps(otherProps, ptiProps);
-  }
-};
-
-var ChevronRightIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var pti = IconBase.getPTI(inProps);
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    ref: ref,
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M4.38708 13C4.28408 13.0005 4.18203 12.9804 4.08691 12.9409C3.99178 12.9014 3.9055 12.8433 3.83313 12.7701C3.68634 12.6231 3.60388 12.4238 3.60388 12.2161C3.60388 12.0084 3.68634 11.8091 3.83313 11.6622L8.50507 6.99022L3.83313 2.31827C3.69467 2.16968 3.61928 1.97313 3.62287 1.77005C3.62645 1.56698 3.70872 1.37322 3.85234 1.22959C3.99596 1.08597 4.18972 1.00371 4.3928 1.00012C4.59588 0.996539 4.79242 1.07192 4.94102 1.21039L10.1669 6.43628C10.3137 6.58325 10.3962 6.78249 10.3962 6.99022C10.3962 7.19795 10.3137 7.39718 10.1669 7.54416L4.94102 12.7701C4.86865 12.8433 4.78237 12.9014 4.68724 12.9409C4.59212 12.9804 4.49007 13.0005 4.38708 13Z",
-    fill: "currentColor"
-  }));
-}));
-ChevronRightIcon.displayName = 'ChevronRightIcon';
-
-var ChevronDownIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var pti = IconBase.getPTI(inProps);
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    ref: ref,
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, pti), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z",
-    fill: "currentColor"
-  }));
-}));
-ChevronDownIcon.displayName = 'ChevronDownIcon';
-
 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; }
 var AccordionTab = function AccordionTab() {};
@@ -4797,7 +4795,8 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     var headerTitleProps = mergeProps({
       className: cx('tab.headertitle')
     }, getTabPT(tab, 'headertitle', index));
-    var header = getTabProp(tab, 'headerTemplate') ? ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
+    var tabCProps = AccordionTabBase.getCProps(tab);
+    var header = getTabProp(tab, 'headerTemplate') ? ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), tabCProps) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, ObjectUtils.getJSXElement(getTabProp(tab, 'header'), tabCProps));
     var headerIconProps = mergeProps({
       className: cx('tab.headericon')
     }, getTabPT(tab, 'headericon', index));
@@ -4816,7 +4815,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       style: style,
       'data-p-highlight': selected,
       'data-p-disabled': getTabProp(tab, 'disabled')
-    }, getTabPT(tab, 'header', index));
+    }, getTabPT(tab, 'tab.header', index));
     var headerActionProps = mergeProps({
       id: headerId,
       href: '#' + ariaControls,
@@ -6299,8 +6298,9 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     }
   });
   var rootProps = mergeProps({
+    'aria-hidden': true,
     className: classNames(cx('root'))
-  }, ptm('root'));
+  }, RippleBase.getOtherProps(props), ptm('root'));
   return context && context.ripple || PrimeReact.ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
     role: "presentation",
     ref: inkRef
@@ -9412,7 +9412,8 @@ var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     id: props.id,
     ref: elementRef,
     style: props.containerStyle,
-    className: cx('root')
+    className: cx('root'),
+    'aria-busy': props.blocked
   }, BlockUIBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement("div", rootProps, props.children, mask);
 });
@@ -10645,7 +10646,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
       value.setFullYear(viewYear);
     }
-    if (props.monthNavigator && props.view !== 'month') {
+    if (renderMonthsNavigator(0)) {
       var viewMonth = value.getMonth();
       var viewMonthWithMinMax = parseInt(isInMinYear(value) && Math.max(props.minDate.getMonth(), viewMonth).toString() || isInMaxYear(value) && Math.min(props.maxDate.getMonth(), viewMonth).toString() || viewMonth);
       value.setMonth(viewMonthWithMinMax);
@@ -12252,9 +12253,12 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       ref: nextButton
     }, nextButtonProps), forwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   };
-  var createTitleMonthElement = function createTitleMonthElement(month) {
+  var renderMonthsNavigator = function renderMonthsNavigator(index) {
+    return props.monthNavigator && props.view !== 'month' && (props.numberOfMonths === 1 || index === 0);
+  };
+  var createTitleMonthElement = function createTitleMonthElement(month, monthIndex) {
     var monthNames = localeOption('monthNames', props.locale);
-    if (props.monthNavigator && props.view !== 'month') {
+    if (renderMonthsNavigator(monthIndex)) {
       var viewDate = getViewDate();
       var viewMonth = viewDate.getMonth();
       var displayedMonthOptions = monthNames.map(function (month, index) {
@@ -12376,8 +12380,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
     return null;
   };
-  var createTitle = function createTitle(monthMetaData) {
-    var month = createTitleMonthElement(monthMetaData.month);
+  var createTitle = function createTitle(monthMetaData, index) {
+    var month = createTitleMonthElement(monthMetaData.month, index);
     var year = createTitleYearElement(monthMetaData.year);
     var decade = createTitleDecadeElement();
     var titleProps = mergeProps({
@@ -12507,7 +12511,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var weekDays = createWeekDaysMeta();
     var backwardNavigator = createBackwardNavigator(index === 0);
     var forwardNavigator = createForwardNavigator(props.numberOfMonths === 1 || index === props.numberOfMonths - 1);
-    var title = createTitle(monthMetaData);
+    var title = createTitle(monthMetaData, index);
     var dateViewGrid = createDateViewGrid(monthMetaData, weekDays, index);
     var header = props.headerTemplate ? props.headerTemplate() : null;
     var monthKey = monthMetaData.month + '-' + monthMetaData.year;
@@ -14109,6 +14113,9 @@ var CascadeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
     bindOverlayListener = _useOverlayListener2[0],
     unbindOverlayListener = _useOverlayListener2[1];
+  useOnEscapeKey(overlayRef, overlayVisibleState, function () {
+    return hide();
+  });
   var onOptionSelect = function onOptionSelect(event) {
     if (props.onChange) {
       props.onChange({
@@ -14875,8 +14882,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     name: 'chip'
   });
   var onKeyDown = function onKeyDown(event) {
-    if (event.keyCode === 13) {
-      // enter
+    if (event.key === 'Enter' || event.key === 'Backspace') {
       close(event);
     }
   };
@@ -14892,6 +14898,7 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       key: 'removeIcon',
       tabIndex: 0,
       className: cx('removeIcon'),
+      role: 'button',
       onClick: close,
       onKeyDown: onKeyDown
     }, ptm('removeIcon'));
@@ -14933,7 +14940,8 @@ var Chip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     var rootProps = mergeProps({
       ref: elementRef,
       style: props.style,
-      className: classNames(props.className, cx('root'))
+      className: classNames(props.className, cx('root')),
+      'aria-label': props.label
     }, ChipBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement("div", rootProps, content);
   };
@@ -15218,7 +15226,8 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       className: cx('removeTokenIcon'),
       onClick: function onClick(event) {
         return removeItem(event, index);
-      }
+      },
+      'aria-hidden': 'true'
     }, ptm('removeTokenIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React__namespace.createElement(TimesCircleIcon, iconProps);
     var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, iconProps), {
@@ -22091,7 +22100,10 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       type: 'click',
       listener: function listener(e) {
         if (!selfClick.current && isOutsideClicked(e.target)) {
-          switchCellToViewMode(e, true);
+          // #2666 for overlay components and outside is clicked
+          setTimeout(function () {
+            switchCellToViewMode(e, true);
+          }, 0);
         }
         selfClick.current = false;
       },
@@ -29453,7 +29465,10 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     var rootProps = mergeProps({
       className: classNames(props.className, cx('root')),
       style: props.style,
-      role: 'progressbar'
+      role: 'progressbar',
+      'aria-valuemin': '0',
+      'aria-valuenow': props.value,
+      'aria-valuemax': '100'
     }, ProgressBarBase.getOtherProps(props), ptm('root'));
     var containerProps = mergeProps({
       className: cx('container')
@@ -31742,7 +31757,7 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }
   };
   var onDisplayKeyDown = function onDisplayKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.code === 'Enter' || event.code === 'Space') {
       open(event);
       event.preventDefault();
     }
@@ -31752,7 +31767,8 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       onClick: open,
       className: cx('display'),
       onKeyDown: onDisplayKeyDown,
-      tabIndex: props.tabIndex,
+      tabIndex: props.tabIndex || '0',
+      role: 'button',
       'aria-label': props.ariaLabel
     }, ptm('display'));
     return /*#__PURE__*/React__namespace.createElement("div", displayProps, content);
@@ -31762,14 +31778,14 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var closeIcon = IconUtils.getJSXIcon(icon, undefined, {
       props: props
     });
-    var ariaLabel = localeOption('close');
+    var closeAriaLabel = localeOption('aria') ? localeOption('aria').close : undefined;
     if (props.closable) {
       var closeButtonProps = mergeProps({
         className: cx('closeButton'),
         icon: closeIcon,
         type: 'button',
         onClick: close,
-        'aria-label': ariaLabel,
+        'aria-label': closeAriaLabel,
         pt: ptm('closeButton'),
         __parentMetadata: {
           parent: metaData
@@ -31807,7 +31823,8 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var children = createChildren();
   var rootProps = mergeProps({
     ref: elementRef,
-    className: classNames(props.className, cx('root'))
+    className: classNames(props.className, cx('root')),
+    'aria-live': 'polite'
   }, InplaceBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement("div", rootProps, children);
 });
@@ -34351,13 +34368,15 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     props.onHide && props.onHide();
   };
   var alignOverlay = function alignOverlay() {
-    var key = triggerState.key,
-      index = triggerState.index;
-    var value = inputRef.current.value;
-    var position = DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
-    overlayRef.current.style.transformOrigin = 'top';
-    overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
-    overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+    if (triggerState) {
+      var key = triggerState.key,
+        index = triggerState.index;
+      var value = inputRef.current.value;
+      var position = DomHandler.getCursorOffset(inputRef.current, value.substring(0, index - 1), value.substring(index), key);
+      overlayRef.current.style.transformOrigin = 'top';
+      overlayRef.current.style.left = "calc(".concat(position.left, "px + 1rem)");
+      overlayRef.current.style.top = "calc(".concat(position.top, "px + 1.2rem)");
+    }
   };
   var onPanelClick = function onPanelClick(event) {
     OverlayService.emit('overlay-click', {
@@ -34578,9 +34597,6 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   React__namespace.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
-  useMountEffect(function () {
-    alignOverlay();
-  });
   useUpdateEffect(function () {
     if (searchingState) {
       props.suggestions && props.suggestions.length ? show() : hide();
@@ -35732,6 +35748,7 @@ var MultiSelectBase = ComponentBase.extend({
     disabled: false,
     display: 'comma',
     dropdownIcon: null,
+    emptyMessage: null,
     emptyFilterMessage: null,
     filter: false,
     filterBy: null,
@@ -38796,7 +38813,7 @@ var classes$q = {
     var active = _ref3.active,
       item = _ref3.item;
     return classNames('p-component p-panelmenu-header', {
-      'p-highlight': active,
+      'p-highlight': active && !!item.items,
       'p-disabled': item.disabled
     });
   },
@@ -39717,7 +39734,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     ref: inputRef,
     id: props.inputId
   }, inputProps), {}, {
-    className: cx('input'),
+    className: classNames(props.inputClassName, cx('input')),
     onBlur: onBlur,
     onFocus: onFocus,
     onInput: onInput,
@@ -40787,9 +40804,9 @@ var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     ref: elementRef,
     style: props.style,
     className: classNames(props.className, cx('root')),
-    role: 'alert',
+    role: 'progressbar',
     'aria-busy': true
-  }, ptm('root'));
+  }, ProgressSpinnerBase.getOtherProps(props), ptm('root'));
   var spinnerProps = mergeProps({
     className: cx('spinner'),
     viewBox: '25 25 50 50',
@@ -41556,12 +41573,14 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var scrollIcon = IconUtils.getJSXIcon(icon, _objectSpread$t({}, iconProps), {
     props: props
   });
+  var scrollTopAriaLabel = localeOption('aria') ? localeOption('aria').scrollTop : undefined;
   var rootProps = mergeProps({
     ref: scrollElementRef,
     type: 'button',
     className: classNames(props.className, cx('root')),
     style: props.style,
-    onClick: onClick
+    onClick: onClick,
+    'aria-label': scrollTopAriaLabel
   }, ScrollTopBase.getOtherProps(props), ptm('root'));
   var transitionProps = mergeProps({
     classNames: cx('transition'),
@@ -42206,7 +42225,8 @@ var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var rootProps = mergeProps({
     ref: elementRef,
     className: classNames(props.className, cx('root')),
-    style: _objectSpread$r(_objectSpread$r({}, style), sx('root'))
+    style: _objectSpread$r(_objectSpread$r({}, style), sx('root')),
+    'aria-hidden': true
   }, SkeletonBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement("div", rootProps);
 }));
@@ -42745,7 +42765,7 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var initY = React__namespace.useRef(0);
   var barWidth = React__namespace.useRef(0);
   var barHeight = React__namespace.useRef(0);
-  var value = props.range ? props.value || [props.min, props.max] : props.value || 0;
+  var value = props.range ? props.value || [props.min, props.max] : props.value || props.min || 0;
   var horizontal = props.orientation === 'horizontal';
   var vertical = props.orientation === 'vertical';
   var _useEventListener = useEventListener({
@@ -43143,6 +43163,9 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     _useEventListener2 = _slicedToArray(_useEventListener, 2),
     bindDocumentClickListener = _useEventListener2[0],
     unbindDocumentClickListener = _useEventListener2[1];
+  useOnEscapeKey(elementRef, visible, function () {
+    return hide();
+  });
   var show = function show() {
     props.onVisibleChange ? props.onVisibleChange(true) : setVisibleState(true);
     props.onShow && props.onShow();
@@ -43658,6 +43681,9 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   useHandleStyle(SplitButtonBase.css.styles, isUnstyled, {
     name: 'splitbutton'
   });
+  useOnEscapeKey(overlayRef, overlayVisibleState, function () {
+    return hide();
+  });
   var _useOverlayListener = useOverlayListener({
       target: elementRef,
       overlay: overlayRef,
@@ -45493,11 +45519,9 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var onInputChange = function onInputChange(e) {
     setCommandTextState(e.target.value);
   };
-  var onInputKeyDown = function onInputKeyDown(e) {
-    var code = e.which || e.keyCode;
-    switch (code) {
-      //up
-      case 38:
+  var onKeyDown = function onKeyDown(event) {
+    switch (event.code) {
+      case 'ArrowUp':
         if (commandsState && commandsState.length) {
           var prevIndex = indexState - 1 < 0 ? commandsState.length - 1 : indexState - 1;
           var command = commandsState[prevIndex];
@@ -45505,9 +45529,7 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           setCommandTextState(command.text);
         }
         break;
-
-      //enter
-      case 13:
+      case 'Enter':
         if (!!commandTextState) {
           var newCommands = _toConsumableArray(commandsState);
           newCommands.push({
@@ -45579,7 +45601,8 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       className: cx('command')
     }, ptm('command'));
     var responseProps = mergeProps({
-      className: cx('response')
+      className: cx('response'),
+      'aria-live': 'polite'
     }, ptm('response'));
     return /*#__PURE__*/React__namespace.createElement("div", commandsProps, /*#__PURE__*/React__namespace.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("span", commandProps, text), /*#__PURE__*/React__namespace.createElement("div", responseProps, response));
   };
@@ -45603,9 +45626,7 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       onChange: function onChange(e) {
         return onInputChange(e);
       },
-      onKeyDown: function onKeyDown(e) {
-        return onInputKeyDown(e);
-      }
+      onKeyDown: onKeyDown
     }, ptm('commandText'));
     return /*#__PURE__*/React__namespace.createElement("div", containerProps, /*#__PURE__*/React__namespace.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("input", commandTextProps));
   };
@@ -47632,40 +47653,43 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
         return /*#__PURE__*/React__namespace.createElement(UITreeNode, {
           key: childNode.key || childNode.label,
           node: childNode,
-          originalOptions: props.originalOptions,
-          parent: props.node,
+          checkboxIcon: props.checkboxIcon,
+          collapseIcon: props.collapseIcon,
+          contextMenuSelectionKey: props.contextMenuSelectionKey,
+          cx: cx,
+          disabled: props.disabled,
+          dragdropScope: props.dragdropScope,
+          expandIcon: props.expandIcon,
+          expandedKeys: props.expandedKeys,
           index: index,
+          isNodeLeaf: props.isNodeLeaf,
           last: index === props.node.children.length - 1,
-          path: props.path + '-' + index,
-          disabled: props.disabled,
-          selectionMode: props.selectionMode,
-          selectionKeys: props.selectionKeys,
-          onSelectionChange: props.onSelectionChange,
           metaKeySelection: props.metaKeySelection,
-          propagateSelectionDown: props.propagateSelectionDown,
-          propagateSelectionUp: props.propagateSelectionUp,
-          contextMenuSelectionKey: props.contextMenuSelectionKey,
-          onContextMenuSelectionChange: props.onContextMenuSelectionChange,
-          onContextMenu: props.onContextMenu,
-          onExpand: props.onExpand,
-          onCollapse: props.onCollapse,
-          onSelect: props.onSelect,
-          onUnselect: props.onUnselect,
+          nodeTemplate: props.nodeTemplate,
           onClick: props.onClick,
+          onCollapse: props.onCollapse,
+          onContextMenu: props.onContextMenu,
+          onContextMenuSelectionChange: props.onContextMenuSelectionChange,
           onDoubleClick: props.onDoubleClick,
-          expandedKeys: props.expandedKeys,
-          onToggle: props.onToggle,
-          onPropagateUp: propagateUp,
-          nodeTemplate: props.nodeTemplate,
-          togglerTemplate: props.togglerTemplate,
-          isNodeLeaf: props.isNodeLeaf,
-          dragdropScope: props.dragdropScope,
-          onDragStart: props.onDragStart,
           onDragEnd: props.onDragEnd,
+          onDragStart: props.onDragStart,
           onDrop: props.onDrop,
           onDropPoint: props.onDropPoint,
+          onExpand: props.onExpand,
+          onPropagateUp: propagateUp,
+          onSelect: props.onSelect,
+          onSelectionChange: props.onSelectionChange,
+          onToggle: props.onToggle,
+          onUnselect: props.onUnselect,
+          originalOptions: props.originalOptions,
+          parent: props.node,
+          path: props.path + '-' + index,
+          propagateSelectionDown: props.propagateSelectionDown,
+          propagateSelectionUp: props.propagateSelectionUp,
           ptm: ptm,
-          cx: cx
+          selectionKeys: props.selectionKeys,
+          selectionMode: props.selectionMode,
+          togglerTemplate: props.togglerTemplate
         });
       }));
     }
@@ -48025,41 +48049,41 @@ var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
       hostName: "Tree",
       key: node.key || node.label,
       node: node,
-      originalOptions: props.value,
-      index: index,
-      last: last,
-      path: String(index),
       checkboxIcon: props.checkboxIcon,
-      expandIcon: props.expandIcon,
       collapseIcon: props.collapseIcon,
-      disabled: props.disabled,
-      selectionMode: props.selectionMode,
-      selectionKeys: props.selectionKeys,
-      onSelectionChange: props.onSelectionChange,
-      metaKeySelection: props.metaKeySelection,
       contextMenuSelectionKey: props.contextMenuSelectionKey,
-      onContextMenuSelectionChange: props.onContextMenuSelectionChange,
-      onContextMenu: props.onContextMenu,
-      propagateSelectionDown: props.propagateSelectionDown,
-      propagateSelectionUp: props.propagateSelectionUp,
-      onExpand: props.onExpand,
-      onCollapse: props.onCollapse,
-      onSelect: props.onSelect,
-      onUnselect: props.onUnselect,
+      cx: cx,
+      disabled: props.disabled,
+      dragdropScope: props.dragdropScope,
+      expandIcon: props.expandIcon,
       expandedKeys: expandedKeys,
-      onToggle: onToggle,
-      nodeTemplate: props.nodeTemplate,
-      togglerTemplate: props.togglerTemplate,
+      index: index,
       isNodeLeaf: isNodeLeaf,
-      dragdropScope: props.dragdropScope,
-      onDragStart: onDragStart,
+      last: last,
+      metaKeySelection: props.metaKeySelection,
+      nodeTemplate: props.nodeTemplate,
+      onClick: props.onNodeClick,
+      onCollapse: props.onCollapse,
+      onContextMenu: props.onContextMenu,
+      onContextMenuSelectionChange: props.onContextMenuSelectionChange,
+      onDoubleClick: props.onNodeDoubleClick,
       onDragEnd: onDragEnd,
+      onDragStart: onDragStart,
       onDrop: onDrop,
       onDropPoint: onDropPoint,
-      onClick: props.onNodeClick,
-      onDoubleClick: props.onNodeDoubleClick,
+      onExpand: props.onExpand,
+      onSelect: props.onSelect,
+      onSelectionChange: props.onSelectionChange,
+      onToggle: onToggle,
+      onUnselect: props.onUnselect,
+      originalOptions: props.value,
+      path: String(index),
+      propagateSelectionDown: props.propagateSelectionDown,
+      propagateSelectionUp: props.propagateSelectionUp,
       ptm: ptm,
-      cx: cx
+      selectionKeys: props.selectionKeys,
+      selectionMode: props.selectionMode,
+      togglerTemplate: props.togglerTemplate
     });
   };
   var createRootChildren = function createRootChildren() {
@@ -48995,7 +49019,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 }));
 TreeSelect.displayName = 'TreeSelect';
 
-var styles = "\n@layer primereact {\n    .p-treetable {\n        position: relative;\n    }\n    \n    .p-treetable > .p-treetable-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treetable table {\n        border-collapse: collapse;\n        width: 100%;\n        table-layout: fixed;\n    }\n    \n    .p-treetable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-treetable-selectable .p-treetable-tbody > tr {\n        cursor: pointer;\n    }\n    \n    .p-treetable-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        vertical-align: middle;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-treetable-toggler + .p-checkbox {\n        vertical-align: middle;\n    }\n    \n    .p-treetable-toggler + .p-checkbox + span {\n        vertical-align: middle;\n    }\n    \n    /* Resizable */\n    .p-treetable-resizable > .p-treetable-wrapper {\n        overflow-x: auto;\n    }\n    \n    .p-treetable-resizable .p-treetable-thead > tr > th,\n    .p-treetable-resizable .p-treetable-tfoot > tr > td,\n    .p-treetable-resizable .p-treetable-tbody > tr > td {\n        overflow: hidden;\n    }\n    \n    .p-treetable-resizable .p-resizable-column {\n        background-clip: padding-box;\n        position: relative;\n    }\n    \n    .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n    \n    .p-treetable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n    \n    .p-treetable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n    \n    /* Scrollable */\n    .p-treetable-scrollable-wrapper {\n        position: relative;\n    }\n    .p-treetable-scrollable-header,\n    .p-treetable-scrollable-footer {\n        overflow: hidden;\n        border: 0 none;\n    }\n    \n    .p-treetable-scrollable-body {\n        overflow: auto;\n        position: relative;\n    }\n    \n    .p-treetable-virtual-table {\n        position: absolute;\n    }\n    \n    /* Frozen Columns */\n    .p-treetable-frozen-view .p-treetable-scrollable-body {\n        overflow: hidden;\n    }\n    \n    .p-treetable-unfrozen-view {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Reorder */\n    .p-treetable-reorder-indicator-up,\n    .p-treetable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n    \n    /* Loader */\n    .p-treetable .p-treetable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n}\n";
+var styles = "\n@layer primereact {\n    .p-treetable {\n        position: relative;\n    }\n    \n    .p-treetable > .p-treetable-wrapper {\n        overflow: auto;\n    }\n    \n    .p-treetable table {\n        border-collapse: collapse;\n        width: 100%;\n        table-layout: fixed;\n    }\n    \n    .p-treetable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-treetable-selectable .p-treetable-tbody > tr {\n        cursor: pointer;\n    }\n    \n    .p-treetable-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        vertical-align: middle;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-treetable-toggler + .p-checkbox {\n        vertical-align: middle;\n    }\n    \n    .p-treetable-toggler + .p-checkbox + span {\n        vertical-align: middle;\n    }\n    \n    /* Resizable */\n    .p-treetable-resizable > .p-treetable-wrapper {\n        overflow-x: auto;\n    }\n    \n    .p-treetable-resizable .p-treetable-thead > tr > th,\n    .p-treetable-resizable .p-treetable-tfoot > tr > td,\n    .p-treetable-resizable .p-treetable-tbody > tr > td {\n        overflow: hidden;\n    }\n    \n    .p-treetable-resizable .p-resizable-column {\n        background-clip: padding-box;\n        position: relative;\n    }\n    \n    .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n    \n    .p-treetable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n    \n    .p-treetable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n    \n    /* Scrollable */\n    .p-treetable-scrollable-wrapper {\n        position: relative;\n    }\n    .p-treetable-scrollable-header,\n    .p-treetable-scrollable-footer {\n        overflow: hidden;\n        border: 0 none;\n    }\n    \n    .p-treetable-scrollable-body {\n        overflow: auto;\n        position: relative;\n    }\n    \n    .p-treetable-virtual-table {\n        position: absolute;\n    }\n    \n    /* Frozen Columns */\n    .p-treetable-frozen-view .p-treetable-scrollable-body {\n        overflow: hidden;\n    }\n    \n    .p-treetable-unfrozen-view {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Reorder */\n    .p-treetable-reorder-indicator-up,\n    .p-treetable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n    \n    /* Loader */\n    .p-treetable .p-treetable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Alignment */\n    .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-treetable .p-treetable-tbody > tr > td.p-align-left,\n    .p-treetable .p-treetable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n\n    .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-treetable .p-treetable-tbody > tr > td.p-align-right,\n    .p-treetable .p-treetable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n\n    .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-treetable .p-treetable-tbody > tr > td.p-align-center,\n    .p-treetable .p-treetable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
 var classes$1 = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -49015,8 +49039,8 @@ var classes$1 = {
   header: 'p-treetable-header',
   footer: 'p-treetable-footer',
   resizeHelper: 'p-column-resizer-helper',
-  reorderIndicatorUp: 'p-datatable-reorder-indicator-up',
-  reorderIndicatorDown: 'p-datatable-reorder-indicator-down',
+  reorderIndicatorUp: 'p-treetable-reorder-indicator-up',
+  reorderIndicatorDown: 'p-treetable-reorder-indicator-down',
   wrapper: 'p-treetable-wrapper',
   table: function table(_ref2) {
     var props = _ref2.props;
@@ -49041,22 +49065,24 @@ var classes$1 = {
   },
   sortBadge: 'p-sortable-column-badge',
   headerTitle: 'p-column-title',
+  headerContent: 'p-column-header-content',
   headerCell: function headerCell(_ref4) {
     var props = _ref4.headerProps,
       frozen = _ref4.frozen,
       column = _ref4.column,
       options = _ref4.options,
       getColumnProp = _ref4.getColumnProp,
-      sorted = _ref4.sorted;
+      sorted = _ref4.sorted,
+      align = _ref4.align;
     return options.filterOnly ? classNames('p-filter-column', {
       'p-frozen-column': frozen
-    }) : classNames({
+    }) : classNames(_defineProperty({
       'p-sortable-column': getColumnProp(column, 'sortable'),
       'p-highlight': sorted,
       'p-frozen-column': frozen,
       'p-resizable-column': props.resizableColumns && getColumnProp(column, 'resizeable'),
       'p-reorderable-column': props.reorderableColumns && getColumnProp(column, 'reorderable') && !frozen
-    });
+    }, "p-align-".concat(align), !!align));
   },
   columnResizer: 'p-column-resizer p-clickable',
   sortIcon: 'p-sortable-column-icon',
@@ -49158,9 +49184,9 @@ var TreeTableBase = ComponentBase.extend({
     propagateSelectionDown: true,
     propagateSelectionUp: true,
     removableSort: false,
-    reorderableColumns: false,
     reorderIndicatorDownIcon: null,
     reorderIndicatorUpIcon: null,
+    reorderableColumns: false,
     resizableColumns: false,
     rowClassName: null,
     rowHover: false,
@@ -49173,8 +49199,8 @@ var TreeTableBase = ComponentBase.extend({
     selectionMode: null,
     showGridlines: false,
     sortField: null,
-    sortMode: 'single',
     sortIcon: null,
+    sortMode: 'single',
     sortOrder: null,
     stripedRows: false,
     style: null,
@@ -49730,7 +49756,10 @@ var TreeTableRow = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var isSelected = function isSelected() {
-    if ((props.selectionMode === 'single' || props.selectionMode === 'multiple') && props.selectionKeys) return props.selectionMode === 'single' ? props.selectionKeys === props.node.key : props.selectionKeys[props.node.key] !== undefined;else return false;
+    if (props.selectionMode === 'single' || (props.selectionMode === 'multiple' || props.selectionMode === 'checkbox') && props.selectionKeys) {
+      return props.selectionMode === 'single' ? props.selectionKeys === props.node.key : props.selectionKeys[props.node.key] !== undefined;
+    }
+    return false;
   };
   var isChecked = function isChecked() {
     return props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].checked : false;
@@ -49829,6 +49858,9 @@ var TreeTableRow = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var createCell = function createCell(column, index) {
     var toggler, checkbox;
+    if (getColumnProp(column, 'hidden')) {
+      return null;
+    }
     if (getColumnProp(column, 'expander')) {
       toggler = createToggler(column);
       checkbox = createCheckbox(column);
@@ -50439,6 +50471,9 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var createHeaderCell = function createHeaderCell(column, options) {
     var filterElement;
+    if (getColumnProp(column, 'hidden')) {
+      return null;
+    }
     if (getColumnProp(column, 'filter') && options.renderFilter) {
       filterElement = getColumnProp(column, 'filterElement') || /*#__PURE__*/React__namespace.createElement(InputText, {
         onInput: function onInput(e) {
@@ -50484,6 +50519,7 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
       var multipleSorted = multiSortMetaData !== null;
       var sorted = getColumnProp(column, 'sortable') && (singleSorted || multipleSorted);
       var _frozen = getColumnProp(column, 'frozen');
+      var align = getColumnProp(column, 'alignHeader') || getColumnProp(column, 'align');
       var sortOrder = 0;
       if (singleSorted) sortOrder = props.sortOrder;else if (multipleSorted) sortOrder = multiSortMetaData.order;
       var sortIconElement = createSortIcon(column, sorted, sortOrder);
@@ -50500,7 +50536,8 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
           column: column,
           options: options,
           getColumnProp: getColumnProp,
-          sorted: sorted
+          sorted: sorted,
+          align: align
         })),
         style: getColumnProp(column, 'headerStyle') || getColumnProp(column, 'style'),
         tabIndex: getColumnProp(column, 'sortable') ? props.tabIndex : null,
@@ -50539,11 +50576,15 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
           resizable: props.resizableColumns
         }
       }));
+      var headerContentProps = mergeProps({
+        className: cx('headerContent')
+      }, getColumnPTOptions('headerContent'));
+      var header = /*#__PURE__*/React__namespace.createElement("div", headerContentProps, header, title, sortIconElement, sortBadge, filterElement);
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
         key: column.columnKey || column.field || options.index
       }, /*#__PURE__*/React__namespace.createElement("th", _extends({
         ref: headerCellRef
-      }, _headerCellProps), resizer, title, sortIconElement, sortBadge, filterElement), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+      }, _headerCellProps), resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
         target: headerCellRef,
         content: headerTooltip
       }, getColumnProp(column, 'headerTooltipOptions'), {