primereact 10.1.0 → 10.2.0

package/primereact.all.esm.js

@@ -3291,7 +3291,6 @@ var useEventListener = function useEventListener(_ref) {
     when = _ref$when === void 0 ? true : _ref$when;
   var targetRef = React.useRef(null);
   var listenerRef = React.useRef(null);
-  var prevListener = usePrevious(listener);
   var prevOptions = usePrevious(options);
   var bind = function bind() {
     var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -3321,12 +3320,11 @@ var useEventListener = function useEventListener(_ref) {
     }
   }, [target, when]);
   React.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();
   });
@@ -4189,96 +4187,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.forwardRef(function (inProps, ref) {
-  var props = CSSTransitionBase.getProps(inProps);
-  var context = React.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.createElement(CSSTransition$1, 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";
@@ -4302,7 +4212,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] : {};
@@ -4350,8 +4260,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] : {};
@@ -4360,7 +4270,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] : {};
@@ -4374,7 +4284,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;
@@ -4384,11 +4294,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));
@@ -4404,7 +4314,7 @@ var ComponentBase = {
         isUnstyled: isUnstyled
       };
     };
-    return _objectSpread$1L(_objectSpread$1L({
+    return _objectSpread$1M(_objectSpread$1M({
       getProps: getProps,
       getOtherProps: getOtherProps,
       setMetaData: setMetaData
@@ -4453,7 +4363,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);
 };
@@ -4525,6 +4435,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.forwardRef(function (inProps, ref) {
+  var props = CSSTransitionBase.getProps(inProps);
+  var context = React.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.createElement(CSSTransition$1, 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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var pti = IconBase.getPTI(inProps);
+  return /*#__PURE__*/React.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.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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var pti = IconBase.getPTI(inProps);
+  return /*#__PURE__*/React.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.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: {
@@ -4599,66 +4657,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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var pti = IconBase.getPTI(inProps);
-  return /*#__PURE__*/React.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.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.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var pti = IconBase.getPTI(inProps);
-  return /*#__PURE__*/React.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.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() {};
@@ -4770,7 +4768,8 @@ var Accordion = /*#__PURE__*/React.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.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
+    var tabCProps = AccordionTabBase.getCProps(tab);
+    var header = getTabProp(tab, 'headerTemplate') ? ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), tabCProps) : /*#__PURE__*/React.createElement("span", headerTitleProps, ObjectUtils.getJSXElement(getTabProp(tab, 'header'), tabCProps));
     var headerIconProps = mergeProps({
       className: cx('tab.headericon')
     }, getTabPT(tab, 'headericon', index));
@@ -4789,7 +4788,7 @@ var Accordion = /*#__PURE__*/React.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,
@@ -6272,8 +6271,9 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     }
   });
   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.createElement("span", _extends({
     role: "presentation",
     ref: inkRef
@@ -9385,7 +9385,8 @@ var BlockUI = /*#__PURE__*/React.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.createElement("div", rootProps, props.children, mask);
 });
@@ -10618,7 +10619,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
       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);
@@ -12046,8 +12047,6 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           overlayRef.current.style.width = DomHandler.getOuterWidth(overlayRef.current) + 'px';
         }
       }
-    } else {
-      alignOverlay();
     }
     if (props.value) {
       updateInputfield(props.value);
@@ -12227,9 +12226,12 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       ref: nextButton
     }, nextButtonProps), forwardNavigatorIcon, /*#__PURE__*/React.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) {
@@ -12351,8 +12353,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
     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({
@@ -12482,7 +12484,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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;
@@ -14084,6 +14086,9 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     _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({
@@ -14850,8 +14855,7 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     name: 'chip'
   });
   var onKeyDown = function onKeyDown(event) {
-    if (event.keyCode === 13) {
-      // enter
+    if (event.key === 'Enter' || event.key === 'Backspace') {
       close(event);
     }
   };
@@ -14867,6 +14871,7 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       key: 'removeIcon',
       tabIndex: 0,
       className: cx('removeIcon'),
+      role: 'button',
       onClick: close,
       onKeyDown: onKeyDown
     }, ptm('removeIcon'));
@@ -14908,7 +14913,8 @@ var Chip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
     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.createElement("div", rootProps, content);
   };
@@ -15193,7 +15199,8 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       className: cx('removeTokenIcon'),
       onClick: function onClick(event) {
         return removeItem(event, index);
-      }
+      },
+      'aria-hidden': 'true'
     }, ptm('removeTokenIcon'));
     var icon = props.removeIcon || /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
     var removeIcon = IconUtils.getJSXIcon(icon, _objectSpread$1s({}, iconProps), {
@@ -22066,7 +22073,10 @@ var BodyCell = /*#__PURE__*/React.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;
       },
@@ -22826,7 +22836,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
   };
   var findPrevSelectableRow = function findPrevSelectableRow(row) {
     var prevRow = row.previousElementSibling;
-    return prevRow ? DomHandler.getAttribute(prevRow, 'data-p-selectable-row') === true : null;
+    return prevRow ? DomHandler.getAttribute(prevRow, 'data-p-selectable-row') === true ? prevRow : findPrevSelectableRow(prevRow) : null;
   };
   var shouldRenderBodyCell = function shouldRenderBodyCell(value, column, i) {
     if (getColumnProp(column, 'hidden')) {
@@ -23726,7 +23736,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
   };
   var onRowClick = function onRowClick(event) {
-    if (allowCellSelection() || !allowSelection(event) || event.defaultPrevented) {
+    if (event.defaultPrevented || event.originalEvent && event.originalEvent.defaultPrevented || allowCellSelection() || !allowSelection(event)) {
       return;
     }
     props.onRowClick && props.onRowClick(event);
@@ -29428,7 +29438,10 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     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')
@@ -31717,7 +31730,7 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
   };
   var onDisplayKeyDown = function onDisplayKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.code === 'Enter' || event.code === 'Space') {
       open(event);
       event.preventDefault();
     }
@@ -31727,7 +31740,8 @@ var Inplace = /*#__PURE__*/React.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.createElement("div", displayProps, content);
@@ -31737,14 +31751,14 @@ var Inplace = /*#__PURE__*/React.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
@@ -31782,7 +31796,8 @@ var Inplace = /*#__PURE__*/React.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.createElement("div", rootProps, children);
 });
@@ -34326,13 +34341,15 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
     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', {
@@ -34553,9 +34570,6 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
-  useMountEffect(function () {
-    alignOverlay();
-  });
   useUpdateEffect(function () {
     if (searchingState) {
       props.suggestions && props.suggestions.length ? show() : hide();
@@ -35707,6 +35721,7 @@ var MultiSelectBase = ComponentBase.extend({
     disabled: false,
     display: 'comma',
     dropdownIcon: null,
+    emptyMessage: null,
     emptyFilterMessage: null,
     filter: false,
     filterBy: null,
@@ -38771,7 +38786,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
     });
   },
@@ -39692,7 +39707,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     ref: inputRef,
     id: props.inputId
   }, inputProps), {}, {
-    className: cx('input'),
+    className: classNames(props.inputClassName, cx('input')),
     onBlur: onBlur,
     onFocus: onFocus,
     onInput: onInput,
@@ -40762,9 +40777,9 @@ var ProgressSpinner = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
     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',
@@ -41531,12 +41546,14 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   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'),
@@ -42181,7 +42198,8 @@ var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   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.createElement("div", rootProps);
 }));
@@ -42720,7 +42738,7 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   var initY = React.useRef(0);
   var barWidth = React.useRef(0);
   var barHeight = React.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({
@@ -43118,6 +43136,9 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _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();
@@ -43633,6 +43654,9 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   useHandleStyle(SplitButtonBase.css.styles, isUnstyled, {
     name: 'splitbutton'
   });
+  useOnEscapeKey(overlayRef, overlayVisibleState, function () {
+    return hide();
+  });
   var _useOverlayListener = useOverlayListener({
       target: elementRef,
       overlay: overlayRef,
@@ -45468,11 +45492,9 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   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];
@@ -45480,9 +45502,7 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           setCommandTextState(command.text);
         }
         break;
-
-      //enter
-      case 13:
+      case 'Enter':
         if (!!commandTextState) {
           var newCommands = _toConsumableArray(commandsState);
           newCommands.push({
@@ -45554,7 +45574,8 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       className: cx('command')
     }, ptm('command'));
     var responseProps = mergeProps({
-      className: cx('response')
+      className: cx('response'),
+      'aria-live': 'polite'
     }, ptm('response'));
     return /*#__PURE__*/React.createElement("div", commandsProps, /*#__PURE__*/React.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React.createElement("span", commandProps, text), /*#__PURE__*/React.createElement("div", responseProps, response));
   };
@@ -45578,9 +45599,7 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       onChange: function onChange(e) {
         return onInputChange(e);
       },
-      onKeyDown: function onKeyDown(e) {
-        return onInputKeyDown(e);
-      }
+      onKeyDown: onKeyDown
     }, ptm('commandText'));
     return /*#__PURE__*/React.createElement("div", containerProps, /*#__PURE__*/React.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React.createElement("input", commandTextProps));
   };
@@ -47607,40 +47626,43 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
         return /*#__PURE__*/React.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
         });
       }));
     }
@@ -48000,41 +48022,41 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
       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() {
@@ -48970,7 +48992,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 }));
 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,
@@ -48990,8 +49012,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;
@@ -49016,22 +49038,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',
@@ -49133,9 +49157,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,
@@ -49148,8 +49172,8 @@ var TreeTableBase = ComponentBase.extend({
     selectionMode: null,
     showGridlines: false,
     sortField: null,
-    sortMode: 'single',
     sortIcon: null,
+    sortMode: 'single',
     sortOrder: null,
     stripedRows: false,
     style: null,
@@ -49705,7 +49729,10 @@ var TreeTableRow = /*#__PURE__*/React.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;
@@ -49804,6 +49831,9 @@ var TreeTableRow = /*#__PURE__*/React.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);
@@ -50414,6 +50444,9 @@ var TreeTableHeader = /*#__PURE__*/React.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.createElement(InputText, {
         onInput: function onInput(e) {
@@ -50459,6 +50492,7 @@ var TreeTableHeader = /*#__PURE__*/React.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);
@@ -50475,7 +50509,8 @@ var TreeTableHeader = /*#__PURE__*/React.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,
@@ -50514,11 +50549,15 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
           resizable: props.resizableColumns
         }
       }));
+      var headerContentProps = mergeProps({
+        className: cx('headerContent')
+      }, getColumnPTOptions('headerContent'));
+      var header = /*#__PURE__*/React.createElement("div", headerContentProps, header, title, sortIconElement, sortBadge, filterElement);
       return /*#__PURE__*/React.createElement(React.Fragment, {
         key: column.columnKey || column.field || options.index
       }, /*#__PURE__*/React.createElement("th", _extends({
         ref: headerCellRef
-      }, _headerCellProps), resizer, title, sortIconElement, sortBadge, filterElement), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+      }, _headerCellProps), resizer, header), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
         target: headerCellRef,
         content: headerTooltip
       }, getColumnProp(column, 'headerTooltipOptions'), {