primereact 10.3.0 → 10.3.1

package/core/core.js

@@ -1221,10 +1221,13 @@ this.primereact.utils = (function (exports, React) {
       }
     }, {
       key: "createInlineStyle",
-      value: function createInlineStyle(nonce) {
+      value: function createInlineStyle(nonce, styleContainer) {
         var styleElement = document.createElement('style');
         DomHandler.addNonce(styleElement, nonce);
-        document.head.appendChild(styleElement);
+        if (!styleContainer) {
+          styleContainer = document.head;
+        }
+        styleContainer.appendChild(styleElement);
         return styleElement;
       }
     }, {
@@ -1232,7 +1235,7 @@ this.primereact.utils = (function (exports, React) {
       value: function removeInlineStyle(styleElement) {
         if (this.isExist(styleElement)) {
           try {
-            document.head.removeChild(styleElement);
+            styleElement.parentNode.removeChild(styleElement);
           } catch (error) {
             // style element may have already been removed in a fast refresh
           }
@@ -1752,7 +1755,7 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -3333,59 +3336,63 @@ this.primereact.api = (function (exports, utils, React) {
         _useState8 = _slicedToArray(_useState7, 2),
         appendTo = _useState8[0],
         setAppendTo = _useState8[1];
-      var _useState9 = React.useState(propsValue.cssTransition || true),
+      var _useState9 = React.useState(propsValue.styleContainer || null),
         _useState10 = _slicedToArray(_useState9, 2),
-        cssTransition = _useState10[0],
-        setCssTransition = _useState10[1];
-      var _useState11 = React.useState(propsValue.autoZIndex || true),
+        styleContainer = _useState10[0],
+        setStyleContainer = _useState10[1];
+      var _useState11 = React.useState(propsValue.cssTransition || true),
         _useState12 = _slicedToArray(_useState11, 2),
-        autoZIndex = _useState12[0],
-        setAutoZIndex = _useState12[1];
-      var _useState13 = React.useState(propsValue.hideOverlaysOnDocumentScrolling || false),
+        cssTransition = _useState12[0],
+        setCssTransition = _useState12[1];
+      var _useState13 = React.useState(propsValue.autoZIndex || true),
         _useState14 = _slicedToArray(_useState13, 2),
-        hideOverlaysOnDocumentScrolling = _useState14[0],
-        setHideOverlaysOnDocumentScrolling = _useState14[1];
-      var _useState15 = React.useState(propsValue.nonce || null),
+        autoZIndex = _useState14[0],
+        setAutoZIndex = _useState14[1];
+      var _useState15 = React.useState(propsValue.hideOverlaysOnDocumentScrolling || false),
         _useState16 = _slicedToArray(_useState15, 2),
-        nonce = _useState16[0],
-        setNonce = _useState16[1];
-      var _useState17 = React.useState(propsValue.nullSortOrder || 1),
+        hideOverlaysOnDocumentScrolling = _useState16[0],
+        setHideOverlaysOnDocumentScrolling = _useState16[1];
+      var _useState17 = React.useState(propsValue.nonce || null),
         _useState18 = _slicedToArray(_useState17, 2),
-        nullSortOrder = _useState18[0],
-        setNullSortOrder = _useState18[1];
-      var _useState19 = React.useState(propsValue.zIndex || {
+        nonce = _useState18[0],
+        setNonce = _useState18[1];
+      var _useState19 = React.useState(propsValue.nullSortOrder || 1),
+        _useState20 = _slicedToArray(_useState19, 2),
+        nullSortOrder = _useState20[0],
+        setNullSortOrder = _useState20[1];
+      var _useState21 = React.useState(propsValue.zIndex || {
           modal: 1100,
           overlay: 1000,
           menu: 1000,
           tooltip: 1100,
           toast: 1200
         }),
-        _useState20 = _slicedToArray(_useState19, 2),
-        zIndex = _useState20[0],
-        setZIndex = _useState20[1];
-      var _useState21 = React.useState(propsValue.ptOptions || {
+        _useState22 = _slicedToArray(_useState21, 2),
+        zIndex = _useState22[0],
+        setZIndex = _useState22[1];
+      var _useState23 = React.useState(propsValue.ptOptions || {
           mergeSections: true,
           mergeProps: true
         }),
-        _useState22 = _slicedToArray(_useState21, 2),
-        ptOptions = _useState22[0],
-        setPtOptions = _useState22[1];
-      var _useState23 = React.useState(propsValue.pt || undefined),
         _useState24 = _slicedToArray(_useState23, 2),
-        pt = _useState24[0],
-        setPt = _useState24[1];
-      var _useState25 = React.useState(propsValue.unstyled || false),
+        ptOptions = _useState24[0],
+        setPtOptions = _useState24[1];
+      var _useState25 = React.useState(propsValue.pt || undefined),
         _useState26 = _slicedToArray(_useState25, 2),
-        unstyled = _useState26[0],
-        setUnstyled = _useState26[1];
-      var _useState27 = React.useState(propsValue.filterMatchModeOptions || {
+        pt = _useState26[0],
+        setPt = _useState26[1];
+      var _useState27 = React.useState(propsValue.unstyled || false),
+        _useState28 = _slicedToArray(_useState27, 2),
+        unstyled = _useState28[0],
+        setUnstyled = _useState28[1];
+      var _useState29 = React.useState(propsValue.filterMatchModeOptions || {
           text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
           numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
           date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
         }),
-        _useState28 = _slicedToArray(_useState27, 2),
-        filterMatchModeOptions = _useState28[0],
-        setFilterMatchModeOptions = _useState28[1];
+        _useState30 = _slicedToArray(_useState29, 2),
+        filterMatchModeOptions = _useState30[0],
+        setFilterMatchModeOptions = _useState30[1];
       var changeTheme = function changeTheme(currentTheme, newTheme, linkElementId, callback) {
         var _linkElement$parentNo;
         var linkElement = document.getElementById(linkElementId);
@@ -3433,6 +3440,8 @@ this.primereact.api = (function (exports, utils, React) {
         setLocale: setLocale,
         appendTo: appendTo,
         setAppendTo: setAppendTo,
+        styleContainer: styleContainer,
+        setStyleContainer: setStyleContainer,
         cssTransition: cssTransition,
         setCssTransition: setCssTransition,
         autoZIndex: autoZIndex,
@@ -3492,6 +3501,37 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
 
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
   function _typeof(o) {
     "@babel/helpers - typeof";
 
@@ -3578,7 +3618,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
   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";
   var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
   var radioButtonStyles = "\n.p-radiobutton {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n\n";
-  var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
+  var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
   var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(checkboxStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(radioButtonStyles, "\n    ").concat(iconStyles, "\n}\n");
   var ComponentBase = {
     cProps: undefined,
@@ -3616,12 +3656,13 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
         if (obj.hasOwnProperty('pt') && obj.pt !== undefined) {
           obj = obj.pt;
         }
+        var originalkey = key;
+        var isNestedParam = /./g.test(originalkey) && !!params[originalkey.split('.')[0]];
+        var fkey = isNestedParam ? utils.ObjectUtils.toFlatCase(originalkey.split('.')[1]) : utils.ObjectUtils.toFlatCase(originalkey);
         var hostName = params.hostName && utils.ObjectUtils.toFlatCase(params.hostName);
         var componentName = hostName || params.props && params.props.__TYPE && utils.ObjectUtils.toFlatCase(params.props.__TYPE) || '';
-        var isNestedParam = /./g.test(key) && !!params[key.split('.')[0]];
-        var isTransition = key === 'transition' || /./g.test(key) && !!(key.split('.')[1] === 'transition');
+        var isTransition = fkey === 'transition';
         var datasetPrefix = 'data-pc-';
-        var fkey = isNestedParam ? utils.ObjectUtils.toFlatCase(key.split('.')[1]) : utils.ObjectUtils.toFlatCase(key);
         var getHostInstance = function getHostInstance(params) {
           return params !== null && params !== void 0 && params.props ? params.hostName ? params.props.__TYPE === params.hostName ? params.props : getHostInstance(params.parent) : params.parent : undefined;
         };
@@ -3638,12 +3679,21 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
           useMergeProps = _ref$mergeProps === void 0 ? false : _ref$mergeProps;
         var getPTClassValue = function getPTClassValue() {
           var value = getOptionValue.apply(void 0, arguments);
-          return utils.ObjectUtils.isString(value) ? {
+          if (Array.isArray(value)) return {
+            className: utils.classNames.apply(void 0, _toConsumableArray(value))
+          };
+          if (utils.ObjectUtils.isString(value)) return {
             className: value
-          } : value;
+          };
+          if (value !== null && value !== void 0 && value.hasOwnProperty('className') && Array.isArray(value.className)) {
+            return {
+              className: utils.classNames.apply(void 0, _toConsumableArray(value.className))
+            };
+          }
+          return value;
         };
-        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 globalPT = searchInDefaultPT ? isNestedParam ? _useGlobalPT(getPTClassValue, originalkey, params) : _useDefaultPT(getPTClassValue, originalkey, params) : undefined;
+        var self = isNestedParam ? undefined : _usePT(_getPT(obj, componentName), getPTClassValue, originalkey, params);
         var datasetProps = !isTransition && _objectSpread(_objectSpread({}, fkey === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), params.props && params.props.__parentMetadata ? utils.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(_objectSpread(_objectSpread({}, globalPT), self), Object.keys(datasetProps).length ? datasetProps : {}) : _objectSpread(_objectSpread({}, self), Object.keys(datasetProps).length ? datasetProps : {});
       };
@@ -4047,36 +4097,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     };
   };
 
-  /* eslint-disable */
-  var useTimeout = function useTimeout(fn) {
-    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    var timeout = React__namespace.useRef(null);
-    var savedCallback = React__namespace.useRef(null);
-    var clear = React__namespace.useCallback(function () {
-      return clearTimeout(timeout.current);
-    }, [timeout.current]);
-    React__namespace.useEffect(function () {
-      savedCallback.current = fn;
-    });
-    React__namespace.useEffect(function () {
-      function callback() {
-        savedCallback.current();
-      }
-      if (when) {
-        timeout.current = setTimeout(callback, delay);
-        return clear;
-      } else {
-        clear();
-      }
-    }, [delay, when]);
-    useUnmountEffect(function () {
-      clear();
-    });
-    return [clear];
-  };
-  /* eslint-enable */
-
   var useDebounce = function useDebounce(initialValue, delay) {
     var _React$useState = React__namespace.useState(initialValue),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -4086,12 +4106,64 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       debouncedValue = _React$useState4[0],
       setDebouncedValue = _React$useState4[1];
-    useTimeout(function () {
-      setDebouncedValue(inputValue);
-    }, delay, inputValue !== debouncedValue);
+    var mountedRef = React__namespace.useRef(false);
+    var timeoutRef = React__namespace.useRef(null);
+    var cancelTimer = function cancelTimer() {
+      return window.clearTimeout(timeoutRef.current);
+    };
+    useMountEffect(function () {
+      mountedRef.current = true;
+    });
+    useUnmountEffect(function () {
+      cancelTimer();
+    });
+    React__namespace.useEffect(function () {
+      if (!mountedRef.current) {
+        return;
+      }
+      cancelTimer();
+      timeoutRef.current = window.setTimeout(function () {
+        setDebouncedValue(inputValue);
+      }, delay);
+    }, [inputValue, delay]);
     return [inputValue, debouncedValue, setInputValue];
   };
 
+  var groupToDisplayedElements = {};
+  var useDisplayOrder = function useDisplayOrder(group) {
+    var isVisible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var _React$useState = React__namespace.useState(function () {
+        return utils.UniqueComponentId();
+      }),
+      _React$useState2 = _slicedToArray(_React$useState, 1),
+      uid = _React$useState2[0];
+    var _React$useState3 = React__namespace.useState(),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      displayOrder = _React$useState4[0],
+      setDisplayOrder = _React$useState4[1];
+    React__namespace.useEffect(function () {
+      if (isVisible) {
+        if (!(group in groupToDisplayedElements)) {
+          groupToDisplayedElements[group] = [];
+        }
+        var newDisplayOrder = groupToDisplayedElements[group].length;
+        groupToDisplayedElements[group].push(uid);
+        setDisplayOrder(newDisplayOrder);
+        return function () {
+          delete groupToDisplayedElements[group][newDisplayOrder];
+          var lastOrder = groupToDisplayedElements[group].findLastIndex(function (el) {
+            return el !== undefined;
+          });
+
+          // Reduce array length, by removing undefined elements at the end of array:
+          groupToDisplayedElements[group].splice(lastOrder + 1);
+          setDisplayOrder(undefined);
+        };
+      }
+    }, [group, uid, isVisible]);
+    return displayOrder;
+  };
+
   var TYPE_MAP = {
     ico: 'image/x-icon',
     png: 'image/png',
@@ -4116,6 +4188,121 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     }, [newIcon, rel]);
   };
 
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+  }
+
+  /**
+   * Priorities of different components (bigger number handled first)
+   */
+  var ESC_KEY_HANDLING_PRIORITIES = {
+    SIDEBAR: 100,
+    SLIDE_MENU: 200,
+    DIALOG: 300,
+    IMAGE: 400,
+    MENU: 500,
+    OVERLAY_PANEL: 600,
+    PASSWORD: 700,
+    CASCADE_SELECT: 800,
+    SPLIT_BUTTON: 900,
+    SPEED_DIAL: 1000
+  };
+
+  /**
+   * Object, that manages global escape key handling logic
+   */
+  var globalEscKeyHandlingLogic = {
+    /**
+     * Mapping from ESC_KEY_HANDLING_PRIORITY to array of related listeners, grouped by priority
+     * @example
+     * Map<{
+     *     [ESC_KEY_HANDLING_PRIORITIES.SIDEBAR]: Map<{
+     *         1: () => {...},
+     *         2: () => {...}
+     *     }>,
+     *     [ESC_KEY_HANDLING_PRIORITIES.DIALOG]: Map<{
+     *         1: () => {...},
+     *         2: () => {...}
+     *     }>
+     * }>;
+     */
+    escKeyListeners: new Map(),
+    /**
+     * Keydown handler (attached to any keydown)
+     */
+    onGlobalKeyDown: function onGlobalKeyDown(event) {
+      // Do nothing if not an "esc" key is pressed:
+      if (event.key !== 'Esc' && event.key !== 'Escape') return;
+      var escKeyListeners = globalEscKeyHandlingLogic.escKeyListeners;
+      var maxPrimaryPriority = Math.max.apply(Math, _toConsumableArray(escKeyListeners.keys()));
+      var theMostImportantEscHandlersSet = escKeyListeners.get(maxPrimaryPriority);
+      var maxSecondaryPriority = Math.max.apply(Math, _toConsumableArray(theMostImportantEscHandlersSet.keys()));
+      var theMostImportantEscHandler = theMostImportantEscHandlersSet.get(maxSecondaryPriority);
+      theMostImportantEscHandler(event);
+    },
+    /**
+     * Attach global keydown listener if there are any "esc" key handlers assigned,
+     * otherwise detach.
+     */
+    refreshGlobalKeyDownListener: function refreshGlobalKeyDownListener() {
+      var document = utils.DomHandler.getTargetElement('document');
+      if (this.escKeyListeners.size > 0) {
+        document.addEventListener('keydown', this.onGlobalKeyDown);
+      } else {
+        document.removeEventListener('keydown', this.onGlobalKeyDown);
+      }
+    },
+    /**
+     * Add "Esc" key handler
+     */
+    addListener: function addListener(callback, _ref) {
+      var _this = this;
+      var _ref2 = _slicedToArray(_ref, 2),
+        primaryPriority = _ref2[0],
+        secondaryPriority = _ref2[1];
+      var escKeyListeners = this.escKeyListeners;
+      if (!escKeyListeners.has(primaryPriority)) {
+        escKeyListeners.set(primaryPriority, new Map());
+      }
+      var primaryPriorityListeners = escKeyListeners.get(primaryPriority);
+
+      // To prevent unexpected override of callback:
+      if (primaryPriorityListeners.has(secondaryPriority)) {
+        throw new Error("Unexpected: global esc key listener with priority [".concat(primaryPriority, ", ").concat(secondaryPriority, "] already exists."));
+      }
+      primaryPriorityListeners.set(secondaryPriority, callback);
+      this.refreshGlobalKeyDownListener();
+      return function () {
+        primaryPriorityListeners["delete"](secondaryPriority);
+        if (primaryPriorityListeners.size === 0) {
+          escKeyListeners["delete"](primaryPriority);
+        }
+        _this.refreshGlobalKeyDownListener();
+      };
+    }
+  };
+  var useGlobalOnEscapeKey = function useGlobalOnEscapeKey(_ref3) {
+    var callback = _ref3.callback,
+      when = _ref3.when,
+      priority = _ref3.priority;
+    React.useEffect(function () {
+      if (!when) return;
+      return globalEscKeyHandlingLogic.addListener(callback, priority);
+    }, [when, callback, priority]);
+  };
+
   var useIntersectionObserver = function useIntersectionObserver(ref) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var _React$useState = React__namespace.useState(false),
@@ -4774,19 +4961,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
   };
   /* eslint-enable */
 
-  /* eslint-disable */
-  var useUpdateEffect = function useUpdateEffect(fn, deps) {
-    var mounted = React__namespace.useRef(false);
-    return React__namespace.useEffect(function () {
-      if (!mounted.current) {
-        mounted.current = true;
-        return;
-      }
-      return fn && fn();
-    }, deps);
-  };
-  /* eslint-enable */
-
   var _id = 0;
   var useStyle = function useStyle(css) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -4811,17 +4985,17 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       isLoaded && css !== newCSS && (styleRef.current.textContent = newCSS);
     };
     var load = function load() {
-      if (!document) return;
-      styleRef.current = document.querySelector("style[data-primereact-style-id=\"".concat(name, "\"]")) || document.getElementById(id) || document.createElement('style');
+      if (!document || isLoaded) return;
+      var styleContainer = (context === null || context === void 0 ? void 0 : context.styleContainer) || document.head;
+      styleRef.current = styleContainer.querySelector("style[data-primereact-style-id=\"".concat(name, "\"]")) || document.getElementById(id) || document.createElement('style');
       if (!styleRef.current.isConnected) {
         styleRef.current.type = 'text/css';
         id && (styleRef.current.id = id);
         media && (styleRef.current.media = media);
         utils.DomHandler.addNonce(styleRef.current, context && context.nonce || PrimeReact__default["default"].nonce);
-        document.head.appendChild(styleRef.current);
+        styleContainer.appendChild(styleRef.current);
         name && styleRef.current.setAttribute('data-primereact-style-id', name);
       }
-      if (isLoaded) return;
       styleRef.current.textContent = css;
       setIsLoaded(true);
     };
@@ -4835,7 +5009,7 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
 
       // return () => {if (!manual) unload()}; /* @todo */
       // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }, [manual]);
     return {
       id: id,
       name: name,
@@ -4846,41 +5020,57 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
     };
   };
 
-  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-    var handleEsc = function handleEsc(event) {
-      if (event.key === 'Esc' || event.key === 'Escape') {
-        event.stopImmediatePropagation();
-        callback(event);
-      }
-      return;
-    };
-    var _useEventListener = useEventListener({
-        type: 'keydown',
-        listener: handleEsc
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindKeyDownListener = _useEventListener2[0],
-      unbindKeyDownListener = _useEventListener2[1];
+  /* eslint-disable */
+  var useTimeout = function useTimeout(fn) {
+    var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    var timeout = React__namespace.useRef(null);
+    var savedCallback = React__namespace.useRef(null);
+    var clear = React__namespace.useCallback(function () {
+      return clearTimeout(timeout.current);
+    }, [timeout.current]);
     React__namespace.useEffect(function () {
-      if (!condition) {
-        return;
+      savedCallback.current = fn;
+    });
+    React__namespace.useEffect(function () {
+      function callback() {
+        savedCallback.current();
       }
-      if (!ref.current) {
-        return;
+      if (when) {
+        timeout.current = setTimeout(callback, delay);
+        return clear;
+      } else {
+        clear();
       }
-      bindKeyDownListener();
-      return function () {
-        unbindKeyDownListener();
-      };
+    }, [delay, when]);
+    useUnmountEffect(function () {
+      clear();
     });
-    return [ref, callback];
+    return [clear];
+  };
+  /* eslint-enable */
+
+  /* eslint-disable */
+  var useUpdateEffect = function useUpdateEffect(fn, deps) {
+    var mounted = React__namespace.useRef(false);
+    return React__namespace.useEffect(function () {
+      if (!mounted.current) {
+        mounted.current = true;
+        return;
+      }
+      return fn && fn();
+    }, deps);
   };
+  /* eslint-enable */
 
+  exports.ESC_KEY_HANDLING_PRIORITIES = ESC_KEY_HANDLING_PRIORITIES;
   exports.useClickOutside = useClickOutside;
   exports.useCounter = useCounter;
   exports.useDebounce = useDebounce;
+  exports.useDisplayOrder = useDisplayOrder;
   exports.useEventListener = useEventListener;
   exports.useFavicon = useFavicon;
+  exports.useGlobalOnEscapeKey = useGlobalOnEscapeKey;
   exports.useIntersectionObserver = useIntersectionObserver;
   exports.useInterval = useInterval;
   exports.useLocalStorage = useLocalStorage;
@@ -4888,7 +5078,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
   exports.useMountEffect = useMountEffect;
   exports.useMouse = useMouse;
   exports.useMove = useMove;
-  exports.useOnEscapeKey = useOnEscapeKey;
   exports.useOverlayListener = useOverlayListener;
   exports.useOverlayScrollListener = useOverlayScrollListener;
   exports.usePrevious = usePrevious;
@@ -5076,11 +5265,13 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
     var targetRef = React__namespace.useRef(null);
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = RippleBase.getProps(inProps, context);
+    var isRippleActive = context && context.ripple || PrimeReact__default["default"].ripple;
     var metaData = {
       props: props
     };
     hooks.useStyle(RippleBase.css.styles, {
-      name: 'ripple'
+      name: 'ripple',
+      manual: !isRippleActive
     });
     var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
       ptm = _RippleBase$setMetaDa.ptm,
@@ -5159,16 +5350,17 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
         unbindEvents();
       }
     });
+    if (!isRippleActive) return null;
     var rootProps = utils.mergeProps({
       'aria-hidden': true,
       className: utils.classNames(cx('root'))
     }, RippleBase.getOtherProps(props), ptm('root'));
-    return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
+    return /*#__PURE__*/React__namespace.createElement("span", _extends({
       role: "presentation",
       ref: inkRef
     }, rootProps, {
       onAnimationEnd: onAnimationEnd
-    })) : null;
+    }));
   }));
   Ripple.displayName = 'Ripple';
 
@@ -5466,7 +5658,13 @@ this.primereact.portal = (function (exports, React, ReactDOM, PrimeReact, hooks,
     });
     var element = props.element || props.children;
     if (element && mountedState) {
-      var appendTo = props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo || document.body;
+      var appendTo = props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo;
+      if (utils.ObjectUtils.isFunction(appendTo)) {
+        appendTo = appendTo();
+      }
+      if (!appendTo) {
+        appendTo = document.body;
+      }
       return appendTo === 'self' ? element : /*#__PURE__*/ReactDOM__default["default"].createPortal(element, appendTo);
     }
     return null;
@@ -6664,7 +6862,7 @@ this.primereact.icons.arrowdown = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -7370,7 +7568,7 @@ this.primereact.icons.arrowup = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -8076,7 +8274,7 @@ this.primereact.icons.ban = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -9230,7 +9428,7 @@ this.primereact.icons.exclamationtriangle = (function (exports, React, iconbase)
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -10006,7 +10204,7 @@ this.primereact.icons.eyeslash = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -10712,7 +10910,7 @@ this.primereact.icons.filter = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -11416,7 +11614,7 @@ this.primereact.icons.filterslash = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -12122,7 +12320,7 @@ this.primereact.icons.infocircle = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -12892,7 +13090,7 @@ this.primereact.icons.pencil = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -13596,7 +13794,7 @@ this.primereact.icons.plus = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -14300,7 +14498,7 @@ this.primereact.icons.refresh = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -15006,7 +15204,7 @@ this.primereact.icons.search = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -15712,7 +15910,7 @@ this.primereact.icons.searchminus = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -16418,7 +16616,7 @@ this.primereact.icons.searchplus = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -17124,7 +17322,7 @@ this.primereact.icons.sortalt = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -17837,7 +18035,7 @@ this.primereact.icons.sortamountdown = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -18556,7 +18754,7 @@ this.primereact.icons.sortamountupalt = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -19275,7 +19473,7 @@ this.primereact.icons.spinner = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -19979,7 +20177,7 @@ this.primereact.icons.star = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -20683,7 +20881,7 @@ this.primereact.icons.starfill = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -21387,7 +21585,7 @@ this.primereact.icons.thlarge = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -22157,7 +22355,7 @@ this.primereact.icons.timescircle = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -22863,7 +23061,7 @@ this.primereact.icons.trash = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -23569,7 +23767,7 @@ this.primereact.icons.undo = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -24275,7 +24473,7 @@ this.primereact.icons.upload = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -24981,7 +25179,7 @@ this.primereact.icons.windowmaximize = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -25687,7 +25885,7 @@ this.primereact.icons.windowminimize = (function (exports, React, iconbase) {
     }, {
       key: "isLetter",
       value: function isLetter(_char2) {
-        return _char2 && (_char2.toUpperCase() != _char2.toLowerCase() || _char2.codePointAt(0) > 127);
+        return /^[a-zA-Z\u00C0-\u017F]$/.test(_char2);
       }
 
       /**
@@ -27634,7 +27832,7 @@ this.primereact.overlayservice = (function (exports, utils) {
 })({}, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.checkbox = (function (exports, React, api, hooks, check, tooltip, utils, componentbase) {
+this.primereact.checkbox = (function (exports, React, api, componentbase, hooks, check, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -27862,32 +28060,32 @@ this.primereact.checkbox = (function (exports, React, api, hooks, check, tooltip
         var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
         var isInputToggled = event.target === inputRef.current;
         var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
-        if (isInputToggled || isCheckboxToggled) {
-          var value = _checked ? props.falseValue : props.trueValue;
-          var eventData = {
-            originalEvent: event,
+        var value = _checked ? props.falseValue : props.trueValue;
+        var eventData = {
+          originalEvent: event,
+          value: props.value,
+          checked: value,
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
             value: props.value,
-            checked: value,
-            stopPropagation: function stopPropagation() {
-              event.stopPropagation();
-            },
-            preventDefault: function preventDefault() {
-              event.preventDefault();
-            },
-            target: {
-              type: 'checkbox',
-              name: props.name,
-              id: props.id,
-              value: props.value,
-              checked: value
-            }
-          };
-          props.onClick && props.onClick(eventData);
-
-          // do not continue if the user defined click wants to prevent
-          if (event.defaultPrevented) {
-            return;
+            checked: value
           }
+        };
+        props.onClick && props.onClick(eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (isInputToggled || isCheckboxToggled) {
           props.onChange && props.onChange(eventData);
         }
         utils.DomHandler.focus(inputRef.current);
@@ -28009,7 +28207,7 @@ this.primereact.checkbox = (function (exports, React, api, hooks, check, tooltip
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils);
 
 this.primereact = this.primereact || {};
 this.primereact.button = (function (exports, React, api, componentbase, utils, spinner, ripple, tooltip) {
@@ -28420,15 +28618,16 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, keyfi
     defaultProps: {
       __TYPE: 'InputText',
       __parentMetadata: null,
+      children: undefined,
+      className: null,
       keyfilter: null,
-      validateOnly: false,
-      tooltip: null,
-      tooltipOptions: null,
       onBeforeInput: null,
       onInput: null,
       onKeyDown: null,
       onPaste: null,
-      children: undefined
+      tooltip: null,
+      tooltipOptions: null,
+      validateOnly: false
     },
     css: {
       classes: classes
@@ -28492,9 +28691,9 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, keyfi
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var rootProps = utils.mergeProps({
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
         isFilled: isFilled
-      }),
+      })),
       onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,
@@ -28748,6 +28947,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       prefix: null,
       readOnly: false,
       required: false,
+      roundingMode: undefined,
       showButtons: false,
       size: null,
       step: 1,
@@ -28804,9 +29004,11 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var _minusSign = React__namespace.useRef(null);
     var _currency = React__namespace.useRef(null);
     var _decimal = React__namespace.useRef(null);
+    var _decimalSeparator = React__namespace.useRef(null);
     var _suffix = React__namespace.useRef(null);
     var _prefix = React__namespace.useRef(null);
     var _index = React__namespace.useRef(null);
+    var isFocusedByClick = React__namespace.useRef(false);
     var _locale = props.locale || context && context.locale || PrimeReact__default["default"].locale;
     var stacked = props.showButtons && props.buttonLayout === 'stacked';
     var horizontal = props.showButtons && props.buttonLayout === 'horizontal';
@@ -28820,7 +29022,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         currencyDisplay: props.currencyDisplay,
         useGrouping: props.useGrouping,
         minimumFractionDigits: props.minFractionDigits,
-        maximumFractionDigits: props.maxFractionDigits
+        maximumFractionDigits: props.maxFractionDigits,
+        roundingMode: props.roundingMode
       };
     };
     var constructParser = function constructParser() {
@@ -28832,12 +29035,13 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         return [d, i];
       }));
       _numeral.current = new RegExp("[".concat(numerals.join(''), "]"), 'g');
-      _group.current = getGroupingExpression();
-      _minusSign.current = getMinusSignExpression();
-      _currency.current = getCurrencyExpression();
-      _decimal.current = getDecimalExpression();
-      _suffix.current = getSuffixExpression();
-      _prefix.current = getPrefixExpression();
+      _group.current = getGroupingExpression(); // regular expression /[,]/g, /[.]/g
+      _minusSign.current = getMinusSignExpression(); // regular expression /[-]/g
+      _currency.current = getCurrencyExpression(); // regular expression for currency (e.g. /[$]/g, /[€]/g, /[]/g and more)
+      _decimal.current = getDecimalExpression(); // regular expression /[,]/g, /[.]/g, /[]/g
+      _decimalSeparator.current = getDecimalSeparator(); // current decimal separator  '.', ','
+      _suffix.current = getSuffixExpression(); // regular expression for suffix (e.g. /℃/g)
+      _prefix.current = getPrefixExpression(); // regular expression for prefix (e.g. /\ days/g)
       _index.current = function (d) {
         return index.get(d);
       };
@@ -28845,6 +29049,15 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var escapeRegExp = function escapeRegExp(text) {
       return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
     };
+
+    /**
+     * get decimal separator in current locale
+     */
+    var getDecimalSeparator = function getDecimalSeparator() {
+      return new Intl.NumberFormat(_locale, {
+        useGrouping: false
+      }).format(1.1).trim().replace(_numeral.current, '');
+    };
     var getDecimalExpression = function getDecimalExpression() {
       var formatter = new Intl.NumberFormat(_locale, _objectSpread(_objectSpread({}, getOptions()), {}, {
         useGrouping: false
@@ -28871,7 +29084,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           currency: props.currency,
           currencyDisplay: props.currencyDisplay,
           minimumFractionDigits: 0,
-          maximumFractionDigits: 0
+          maximumFractionDigits: 0,
+          roundingMode: props.roundingMode
         });
         return new RegExp("[".concat(formatter.format(1).replace(/\s/g, '').replace(_numeral.current, '').replace(_group.current, ''), "]"), 'g');
       }
@@ -28899,7 +29113,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           currency: props.currency,
           currencyDisplay: props.currencyDisplay,
           minimumFractionDigits: 0,
-          maximumFractionDigits: 0
+          maximumFractionDigits: 0,
+          roundingMode: props.roundingMode
         });
         suffixChar.current = formatter.format(1).split('1')[1];
       }
@@ -29216,8 +29431,14 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       return false;
     };
+    var replaceDecimalSeparator = function replaceDecimalSeparator(val) {
+      if (isFloat(val)) {
+        return val.toString().replace(/\.(?=[^.]*$)/, _decimalSeparator.current);
+      }
+      return val;
+    };
     var isDecimalSign = function isDecimalSign(_char3) {
-      if (_decimal.current.test(_char3)) {
+      if (_decimal.current.test(_char3) || isFloat(_char3)) {
         _decimal.current.lastIndex = 0;
         return true;
       }
@@ -29226,6 +29447,12 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var isDecimalMode = function isDecimalMode() {
       return props.mode === 'decimal';
     };
+    var isFloat = function isFloat(val) {
+      var formatter = new Intl.NumberFormat(_locale, getOptions());
+      var parseVal = parseValue(formatter.format(val));
+      if (parseVal === null) return false;
+      return parseVal % 1 !== 0;
+    };
     var getDecimalCharIndexes = function getDecimalCharIndexes(val) {
       var decimalCharIndex = val.search(_decimal.current);
       _decimal.current.lastIndex = 0;
@@ -29309,12 +29536,15 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         }
       }
     };
+    var replaceSuffix = function replaceSuffix(value) {
+      return value ? value.replace(_suffix.current, '').trim().replace(/\s/g, '').replace(_currency.current, '') : value;
+    };
     var insertText = function insertText(value, text, start, end) {
       var textSplit = text === '.' ? text : text.split('.');
       if (textSplit.length === 2) {
         var decimalCharIndex = value.slice(start, end).search(_decimal.current);
         _decimal.current.lastIndex = 0;
-        return decimalCharIndex > 0 ? value.slice(0, start) + formatValue(text) + value.slice(end) : value || formatValue(text);
+        return decimalCharIndex > 0 ? value.slice(0, start) + formatValue(text) + replaceSuffix(value).slice(end) : value || formatValue(text);
       } else if (end - start === value.length) {
         return formatValue(text);
       } else if (start === 0) {
@@ -29323,7 +29553,10 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       } else if (end === value.length) {
         return value.slice(0, start) + text;
       } else {
-        return value.slice(0, start) + text + value.slice(end);
+        var selectionValue = value.slice(start, end);
+        // Fix: if the suffix starts with a space, the input will be cleared after pasting
+        var space = /\s$/.test(selectionValue) ? ' ' : '';
+        return value.slice(0, start) + text + space + value.slice(end);
       }
     };
     var deleteRange = function deleteRange(value, start, end) {
@@ -29376,6 +29609,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       return index || 0;
     };
+    var onInputPointerDown = function onInputPointerDown() {
+      isFocusedByClick.current = true;
+    };
     var onInputClick = function onInputClick() {
       initCursor();
     };
@@ -29525,7 +29761,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       if (val1 && val2) {
         var decimalCharIndex = val2.search(_decimal.current);
         _decimal.current.lastIndex = 0;
-        return decimalCharIndex !== -1 ? val1.split(_decimal.current)[0] + val2.slice(decimalCharIndex) : val1;
+        var newVal1 = replaceDecimalSeparator(val1).split(_decimal.current)[0].replace(_suffix.current, '').trim();
+        return decimalCharIndex !== -1 ? newVal1 + val2.slice(decimalCharIndex) : val1;
       }
       return val1;
     };
@@ -29533,7 +29770,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       if (value) {
         var valueSplit = value.split(_decimal.current);
         if (valueSplit.length === 2) {
-          return valueSplit[1].replace(_suffix.current, '').trim().replace(/\s/g, '').replace(_currency.current, '').length;
+          return replaceSuffix(valueSplit[1]).length;
         }
       }
       return 0;
@@ -29560,14 +29797,18 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var onInputFocus = function onInputFocus(event) {
       setFocusedState(true);
       props.onFocus && props.onFocus(event);
-      if ((props.suffix || props.currency || props.prefix) && inputRef.current) {
-        // GitHub #1866 Cursor must be placed before/after symbol or arrow keys don't work
-        var selectionEnd = initCursor();
-        inputRef.current.setSelectionRange(selectionEnd, selectionEnd);
+      if ((props.suffix || props.currency || props.prefix) && inputRef.current && !isFocusedByClick.current) {
+        // GitHub #1866,#5537
+        var inputValue = inputRef.current.value;
+        var prefixLength = (prefixChar.current || '').length;
+        var suffixLength = (suffixChar.current || '').length;
+        var end = inputValue.length === 0 ? 0 : inputValue.length - suffixLength;
+        inputRef.current.setSelectionRange(prefixLength, end);
       }
     };
     var onInputBlur = function onInputBlur(event) {
       setFocusedState(false);
+      isFocusedByClick.current = false;
       if (inputRef.current) {
         var currentValue = inputRef.current.value;
         if (isValueChanged(currentValue, props.value)) {
@@ -29584,7 +29825,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
     };
     var changeValue = function changeValue() {
-      updateInputValue(validateValueByLimit(props.value));
+      var val = validateValueByLimit(props.value);
+      updateInputValue(props.format ? val : replaceDecimalSeparator(val));
       var newValue = validateValue(props.value);
       if (props.value !== null && props.value !== newValue) {
         updateModel(null, newValue);
@@ -29657,6 +29899,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         onKeyPress: onInputKeyUp,
         onInput: onInput,
         onClick: onInputClick,
+        onPointerDown: onInputPointerDown,
         onBlur: onInputBlur,
         onFocus: onInputFocus,
         onPaste: onPaste,
@@ -30191,7 +30434,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
       style: props.style
     }, MessagesBase.getOtherProps(props), ptCallbacks.ptm('root'));
     var transitionProps = utils.mergeProps({
-      classNames: ptCallbacks.cx('transition'),
+      classNames: ptCallbacks.cx('uimessage.transition'),
       unmountOnExit: true,
       timeout: {
         enter: 300,
@@ -30446,7 +30689,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, uti
 })({}, React, primereact.api, primereact.componentbase, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple, spinner) {
+this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, spinner, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -31716,7 +31959,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         onBlur: onInputBlur,
         onKeyDown: onInputKeyDown,
         disabled: props.disabled,
-        tabIndex: props.tabIndex
+        tabIndex: props.tabIndex || 0
       }, ariaProps), ptm('input'));
       return /*#__PURE__*/React__namespace.createElement("div", hiddenSelectedMessageProps, /*#__PURE__*/React__namespace.createElement("input", inputProps));
     };
@@ -31737,6 +31980,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           onInput: onEditableInputChange,
           onFocus: onEditableInputFocus,
           onBlur: onInputBlur,
+          tabIndex: props.tabIndex || 0,
           'aria-haspopup': 'listbox'
         }, ariaProps), ptm('input'));
         return /*#__PURE__*/React__namespace.createElement("input", inputProps);
@@ -31746,7 +31990,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           ref: inputRef,
           className: cx('input', {
             label: label
-          })
+          }),
+          tabIndex: '-1'
         }, ptm('input'));
         return /*#__PURE__*/React__namespace.createElement("span", _inputProps, content);
       }
@@ -31876,10 +32121,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple, primereact.icons.spinner);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple);
 
 this.primereact = this.primereact || {};
-this.primereact.dialog = (function (exports, React, utils, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple) {
+this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -32032,106 +32277,6 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var usePrevious = function usePrevious(newValue) {
-    var ref = React__namespace.useRef(undefined);
-    React__namespace.useEffect(function () {
-      ref.current = newValue;
-    });
-    return ref.current;
-  };
-
-  /* eslint-disable */
-  var useUnmountEffect = function useUnmountEffect(fn) {
-    return React__namespace.useEffect(function () {
-      return fn;
-    }, []);
-  };
-  /* eslint-enable */
-
-  /* eslint-disable */
-  var useEventListener = function useEventListener(_ref) {
-    var _ref$target = _ref.target,
-      target = _ref$target === void 0 ? 'document' : _ref$target,
-      type = _ref.type,
-      listener = _ref.listener,
-      options = _ref.options,
-      _ref$when = _ref.when,
-      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] : {};
-      if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-        unbind();
-        (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-      }
-      if (!listenerRef.current && targetRef.current) {
-        listenerRef.current = function (event) {
-          return listener && listener(event);
-        };
-        targetRef.current.addEventListener(type, listenerRef.current, options);
-      }
-    };
-    var unbind = function unbind() {
-      if (listenerRef.current) {
-        targetRef.current.removeEventListener(type, listenerRef.current, options);
-        listenerRef.current = null;
-      }
-    };
-    React__namespace.useEffect(function () {
-      if (when) {
-        targetRef.current = utils.DomHandler.getTargetElement(target);
-      } else {
-        unbind();
-        targetRef.current = null;
-      }
-    }, [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)) {
-        unbind();
-        when && bind();
-      }
-    }, [listener, options, when]);
-    useUnmountEffect(function () {
-      unbind();
-    });
-    return [bind, unbind];
-  };
-  /* eslint-enable */
-
-  var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-    var handleEsc = function handleEsc(event) {
-      if (event.key === 'Esc' || event.key === 'Escape') {
-        event.stopImmediatePropagation();
-        callback(event);
-      }
-      return;
-    };
-    var _useEventListener = useEventListener({
-        type: 'keydown',
-        listener: handleEsc
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindKeyDownListener = _useEventListener2[0],
-      unbindKeyDownListener = _useEventListener2[1];
-    React__namespace.useEffect(function () {
-      if (!condition) {
-        return;
-      }
-      if (!ref.current) {
-        return;
-      }
-      bindKeyDownListener();
-      return function () {
-        unbindKeyDownListener();
-      };
-    });
-    return [ref, callback];
-  };
-
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var classes = {
@@ -32298,6 +32443,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     var focusElementOnHide = React__namespace.useRef(null);
     var maximized = props.onMaximize ? props.maximized : maximizedState;
     var shouldBlockScroll = visibleState && (props.blockScroll || props.maximizable && maximized);
+    var displayOrder = hooks.useDisplayOrder('dialog', visibleState);
     var _DialogBase$setMetaDa = DialogBase.setMetaData(_objectSpread(_objectSpread({
         props: props
       }, props.__parentMetadata), {}, {
@@ -32314,15 +32460,14 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     componentbase.useHandleStyle(DialogBase.css.styles, isUnstyled, {
       name: 'dialog'
     });
-    useOnEscapeKey(maskRef, props.closable && props.closeOnEscape, function (event) {
-      var currentTarget = event.currentTarget;
-      if (!currentTarget || !currentTarget.primeDialogParams) {
-        return;
-      }
-      var params = currentTarget.primeDialogParams;
-      var paramLength = params.length;
-      onClose(event);
-      params.splice(paramLength - 1, 1);
+    hooks.useGlobalOnEscapeKey({
+      callback: function callback(event) {
+        if (props.closable && props.closeOnEscape) {
+          onClose(event);
+        }
+      },
+      when: visibleState,
+      priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
     });
     var _useEventListener = hooks.useEventListener({
         type: 'keydown',
@@ -32582,11 +32727,9 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     };
     var enableDocumentSettings = function enableDocumentSettings() {
       bindGlobalListeners();
-      updateGlobalDialogsRegistry(true);
     };
     var disableDocumentSettings = function disableDocumentSettings() {
       unbindGlobalListeners();
-      updateGlobalDialogsRegistry(false);
     };
     var updateScrollBlocker = function updateScrollBlocker() {
       // Scroll should be unblocked if there is at least one dialog that blocks scrolling:
@@ -32600,7 +32743,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       }
     };
     var updateGlobalDialogsRegistry = function updateGlobalDialogsRegistry(isMounted) {
-      // Update current dialog info in global registry if it is mounted :
+      // Update current dialog info in global registry if it is mounted and visible:
       if (isMounted && visibleState) {
         var newParam = {
           id: idState,
@@ -32620,7 +32763,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
           document.primeDialogParams = document.primeDialogParams.toSpliced(currentDialogIndexInRegistry, 1, newParam);
         }
       }
-      // Or remove it from global registry if unmounted:
+      // Or remove it from global registry if unmounted or invisible:
       else {
         document.primeDialogParams = document.primeDialogParams && document.primeDialogParams.filter(function (param) {
           return param.id !== idState;
@@ -32650,21 +32793,31 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
       unbindDocumentKeyDownListener();
     };
     var createStyle = function createStyle() {
-      styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var innerHTML = '';
       for (var breakpoint in props.breakpoints) {
-        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                    .p-dialog[").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], ";\n                    }\n                }\n            ");
+        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                     [data-pc-name=\"dialog\"][").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], " !important;\n                    }\n                }\n            ");
       }
       styleElement.current.innerHTML = innerHTML;
     };
+    var destroyStyle = function destroyStyle() {
+      styleElement.current = utils.DomHandler.removeInlineStyle(styleElement.current);
+    };
     hooks.useMountEffect(function () {
+      updateGlobalDialogsRegistry(true);
       if (props.visible) {
         setMaskVisibleState(true);
       }
+    });
+    React__namespace.useEffect(function () {
       if (props.breakpoints) {
         createStyle();
       }
-    });
+      return function () {
+        destroyStyle();
+      };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.breakpoints]);
     hooks.useUpdateEffect(function () {
       if (props.visible && !maskVisibleState) {
         setMaskVisibleState(true);
@@ -32686,9 +32839,10 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
     }, [maskVisibleState]);
     hooks.useUpdateEffect(function () {
       updateGlobalDialogsRegistry(true);
-    }, [shouldBlockScroll]);
+    }, [shouldBlockScroll, visibleState]);
     hooks.useUnmountEffect(function () {
       disableDocumentSettings();
+      updateGlobalDialogsRegistry(false);
       utils.DomHandler.removeInlineStyle(styleElement.current);
       utils.ZIndexUtils.clear(maskRef.current);
     });
@@ -32923,7 +33077,7 @@ this.primereact.dialog = (function (exports, React, utils, PrimeReact, component
 
   return exports;
 
-})({}, React, primereact.utils, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple, primereact.utils);
 
 this.primereact = this.primereact || {};
 this.primereact.paginator = (function (exports, React, api, componentbase, hooks, utils, angledoubleleft, ripple, inputnumber, angledoubleright, angleright, angleleft, dropdown) {
@@ -34079,7 +34233,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       });
     }
   };
-  var styles = "\n@layer primereact {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n    \n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-tree-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        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n    \n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-tree-filter {\n        width: 100%;\n    }\n    \n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n    \n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n    \n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
+  var styles = "\n@layer primereact {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-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        overflow: hidden;\n        position: relative;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
   var TreeBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Tree',
@@ -34094,6 +34248,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       contextMenuSelectionKey: null,
       onContextMenuSelectionChange: null,
       expandedKeys: null,
+      ariaLabel: null,
+      ariaLabelledBy: null,
       style: null,
       className: null,
       contentStyle: null,
@@ -34117,6 +34273,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       filterPlaceholder: null,
       filterLocale: undefined,
       filterTemplate: null,
+      level: 0,
       nodeTemplate: null,
       togglerTemplate: null,
       onSelect: null,
@@ -34144,8 +34301,10 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
     var contentRef = React__namespace.useRef(null);
+    var elementRef = React__namespace.useRef(null);
     var nodeTouched = React__namespace.useRef(false);
     var isLeaf = props.isNodeLeaf(props.node);
+    var label = props.node.label;
     var expanded = (props.expandedKeys ? props.expandedKeys[props.node.key] !== undefined : false) || props.node.expanded;
     var ptm = props.ptm,
       cx = props.cx;
@@ -34161,11 +34320,13 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       });
     };
     var expand = function expand(event) {
+      var navigateFocusToChild = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var expandedKeys = props.expandedKeys ? _objectSpread$1({}, props.expandedKeys) : {};
       expandedKeys[props.node.key] = true;
       props.onToggle({
         originalEvent: event,
-        value: expandedKeys
+        value: expandedKeys,
+        navigateFocusToChild: navigateFocusToChild
       });
       invokeToggleEvents(event, true);
     };
@@ -34182,7 +34343,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       if (props.disabled) {
         return;
       }
-      expanded ? collapse(event) : expand(event);
+      expanded ? collapse(event) : expand(event, false);
       event.preventDefault();
       event.stopPropagation();
     };
@@ -34203,72 +34364,6 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         }
       }
     };
-    var onNodeKeyDown = function onNodeKeyDown(event) {
-      if (props.disabled) {
-        return;
-      }
-      var nodeElement = event.target.parentElement;
-      if (!utils.DomHandler.hasClass(nodeElement, 'p-treenode')) {
-        return;
-      }
-      switch (event.which) {
-        //down arrow
-        case 40:
-          var listElement = nodeElement.children[1];
-          if (listElement) {
-            focusNode(listElement.children[0]);
-          } else {
-            var nextNodeElement = nodeElement.nextElementSibling;
-            while (nextNodeElement) {
-              if (!utils.DomHandler.hasClass(nextNodeElement, 'p-treenode-droppoint')) {
-                break;
-              }
-              nextNodeElement = nextNodeElement.nextElementSibling;
-            }
-            if (nextNodeElement) {
-              focusNode(nextNodeElement);
-            } else {
-              var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
-              nextSiblingAncestor && focusNode(nextSiblingAncestor);
-            }
-          }
-          event.preventDefault();
-          break;
-
-        //up arrow
-        case 38:
-          if (nodeElement.previousElementSibling) {
-            focusNode(findLastVisibleDescendant(nodeElement.previousElementSibling));
-          } else {
-            var parentNodeElement = getParentNodeElement(nodeElement);
-            parentNodeElement && focusNode(parentNodeElement);
-          }
-          event.preventDefault();
-          break;
-
-        //right arrow
-        case 39:
-          if (!expanded) {
-            expand(event);
-          }
-          event.preventDefault();
-          break;
-
-        //left arrow
-        case 37:
-          if (expanded) {
-            collapse(event);
-          }
-          event.preventDefault();
-          break;
-
-        //enter
-        case 13:
-          onClick(event);
-          event.preventDefault();
-          break;
-      }
-    };
     var findNextSiblingOfAncestor = function findNextSiblingOfAncestor(nodeElement) {
       var parentNodeElement = getParentNodeElement(nodeElement);
       return parentNodeElement ? parentNodeElement.nextElementSibling || findNextSiblingOfAncestor(parentNodeElement) : null;
@@ -34287,7 +34382,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       return utils.DomHandler.hasClass(parentNodeElement, 'p-treenode') ? parentNodeElement : null;
     };
     var focusNode = function focusNode(element) {
-      element && element.children[0] && element.children[0].focus();
+      element && element.focus();
     };
     var onClick = function onClick(event) {
       if (props.onClick) {
@@ -34447,6 +34542,131 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         });
       }
     };
+    var onKeyDown = function onKeyDown(event) {
+      if (!isSameNode(event)) return;
+      switch (event.code) {
+        case 'Tab':
+          onTabKey();
+          break;
+        case 'ArrowDown':
+          onArrowDown(event);
+          break;
+        case 'ArrowUp':
+          onArrowUp(event);
+          break;
+        case 'ArrowRight':
+          onArrowRight(event);
+          break;
+        case 'ArrowLeft':
+          onArrowLeft(event);
+          break;
+        case 'Enter':
+        case 'NumpadEnter':
+        case 'Space':
+          onEnterKey(event);
+          break;
+      }
+    };
+    var onArrowDown = function onArrowDown(event) {
+      var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
+      var listElement = nodeElement.children[1];
+      if (listElement) {
+        focusRowChange(nodeElement, listElement.children[0]);
+      } else {
+        if (nodeElement.nextElementSibling) {
+          focusRowChange(nodeElement, nodeElement.nextElementSibling);
+        } else {
+          var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
+          if (nextSiblingAncestor) {
+            focusRowChange(nodeElement, nextSiblingAncestor);
+          }
+        }
+      }
+      event.preventDefault();
+    };
+    var onArrowUp = function onArrowUp(event) {
+      var nodeElement = event.target;
+      if (nodeElement.previousElementSibling) {
+        focusRowChange(nodeElement, nodeElement.previousElementSibling, findLastVisibleDescendant(nodeElement.previousElementSibling));
+      } else {
+        var parentNodeElement = getParentNodeElement(nodeElement);
+        if (parentNodeElement) {
+          focusRowChange(nodeElement, parentNodeElement);
+        }
+      }
+      event.preventDefault();
+    };
+    var onArrowRight = function onArrowRight(event) {
+      if (isLeaf || expanded) return;
+      event.currentTarget.tabIndex = -1;
+      expand(event, true);
+    };
+    var onArrowLeft = function onArrowLeft(event) {
+      var togglerElement = utils.DomHandler.findSingle(event.currentTarget, '[data-pc-section="toggler"]');
+      if (props.level === 0 && !expanded) {
+        return false;
+      }
+      if (expanded && !isLeaf) {
+        togglerElement.click();
+        return false;
+      }
+      var target = findBeforeClickableNode(event.currentTarget);
+      if (target) {
+        focusRowChange(event.currentTarget, target);
+      }
+    };
+    var onEnterKey = function onEnterKey(event) {
+      setTabIndexForSelectionMode(event, nodeTouched.current);
+      onClick(event);
+      event.preventDefault();
+    };
+    var onTabKey = function onTabKey() {
+      setAllNodesTabIndexes();
+    };
+    var setAllNodesTabIndexes = function setAllNodesTabIndexes() {
+      var nodes = utils.DomHandler.find(contentRef.current.closest('[data-pc-section="container"]'), '[role="treeitem"]');
+      var hasSelectedNode = _toConsumableArray(nodes).some(function (node) {
+        return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
+      });
+      _toConsumableArray(nodes).forEach(function (node) {
+        node.tabIndex = -1;
+      });
+      if (hasSelectedNode) {
+        var selectedNodes = _toConsumableArray(nodes).filter(function (node) {
+          return node.getAttribute('aria-selected') === 'true' || node.getAttribute('aria-checked') === 'true';
+        });
+        selectedNodes[0].tabIndex = 0;
+        return;
+      }
+      _toConsumableArray(nodes)[0].tabIndex = 0;
+    };
+    var setTabIndexForSelectionMode = function setTabIndexForSelectionMode(event, nodeTouched) {
+      if (props.selectionMode !== null) {
+        var elements = _toConsumableArray(utils.DomHandler.find(elementRef.current.parentElement, '[role="treeitem"]'));
+        event.currentTarget.tabIndex = nodeTouched === false ? -1 : 0;
+        if (elements.every(function (element) {
+          return element.tabIndex === -1;
+        })) {
+          elements[0].tabIndex = 0;
+        }
+      }
+    };
+    var focusRowChange = function focusRowChange(firstFocusableRow, currentFocusedRow, lastVisibleDescendant) {
+      firstFocusableRow.tabIndex = '-1';
+      currentFocusedRow.tabIndex = '0';
+      focusNode(lastVisibleDescendant || currentFocusedRow);
+    };
+    var findBeforeClickableNode = function findBeforeClickableNode(node) {
+      var parentListElement = node.closest('ul').closest('li');
+      if (parentListElement) {
+        var prevNodeButton = utils.DomHandler.findSingle(parentListElement, 'button');
+        if (prevNodeButton && prevNodeButton.style.visibility !== 'hidden') {
+          return parentListElement;
+        }
+        return findBeforeClickableNode(node.previousElementSibling);
+      }
+      return null;
+    };
     var propagateUp = function propagateUp(event) {
       var check = event.check;
       var selectionKeys = event.selectionKeys;
@@ -34510,6 +34730,9 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
     var isChecked = function isChecked() {
       return (props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].checked : false) || false;
     };
+    var isSameNode = function isSameNode(event) {
+      return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[role="treeitem"]')));
+    };
     var isPartialChecked = function isPartialChecked() {
       return props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].partialChecked : false;
     };
@@ -34612,7 +34835,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       var labelProps = utils.mergeProps({
         className: cx('label')
       }, getPTOptions('label'));
-      var content = /*#__PURE__*/React__namespace.createElement("span", labelProps, props.node.label);
+      var content = /*#__PURE__*/React__namespace.createElement("span", labelProps, label);
       if (props.nodeTemplate) {
         var defaultContentOptions = {
           onTogglerClick: onTogglerClick,
@@ -34635,6 +34858,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, checkboxIconProps) : null;
         var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, checkboxIconProps), props);
         var checkboxContainerProps = utils.mergeProps({
+          'aria-hidden': true,
           className: cx('checkboxContainer')
         }, getPTOptions('checkboxContainer'));
         var checkboxProps = utils.mergeProps({
@@ -34643,8 +34867,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
             partialChecked: partialChecked,
             nodeProps: props
           }),
-          role: 'checkbox',
-          'aria-checked': checked
+          role: 'checkbox'
         }, getPTOptions('checkbox'));
         return /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, checkboxIcon));
       }
@@ -34661,7 +34884,6 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       return null;
     };
     var createToggler = function createToggler() {
-      var label = expanded ? api.ariaLabel('collapseLabel') : api.ariaLabel('expandLabel');
       var togglerIconProps = utils.mergeProps({
         className: cx('togglerIcon'),
         'aria-hidden': true
@@ -34675,8 +34897,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         type: 'button',
         className: cx('toggler'),
         tabIndex: -1,
-        onClick: onTogglerClick,
-        'aria-label': label
+        'aria-hidden': true,
+        onClick: onTogglerClick
       }, getPTOptions('toggler'));
       var content = /*#__PURE__*/React__namespace.createElement("button", togglerProps, togglerIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       if (props.togglerTemplate) {
@@ -34733,8 +34955,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         onDragEnter: onDragEnter,
         onDragLeave: onDragLeave,
         onDragStart: onDragStart,
-        onDragEnd: onDragEnd,
-        onKeyDown: onNodeKeyDown
+        onDragEnd: onDragEnd
       }, getPTOptions('content'));
       return /*#__PURE__*/React__namespace.createElement("div", contentProps, toggler, checkbox, icon, label);
     };
@@ -34748,62 +34969,70 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
           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
           });
         }));
       }
       return null;
     };
     var createNode = function createNode() {
-      var tabIndex = props.disabled ? undefined : 0;
+      var tabIndex = props.disabled || props.index !== 0 ? -1 : 0;
       var selected = isSelected();
       var checked = isChecked();
       var content = createContent();
       var children = createChildren();
-      var nodeProps = utils.mergeProps({
+      var nodeProps = utils.mergeProps(_defineProperty(_defineProperty({
+        ref: elementRef,
         className: utils.classNames(props.node.className, cx('node', {
           isLeaf: isLeaf
         })),
         style: props.node.style,
         tabIndex: tabIndex,
         role: 'treeitem',
-        'aria-posinset': props.index + 1,
+        'aria-label': label,
+        'aria-level': props.level,
         'aria-expanded': expanded,
-        'aria-selected': checked || selected
-      }, getPTOptions('node'));
+        'aria-checked': checked,
+        'aria-setsize': props.node.children ? props.node.children.length : 0,
+        'aria-posinset': props.index + 1,
+        onKeyDown: onKeyDown
+      }, "aria-expanded", expanded), 'aria-selected', checked || selected), getPTOptions('node'));
       return /*#__PURE__*/React__namespace.createElement("li", nodeProps, content, children);
     };
     var node = createNode();
@@ -34816,6 +35045,19 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
   });
   UITreeNode.displayName = 'UITreeNode';
 
+  /* eslint-disable */
+  var useUpdateEffect = function useUpdateEffect(fn, deps) {
+    var mounted = React__namespace.useRef(false);
+    return React__namespace.useEffect(function () {
+      if (!mounted.current) {
+        mounted.current = true;
+        return;
+      }
+      return fn && fn();
+    }, deps);
+  };
+  /* eslint-enable */
+
   function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
@@ -34838,6 +35080,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
     var filterChanged = React__namespace.useRef(false);
     var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
     var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
+    var childFocusEvent = React__namespace.useRef(null);
     var _TreeBase$setMetaData = TreeBase.setMetaData({
         props: props,
         state: {
@@ -34863,12 +35106,33 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
       return props.filter && filteredNodes.current ? filteredNodes.current : props.value;
     };
     var onToggle = function onToggle(event) {
+      var originalEvent = event.originalEvent,
+        value = event.value,
+        navigateFocusToChild = event.navigateFocusToChild;
       if (props.onToggle) {
-        props.onToggle(event);
+        props.onToggle({
+          originalEvent: originalEvent,
+          value: value
+        });
       } else {
+        if (navigateFocusToChild) {
+          childFocusEvent.current = originalEvent;
+        }
         setExpandedKeysState(event.value);
       }
     };
+    useUpdateEffect(function () {
+      if (childFocusEvent.current) {
+        var event = childFocusEvent.current;
+        var nodeElement = event.target.getAttribute('data-pc-section') === 'toggler' ? event.target.closest('[role="treeitem"]') : event.target;
+        var listElement = nodeElement.children[1];
+        var childElement = listElement.children[0];
+        nodeElement.tabIndex = '-1';
+        childElement.tabIndex = '0';
+        childElement.focus();
+        childFocusEvent.current = null;
+      }
+    }, [expandedKeys]);
     var onDragStart = function onDragStart(event) {
       dragState.current = {
         path: event.path,
@@ -35141,41 +35405,42 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         hostName: "Tree",
         key: node.key || node.label,
         node: node,
+        level: props.level + 1,
         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,
         isNodeLeaf: isNodeLeaf,
-        dragdropScope: props.dragdropScope,
-        onDragStart: onDragStart,
+        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,
+        propagateSelectionDown: props.propagateSelectionDown,
+        propagateSelectionUp: props.propagateSelectionUp,
         ptm: ptm,
-        cx: cx
+        selectionKeys: props.selectionKeys,
+        selectionMode: props.selectionMode,
+        togglerTemplate: props.togglerTemplate
       });
     };
     var createRootChildren = function createRootChildren() {
@@ -35194,6 +35459,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, search, sp
         var containerProps = utils.mergeProps(_objectSpread({
           className: utils.classNames(props.contentClassName, cx('container')),
           role: 'tree',
+          'aria-label': props.ariaLabel,
+          'aria-labelledby': props.ariaLabelledBy,
           style: props.contentStyle
         }, ariaProps), ptm('container'));
         return /*#__PURE__*/React__namespace.createElement("ul", containerProps, rootNodes);