primereact 10.1.1 → 10.2.1

package/primereact.all.js

@@ -3312,7 +3312,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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] : {};
@@ -3342,12 +3341,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     }, [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();
     });
@@ -4210,96 +4208,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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";
@@ -4323,7 +4233,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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] : {};
@@ -4371,8 +4281,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
         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] : {};
@@ -4381,7 +4291,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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] : {};
@@ -4395,7 +4305,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
@@ -4405,11 +4315,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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));
@@ -4425,7 +4335,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           isUnstyled: isUnstyled
         };
       };
-      return _objectSpread$1L(_objectSpread$1L({
+      return _objectSpread$1M(_objectSpread$1M({
         getProps: getProps,
         getOtherProps: getOtherProps,
         setMetaData: setMetaData
@@ -4474,7 +4384,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
   };
@@ -4546,6 +4456,154 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
   };
 
+  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: {
@@ -4620,66 +4678,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   });
 
-  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() {};
@@ -4791,7 +4789,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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));
@@ -4810,7 +4809,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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,
@@ -6293,8 +6292,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     });
     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
@@ -9406,7 +9406,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
   });
@@ -10639,7 +10640,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
         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);
@@ -12246,9 +12247,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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) {
@@ -12370,8 +12374,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       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({
@@ -12501,7 +12505,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -14103,6 +14107,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _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({
@@ -14869,8 +14876,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       name: 'chip'
     });
     var onKeyDown = function onKeyDown(event) {
-      if (event.keyCode === 13) {
-        // enter
+      if (event.key === 'Enter' || event.key === 'Backspace') {
         close(event);
       }
     };
@@ -14886,6 +14892,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         key: 'removeIcon',
         tabIndex: 0,
         className: cx('removeIcon'),
+        role: 'button',
         onClick: close,
         onKeyDown: onKeyDown
       }, ptm('removeIcon'));
@@ -14927,7 +14934,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
     };
@@ -15212,7 +15220,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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), {
@@ -22085,7 +22094,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
         },
@@ -29447,7 +29459,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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')
@@ -31736,7 +31751,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var onDisplayKeyDown = function onDisplayKeyDown(event) {
-      if (event.key === 'Enter') {
+      if (event.code === 'Enter' || event.code === 'Space') {
         open(event);
         event.preventDefault();
       }
@@ -31746,7 +31761,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -31756,14 +31772,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
@@ -31801,7 +31817,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
   });
@@ -34345,13 +34362,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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', {
@@ -34572,9 +34591,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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();
@@ -35726,6 +35742,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       disabled: false,
       display: 'comma',
       dropdownIcon: null,
+      emptyMessage: null,
       emptyFilterMessage: null,
       filter: false,
       filterBy: null,
@@ -38790,7 +38807,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
       });
     },
@@ -39711,7 +39728,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       ref: inputRef,
       id: props.inputId
     }, inputProps), {}, {
-      className: cx('input'),
+      className: classNames(props.inputClassName, cx('input')),
       onBlur: onBlur,
       onFocus: onFocus,
       onInput: onInput,
@@ -40781,9 +40798,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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',
@@ -41550,12 +41567,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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'),
@@ -42200,7 +42219,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
   }));
@@ -42739,7 +42759,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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({
@@ -43137,6 +43157,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _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();
@@ -43652,6 +43675,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useHandleStyle(SplitButtonBase.css.styles, isUnstyled, {
       name: 'splitbutton'
     });
+    useOnEscapeKey(overlayRef, overlayVisibleState, function () {
+      return hide();
+    });
     var _useOverlayListener = useOverlayListener({
         target: elementRef,
         overlay: overlayRef,
@@ -45487,11 +45513,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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];
@@ -45499,9 +45523,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             setCommandTextState(command.text);
           }
           break;
-
-        //enter
-        case 13:
+        case 'Enter':
           if (!!commandTextState) {
             var newCommands = _toConsumableArray(commandsState);
             newCommands.push({
@@ -45573,7 +45595,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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));
     };
@@ -45597,9 +45620,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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));
     };
@@ -47626,40 +47647,43 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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
           });
         }));
       }
@@ -48019,41 +48043,41 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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() {
@@ -48989,7 +49013,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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,
@@ -49009,8 +49033,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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;
@@ -49035,22 +49059,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     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',
@@ -49152,9 +49178,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       propagateSelectionDown: true,
       propagateSelectionUp: true,
       removableSort: false,
-      reorderableColumns: false,
       reorderIndicatorDownIcon: null,
       reorderIndicatorUpIcon: null,
+      reorderableColumns: false,
       resizableColumns: false,
       rowClassName: null,
       rowHover: false,
@@ -49167,8 +49193,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       selectionMode: null,
       showGridlines: false,
       sortField: null,
-      sortMode: 'single',
       sortIcon: null,
+      sortMode: 'single',
       sortOrder: null,
       stripedRows: false,
       style: null,
@@ -49724,7 +49750,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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;
@@ -49823,6 +49852,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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);
@@ -50433,6 +50465,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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) {
@@ -50478,6 +50513,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -50494,7 +50530,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             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,
@@ -50533,11 +50570,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             resizable: props.resizableColumns
           }
         }));
+        var headerContentProps = mergeProps({
+          className: cx('headerContent')
+        }, getColumnPTOptions('headerContent'));
+        var header = /*#__PURE__*/React__namespace.createElement("div", headerContentProps, 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'), {