primereact 10.9.6 → 10.9.8

package/primereact.all.cjs.js

@@ -3642,62 +3642,62 @@ var PrimeReactProvider = function PrimeReactProvider(props) {
     appendTo = _useState8[0],
     setAppendTo = _useState8[1];
   var _useState9 = React.useState((_propsValue$styleCont = propsValue.styleContainer) !== null && _propsValue$styleCont !== void 0 ? _propsValue$styleCont : null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    styleContainer = _useState10[0],
-    setStyleContainer = _useState10[1];
-  var _useState11 = React.useState((_propsValue$cssTransi = propsValue.cssTransition) !== null && _propsValue$cssTransi !== void 0 ? _propsValue$cssTransi : true),
+    _useState0 = _slicedToArray(_useState9, 2),
+    styleContainer = _useState0[0],
+    setStyleContainer = _useState0[1];
+  var _useState1 = React.useState((_propsValue$cssTransi = propsValue.cssTransition) !== null && _propsValue$cssTransi !== void 0 ? _propsValue$cssTransi : true),
+    _useState10 = _slicedToArray(_useState1, 2),
+    cssTransition = _useState10[0],
+    setCssTransition = _useState10[1];
+  var _useState11 = React.useState((_propsValue$autoZInde = propsValue.autoZIndex) !== null && _propsValue$autoZInde !== void 0 ? _propsValue$autoZInde : true),
     _useState12 = _slicedToArray(_useState11, 2),
-    cssTransition = _useState12[0],
-    setCssTransition = _useState12[1];
-  var _useState13 = React.useState((_propsValue$autoZInde = propsValue.autoZIndex) !== null && _propsValue$autoZInde !== void 0 ? _propsValue$autoZInde : true),
+    autoZIndex = _useState12[0],
+    setAutoZIndex = _useState12[1];
+  var _useState13 = React.useState((_propsValue$hideOverl = propsValue.hideOverlaysOnDocumentScrolling) !== null && _propsValue$hideOverl !== void 0 ? _propsValue$hideOverl : false),
     _useState14 = _slicedToArray(_useState13, 2),
-    autoZIndex = _useState14[0],
-    setAutoZIndex = _useState14[1];
-  var _useState15 = React.useState((_propsValue$hideOverl = propsValue.hideOverlaysOnDocumentScrolling) !== null && _propsValue$hideOverl !== void 0 ? _propsValue$hideOverl : false),
+    hideOverlaysOnDocumentScrolling = _useState14[0],
+    setHideOverlaysOnDocumentScrolling = _useState14[1];
+  var _useState15 = React.useState((_propsValue$nonce = propsValue.nonce) !== null && _propsValue$nonce !== void 0 ? _propsValue$nonce : null),
     _useState16 = _slicedToArray(_useState15, 2),
-    hideOverlaysOnDocumentScrolling = _useState16[0],
-    setHideOverlaysOnDocumentScrolling = _useState16[1];
-  var _useState17 = React.useState((_propsValue$nonce = propsValue.nonce) !== null && _propsValue$nonce !== void 0 ? _propsValue$nonce : null),
+    nonce = _useState16[0],
+    setNonce = _useState16[1];
+  var _useState17 = React.useState((_propsValue$nullSortO = propsValue.nullSortOrder) !== null && _propsValue$nullSortO !== void 0 ? _propsValue$nullSortO : 1),
     _useState18 = _slicedToArray(_useState17, 2),
-    nonce = _useState18[0],
-    setNonce = _useState18[1];
-  var _useState19 = React.useState((_propsValue$nullSortO = propsValue.nullSortOrder) !== null && _propsValue$nullSortO !== void 0 ? _propsValue$nullSortO : 1),
-    _useState20 = _slicedToArray(_useState19, 2),
-    nullSortOrder = _useState20[0],
-    setNullSortOrder = _useState20[1];
-  var _useState21 = React.useState((_propsValue$zIndex = propsValue.zIndex) !== null && _propsValue$zIndex !== void 0 ? _propsValue$zIndex : {
+    nullSortOrder = _useState18[0],
+    setNullSortOrder = _useState18[1];
+  var _useState19 = React.useState((_propsValue$zIndex = propsValue.zIndex) !== null && _propsValue$zIndex !== void 0 ? _propsValue$zIndex : {
       modal: 1100,
       overlay: 1000,
       menu: 1000,
       tooltip: 1100,
       toast: 1200
     }),
-    _useState22 = _slicedToArray(_useState21, 2),
-    zIndex = _useState22[0],
-    setZIndex = _useState22[1];
-  var _useState23 = React.useState((_propsValue$ptOptions = propsValue.ptOptions) !== null && _propsValue$ptOptions !== void 0 ? _propsValue$ptOptions : {
+    _useState20 = _slicedToArray(_useState19, 2),
+    zIndex = _useState20[0],
+    setZIndex = _useState20[1];
+  var _useState21 = React.useState((_propsValue$ptOptions = propsValue.ptOptions) !== null && _propsValue$ptOptions !== void 0 ? _propsValue$ptOptions : {
       mergeSections: true,
       mergeProps: true
     }),
+    _useState22 = _slicedToArray(_useState21, 2),
+    ptOptions = _useState22[0],
+    setPtOptions = _useState22[1];
+  var _useState23 = React.useState((_propsValue$pt = propsValue.pt) !== null && _propsValue$pt !== void 0 ? _propsValue$pt : undefined),
     _useState24 = _slicedToArray(_useState23, 2),
-    ptOptions = _useState24[0],
-    setPtOptions = _useState24[1];
-  var _useState25 = React.useState((_propsValue$pt = propsValue.pt) !== null && _propsValue$pt !== void 0 ? _propsValue$pt : undefined),
+    pt = _useState24[0],
+    setPt = _useState24[1];
+  var _useState25 = React.useState((_propsValue$unstyled = propsValue.unstyled) !== null && _propsValue$unstyled !== void 0 ? _propsValue$unstyled : false),
     _useState26 = _slicedToArray(_useState25, 2),
-    pt = _useState26[0],
-    setPt = _useState26[1];
-  var _useState27 = React.useState((_propsValue$unstyled = propsValue.unstyled) !== null && _propsValue$unstyled !== void 0 ? _propsValue$unstyled : false),
-    _useState28 = _slicedToArray(_useState27, 2),
-    unstyled = _useState28[0],
-    setUnstyled = _useState28[1];
-  var _useState29 = React.useState((_propsValue$filterMat = propsValue.filterMatchModeOptions) !== null && _propsValue$filterMat !== void 0 ? _propsValue$filterMat : {
+    unstyled = _useState26[0],
+    setUnstyled = _useState26[1];
+  var _useState27 = React.useState((_propsValue$filterMat = propsValue.filterMatchModeOptions) !== null && _propsValue$filterMat !== void 0 ? _propsValue$filterMat : {
       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]
     }),
-    _useState30 = _slicedToArray(_useState29, 2),
-    filterMatchModeOptions = _useState30[0],
-    setFilterMatchModeOptions = _useState30[1];
+    _useState28 = _slicedToArray(_useState27, 2),
+    filterMatchModeOptions = _useState28[0],
+    setFilterMatchModeOptions = _useState28[1];
   var changeTheme = function changeTheme(currentTheme, newTheme, linkElementId, callback) {
     var _linkElement$parentNo;
     var linkElement = document.getElementById(linkElementId);
@@ -4415,10 +4415,10 @@ function useMove(_ref) {
       type: 'mousedown',
       listener: onMouseDown
     }),
-    _useEventListener10 = _slicedToArray(_useEventListener9, 2),
-    bindMouseDownListener = _useEventListener10[0],
-    unbindMouseDownListener = _useEventListener10[1];
-  var _useEventListener11 = useEventListener({
+    _useEventListener0 = _slicedToArray(_useEventListener9, 2),
+    bindMouseDownListener = _useEventListener0[0],
+    unbindMouseDownListener = _useEventListener0[1];
+  var _useEventListener1 = useEventListener({
       target: ref,
       type: 'touchstart',
       listener: onTouchStart,
@@ -4426,9 +4426,9 @@ function useMove(_ref) {
         passive: false
       }
     }),
-    _useEventListener12 = _slicedToArray(_useEventListener11, 2),
-    bindTouchStartListener = _useEventListener12[0],
-    unbindTouchStartListener = _useEventListener12[1];
+    _useEventListener10 = _slicedToArray(_useEventListener1, 2),
+    bindTouchStartListener = _useEventListener10[0],
+    unbindTouchStartListener = _useEventListener10[1];
   var clamp = function clamp(value, min, max) {
     return Math.min(Math.max(value, min), max);
   };
@@ -4918,7 +4918,7 @@ var useUpdateEffect = function useUpdateEffect(fn, deps) {
 function ownKeys$1Y(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$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    opacity: 0;\n    overflow: hidden;\n    padding: 0;\n    pointer-events: none;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
-var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n\n.p-button-group-single .p-button:first-of-type {\n    border-top-right-radius: var(--border-radius) !important;\n    border-bottom-right-radius: var(--border-radius) !important;\n}\n\n.p-button-group-single .p-button:last-of-type {\n    border-top-left-radius: var(--border-radius) !important;\n    border-bottom-left-radius: var(--border-radius) !important;\n}\n";
+var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon {\n    pointer-events: none;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n\n.p-button-group-single .p-button:first-of-type {\n    border-top-right-radius: var(--border-radius) !important;\n    border-bottom-right-radius: var(--border-radius) !important;\n}\n\n.p-button-group-single .p-button:last-of-type {\n    border-top-left-radius: var(--border-radius) !important;\n    border-bottom-left-radius: var(--border-radius) !important;\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 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    /* @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(inputTextStyles, "\n    ").concat(iconStyles, "\n}\n");
@@ -5676,12 +5676,13 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       var tabHeader = createTabHeader(tab, selected, index);
       var tabContent = createTabContent(tab, selected, index);
       var _rootProps = mergeProps({
-        key: key,
         className: cx('accordiontab.root', {
           selected: selected
         })
       }, AccordionTabBase.getCOtherProps(tab), getTabPT(tab, 'root', index));
-      return /*#__PURE__*/React__namespace.createElement("div", _rootProps, tabHeader, tabContent);
+      return /*#__PURE__*/React__namespace.createElement("div", _extends({}, _rootProps, {
+        key: key
+      }), tabHeader, tabContent);
     }
     return null;
   };
@@ -6466,8 +6467,12 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
     if (visibleState) {
       var position = getPosition(currentTargetRef.current);
       var classname = getTargetOption(currentTargetRef.current, 'classname');
-      setPositionState(position);
-      setClassNameState(classname);
+      if (position !== positionState) {
+        setPositionState(position);
+      }
+      if (classname !== classNameState) {
+        setClassNameState(classname);
+      }
       updateTooltipState(position);
       bindWindowResizeListener();
       bindOverlayScrollListener();
@@ -6922,6 +6927,7 @@ var InputText = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
       context: context,
       isFilled: isFilled
     })),
+    autoComplete: props.autoComplete,
     onBeforeInput: onBeforeInput,
     onInput: onInput,
     onKeyDown: onKeyDown,
@@ -7161,17 +7167,17 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__nam
     numItemsInViewportState = _React$useState8[0],
     setNumItemsInViewportState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(props.numToleratedItems),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    numToleratedItemsState = _React$useState10[0],
-    setNumToleratedItemsState = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState(props.loading || false),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    numToleratedItemsState = _React$useState0[0],
+    setNumToleratedItemsState = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState(props.loading || false),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    loadingState = _React$useState10[0],
+    setLoadingState = _React$useState10[1];
+  var _React$useState11 = React__namespace.useState([]),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    loadingState = _React$useState12[0],
-    setLoadingState = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState([]),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    loaderArrState = _React$useState14[0],
-    setLoaderArrState = _React$useState14[1];
+    loaderArrState = _React$useState12[0],
+    setLoaderArrState = _React$useState12[1];
   var _VirtualScrollerBase$ = VirtualScrollerBase.setMetaData({
       props: props,
       state: {
@@ -8192,7 +8198,8 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__n
       style: style,
       onClick: function onClick(e) {
         return props.onClick(e);
-      }
+      },
+      'data-pr-is-overlay': true
     }, _ptm('panel'));
     var transitionProps = mergeProps({
       classNames: cx('transition'),
@@ -9758,7 +9765,8 @@ var CalendarPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, re
       'aria-label': localeOption('chooseDate', props.locale),
       'aria-modal': props.inline ? null : 'true',
       onClick: props.onClick,
-      onMouseUp: props.onMouseUp
+      onMouseUp: props.onMouseUp,
+      'data-pr-is-overlay': true
     }, props.ptm('panel', {
       hostName: props.hostName
     }));
@@ -9857,22 +9865,23 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   var viewChangedWithKeyDown = React__namespace.useRef(false);
   var onChangeRef = React__namespace.useRef(null);
   var isClearClicked = React__namespace.useRef(false);
+  var updateInputfieldRef = React__namespace.useRef(null);
   var _React$useState9 = React__namespace.useState('date'),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    currentView = _React$useState10[0],
-    setCurrentView = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    currentView = _React$useState0[0],
+    setCurrentView = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState(null),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    currentMonth = _React$useState10[0],
+    setCurrentMonth = _React$useState10[1];
   var _React$useState11 = React__namespace.useState(null),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    currentMonth = _React$useState12[0],
-    setCurrentMonth = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState(null),
+    currentYear = _React$useState12[0],
+    setCurrentYear = _React$useState12[1];
+  var _React$useState13 = React__namespace.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    currentYear = _React$useState14[0],
-    setCurrentYear = _React$useState14[1];
-  var _React$useState15 = React__namespace.useState([]),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    yearOptions = _React$useState16[0],
-    setYearOptions = _React$useState16[1];
+    yearOptions = _React$useState14[0],
+    setYearOptions = _React$useState14[1];
   var previousValue = usePrevious(props.value);
   var visible = props.inline || (props.onVisibleChange ? props.visible : overlayVisibleState);
   var attributeSelector = UniqueComponentId();
@@ -9888,7 +9897,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
             if (!isOverlayClicked.current && !isNavIconClicked(event.target)) {
               hide('outside');
             }
-          } else if (context.hideOverlaysOnDocumentScrolling) {
+          } else if (context && context.hideOverlaysOnDocumentScrolling || PrimeReact.hideOverlaysOnDocumentScrolling) {
             hide();
           } else if (!DomHandler.isDocument(event.target)) {
             alignOverlay();
@@ -9905,6 +9914,11 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   var getDateFormat = function getDateFormat() {
     return props.dateFormat || localeOption('dateFormat', props.locale);
   };
+  var onInputClick = function onInputClick() {
+    if (!visible && props.showOnFocus) {
+      show();
+    }
+  };
   var onInputFocus = function onInputFocus(event) {
     if (ignoreFocusFunctionality.current) {
       setFocusedState(true);
@@ -9958,6 +9972,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     props.onInput && props.onInput(event);
   };
   var updateValueOnInput = function updateValueOnInput(event, rawValue, invalidCallback) {
+    props.onInput && props.onInput(event);
     try {
       var value = parseValueFromString(props.timeOnly ? rawValue.replace('_', '') : rawValue);
       if (isValidSelection(value)) {
@@ -10000,7 +10015,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   var isValidSelection = function isValidSelection(value) {
     var isValid = true;
     if (isSingleSelection()) {
-      if (!(isSelectable(value.getDate(), value.getMonth(), value.getFullYear(), false) && isSelectableTime(value))) {
+      if (!(isSelectable(value.getDate(), value.getMonth(), value.getFullYear(), false) && (!props.showTime || isSelectableTime(value)))) {
         isValid = false;
       }
     } else if (value.every(function (v) {
@@ -10158,14 +10173,14 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         newViewDate.setMonth(11);
         newViewDate.setFullYear(newYear);
         props.onMonthChange && props.onMonthChange({
-          month: 11,
+          month: 12,
           year: newYear
         });
         setCurrentMonth(11);
       } else {
         newViewDate.setMonth(newViewDate.getMonth() - 1);
         props.onMonthChange && props.onMonthChange({
-          month: currentMonth - 1,
+          month: currentMonth,
           year: currentYear
         });
         setCurrentMonth(function (prevState) {
@@ -10203,14 +10218,14 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         newViewDate.setMonth(0);
         newViewDate.setFullYear(newYear);
         props.onMonthChange && props.onMonthChange({
-          month: 0,
+          month: 1,
           year: newYear
         });
         setCurrentMonth(0);
       } else {
         newViewDate.setMonth(newViewDate.getMonth() + 1);
         props.onMonthChange && props.onMonthChange({
-          month: currentMonth + 1,
+          month: currentMonth + 2,
           year: currentYear
         });
         setCurrentMonth(function (prevState) {
@@ -10287,8 +10302,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var timeMeta = {
       hours: today.getHours(),
       minutes: today.getMinutes(),
-      seconds: today.getSeconds(),
-      milliseconds: today.getMilliseconds()
+      seconds: props.showSeconds ? today.getSeconds() : 0,
+      milliseconds: props.showMillisec ? today.getMilliseconds() : 0
     };
     updateViewDate(event, today);
     onDateSelect(event, dateMeta, timeMeta);
@@ -11252,7 +11267,9 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     if (!props.inline && isSingleSelection() && (!props.showTime || props.hideOnDateTimeSelect) && !isUpdateViewDate) {
       setTimeout(function () {
         hide('dateselect');
-        reFocusInputField();
+        if (props.selectionMode !== 'single') {
+          reFocusInputField();
+        }
       }, 100);
       if (touchUIMask.current) {
         disableModality();
@@ -11273,7 +11290,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         milliseconds = timeMeta.milliseconds;
       } else {
         var time = getCurrentDateTime();
-        var _ref5 = [time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds()];
+        var _ref5 = [time.getHours(), time.getMinutes(), props.showSeconds ? time.getSeconds() : 0, props.showMillisec ? time.getMilliseconds() : 0];
         hours = _ref5[0];
         minutes = _ref5[1];
         seconds = _ref5[2];
@@ -11333,7 +11350,6 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         value: date
       });
     }
-    updateInputfield(selectedValues);
   };
   var decrementDecade = function decrementDecade() {
     var _currentYear = currentYear - 10;
@@ -11801,11 +11817,13 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         if (props.minDate.getMinutes() > value.getMinutes()) {
           validMin = false;
         } else if (props.minDate.getMinutes() === value.getMinutes()) {
-          if (props.minDate.getSeconds() > value.getSeconds()) {
-            validMin = false;
-          } else if (props.minDate.getSeconds() === value.getSeconds()) {
-            if (props.minDate.getMilliseconds() > value.getMilliseconds()) {
+          if (props.showSeconds) {
+            if (props.minDate.getSeconds() > value.getSeconds()) {
               validMin = false;
+            } else if (props.minDate.getSeconds() === value.getSeconds()) {
+              if (!props.showMillisec || props.minDate.getMilliseconds() > value.getMilliseconds()) {
+                validMin = false;
+              }
             }
           }
         }
@@ -11818,11 +11836,13 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         if (props.maxDate.getMinutes() < value.getMinutes()) {
           validMax = false;
         } else if (props.maxDate.getMinutes() === value.getMinutes()) {
-          if (props.maxDate.getSeconds() < value.getSeconds()) {
-            validMax = false;
-          } else if (props.maxDate.getSeconds() === value.getSeconds()) {
-            if (props.maxDate.getMilliseconds() < value.getMilliseconds()) {
+          if (props.showSeconds) {
+            if (props.maxDate.getSeconds() < value.getSeconds()) {
               validMax = false;
+            } else if (props.maxDate.getSeconds() === value.getSeconds()) {
+              if (!props.showMillisec || props.maxDate.getMilliseconds() < value.getMilliseconds()) {
+                validMax = false;
+              }
             }
           }
         }
@@ -12019,6 +12039,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     }
     inputRef.current.value = formattedValue;
   };
+  updateInputfieldRef.current = updateInputfield;
   var formatDateTime = function formatDateTime(date) {
     if (props.formatDateTime) {
       return props.formatDateTime(date);
@@ -12426,6 +12447,11 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   React__namespace.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
+  React__namespace.useEffect(function () {
+    if (props.value !== previousValue) {
+      updateInputfieldRef.current && updateInputfieldRef.current(props.value);
+    }
+  }, [props.value, previousValue]);
   useMountEffect(function () {
     var viewDate = getViewDate(props.viewDate);
     validateDate(viewDate);
@@ -13220,9 +13246,9 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   var createAmPmPicker = function createAmPmPicker() {
     if (props.hourFormat === '12') {
       var currentTime = getCurrentDateTime();
-      var _localeOptions10 = localeOptions(props.locale),
-        am = _localeOptions10.am,
-        pm = _localeOptions10.pm;
+      var _localeOptions0 = localeOptions(props.locale),
+        am = _localeOptions0.am,
+        pm = _localeOptions0.pm;
       var hour = currentTime.getHours();
       var display = hour > 11 ? 'PM' : 'AM';
       var ampmProps = mergeProps(ptm('ampm'));
@@ -13283,6 +13309,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         autoComplete: "off",
         placeholder: props.placeholder,
         tabIndex: props.tabIndex,
+        onClick: onInputClick,
         onInput: onUserInput,
         onFocus: onInputFocus,
         onBlur: onInputBlur,
@@ -13342,10 +13369,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   };
   var createButtonBar = function createButtonBar() {
     if (props.showButtonBar) {
-      var _localeOptions11 = localeOptions(props.locale),
-        today = _localeOptions11.today,
-        clear = _localeOptions11.clear,
-        now = _localeOptions11.now;
+      var _localeOptions1 = localeOptions(props.locale),
+        today = _localeOptions1.today,
+        clear = _localeOptions1.clear,
+        now = _localeOptions1.now;
       var nowDate = new Date();
       var isHidden = props.minDate && props.minDate > nowDate || props.maxDate && isPastMaxDateWithBuffer();
       var buttonbarProps = mergeProps({
@@ -14059,7 +14086,15 @@ var Carousel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     }
     if (!carouselStyle.current) {
       calculatePosition();
-      changePosition(totalShiftedItemsState);
+
+      // Workaround: force correct initial position for circular
+      if (isCircular) {
+        var initialPosition = -1 * numVisibleState;
+        setTotalShiftedItemsState(initialPosition);
+        changePosition(initialPosition);
+      } else {
+        changePosition(totalShiftedItemsState);
+      }
       bindWindowResizeListener();
     }
   });
@@ -14436,7 +14471,7 @@ var classes$14 = {
   text: 'p-cascadeselect-item-text',
   transition: 'p-connected-overlay'
 };
-var styles$U = "\n@layer primereact {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n    \n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n    \n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n    \n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n    \n    .p-cascadeselect-sublist-wrapper {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n    \n    .p-cascadeselect-item-active > .p-cascadeselect-sublist-wrapper {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n    .p-cascadeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        right: 3rem;\n    }\n}\n";
+var styles$U = "\n@layer primereact {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n\n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n\n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n\n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n\n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n\n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n\n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n\n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n\n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n\n    .p-cascadeselect-sublist-wrapper {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n\n    .p-cascadeselect-item-active > .p-cascadeselect-sublist-wrapper {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n    .p-cascadeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        right: 3rem;\n    }\n}\n";
 var CascadeSelectBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'CascadeSelect',
@@ -14444,6 +14479,7 @@ var CascadeSelectBase = ComponentBase.extend({
     ariaLabelledBy: null,
     autoFocus: false,
     breakpoint: undefined,
+    showClear: false,
     className: null,
     dataKey: null,
     disabled: false,
@@ -14510,6 +14546,7 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
     activeOptionState = _React$useState2[0],
     setActiveOptionState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
+  var shouldFocusSubmenu = React__namespace.useRef(false);
   var context = React__namespace.useContext(PrimeReactContext);
   var ptm = props.ptm,
     cx = props.cx;
@@ -14555,6 +14592,7 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
           if (activeOptionState === option) {
             listItem.children[1].children[0].children[0].focus();
           } else {
+            shouldFocusSubmenu.current = true;
             setActiveOptionState(option);
           }
         }
@@ -14562,9 +14600,14 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
       case 'Left':
       case 'ArrowLeft':
         setActiveOptionState(null);
-        var parentList = event.currentTarget.parentElement.parentElement.previousElementSibling;
-        if (parentList) {
-          parentList.focus();
+        var currentList = event.currentTarget.parentElement.parentElement;
+        var wrapperDiv = currentList.parentElement;
+        var parentListItem = wrapperDiv.parentElement;
+        if (parentListItem && parentListItem.tagName === 'LI') {
+          var parentContent = parentListItem.querySelector('[data-pc-section="content"]');
+          if (parentContent) {
+            parentContent.focus();
+          }
         }
         break;
       case 'Enter':
@@ -14643,6 +14686,21 @@ var CascadeSelectSub = /*#__PURE__*/React__namespace.memo(function (props) {
       setActiveOptionState(null);
     }
   }, [props.parentActive]);
+  useUpdateEffect(function () {
+    if (shouldFocusSubmenu.current && activeOptionState && elementRef.current) {
+      shouldFocusSubmenu.current = false;
+      setTimeout(function () {
+        var activeItem = elementRef.current.querySelector('[data-p-highlight="true"]');
+        if (activeItem && activeItem.children.length > 1) {
+          var submenuWrapper = activeItem.children[1];
+          var firstFocusable = submenuWrapper.querySelector('div[tabindex="0"]');
+          if (firstFocusable) {
+            firstFocusable.focus();
+          }
+        }
+      }, 150);
+    }
+  }, [activeOptionState]);
   var createSubmenu = function createSubmenu(option) {
     if (isOptionGroup(option) && activeOptionState === option) {
       var options = getOptionGroupChildren(option);
@@ -16308,7 +16366,8 @@ var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
         context: context
       }),
       style: props.panelStyle,
-      onClick: props.onClick
+      onClick: props.onClick,
+      'data-pr-is-overlay': true
     }, ptm('panel', {
       hostName: props.hostName
     }));
@@ -17394,7 +17453,7 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
           lastPageX.current = event.pageX;
           dialogRef.current.style.left = leftPos - leftMargin + 'px';
         }
-        if (topPos >= props.minY && topPos + height < viewport.height) {
+        if (topPos >= props.minY && (deltaY < 0 || topPos + height < viewport.height)) {
           lastPageY.current = event.pageY;
           dialogRef.current.style.top = topPos - topMargin + 'px';
         }
@@ -17448,10 +17507,10 @@ var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         newWidth = newWidth + deltaX;
         newHeight = newHeight + deltaY;
       }
-      if ((!minWidth || newWidth > minWidth) && offset.left + newWidth < viewport.width) {
+      if ((!minWidth || newWidth > minWidth) && (deltaX < 0 || offset.left + newWidth < viewport.width)) {
         dialogRef.current.style.width = newWidth + 'px';
       }
-      if ((!minHeight || newHeight > minHeight) && offset.top + newHeight < viewport.height) {
+      if ((!minHeight || newHeight > minHeight) && (deltaY < 0 || offset.top + newHeight < viewport.height)) {
         dialogRef.current.style.height = newHeight + 'px';
       }
       lastPageX.current = event.pageX;
@@ -17980,7 +18039,7 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     }
   };
   var confirm = function confirm(updatedProps) {
-    if (updatedProps.tagKey === props.tagKey) {
+    if (updatedProps.tagKey === props.tagKey && (updatedProps.group === undefined || updatedProps.group === props.group)) {
       var isVisibleChanged = visibleState !== updatedProps.visible;
       var targetChanged = getPropValue('target') !== updatedProps.target;
       if (targetChanged && !props.target) {
@@ -18725,13 +18784,14 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__name
     var key = props.id + '_separator_' + index;
     var separatorProps = mergeProps({
       id: key,
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
       hostName: props.hostName
     }));
-    return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenu = function createSubmenu(item, index) {
     if (isItemGroup(item)) {
@@ -18816,9 +18876,8 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__name
       },
       className: cx('content')
     }, getPTOptions(processedItem, 'content', index));
-    var menuitemProps = mergeProps(_defineProperty({
+    var menuitemProps = mergeProps({
       id: key,
-      key: key,
       role: 'menuitem',
       'aria-label': item.label,
       'aria-disabled': disabled,
@@ -18837,8 +18896,10 @@ var ContextMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__name
         disabled: isItemDisabled(item)
       }),
       style: item.style
-    }, "key", key), getPTOptions(processedItem, 'menuitem', index));
-    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
+    }, getPTOptions(processedItem, 'menuitem', index));
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
   };
   var createItem = function createItem(processedItem, index) {
     if (processedItem.visible === false) {
@@ -18909,41 +18970,41 @@ var ContextMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     resetMenuState = _React$useState8[0],
     setResetMenuState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    attributeSelectorState = _React$useState10[0],
-    setAttributeSelectorState = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    attributeSelectorState = _React$useState0[0],
+    setAttributeSelectorState = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    focused = _React$useState10[0],
+    setFocused = _React$useState10[1];
   var _React$useState11 = React__namespace.useState(false),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    focused = _React$useState12[0],
-    setFocused = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState(false),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    focusTrigger = _React$useState14[0],
-    setFocusTrigger = _React$useState14[1];
-  var _React$useState15 = React__namespace.useState({
+    focusTrigger = _React$useState12[0],
+    setFocusTrigger = _React$useState12[1];
+  var _React$useState13 = React__namespace.useState({
       index: -1,
       level: 0,
       parentKey: ''
     }),
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    focusedItemInfo = _React$useState14[0],
+    setFocusedItemInfo = _React$useState14[1];
+  var _React$useState15 = React__namespace.useState(''),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    focusedItemInfo = _React$useState16[0],
-    setFocusedItemInfo = _React$useState16[1];
-  var _React$useState17 = React__namespace.useState(''),
+    activeItemPath = _React$useState16[0],
+    setActiveItemPath = _React$useState16[1];
+  var _React$useState17 = React__namespace.useState([]),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    activeItemPath = _React$useState18[0],
-    setActiveItemPath = _React$useState18[1];
+    processedItems = _React$useState18[0],
+    setProcessedItems = _React$useState18[1];
   var _React$useState19 = React__namespace.useState([]),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    processedItems = _React$useState20[0],
-    setProcessedItems = _React$useState20[1];
-  var _React$useState21 = React__namespace.useState([]),
+    visibleItems = _React$useState20[0],
+    setVisibleItems = _React$useState20[1];
+  var _React$useState21 = React__namespace.useState(null),
     _React$useState22 = _slicedToArray(_React$useState21, 2),
-    visibleItems = _React$useState22[0],
-    setVisibleItems = _React$useState22[1];
-  var _React$useState23 = React__namespace.useState(null),
-    _React$useState24 = _slicedToArray(_React$useState23, 2),
-    focusedItemId = _React$useState24[0],
-    setFocusedItemId = _React$useState24[1];
+    focusedItemId = _React$useState22[0],
+    setFocusedItemId = _React$useState22[1];
   var _ContextMenuBase$setM = ContextMenuBase.setMetaData({
       props: props,
       state: {
@@ -20600,6 +20661,54 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     }
     return null;
   };
+  function countDecimals(value) {
+    if (!isFinite(value)) return 0;
+    var s = String(value);
+
+    // handle exponential notation: e.g. "1e-7"
+    if (s.toLowerCase().includes('e')) {
+      var _s$split = s.split('e'),
+        _s$split2 = _slicedToArray(_s$split, 2),
+        mantissa = _s$split2[0],
+        expStr = _s$split2[1];
+      var exp = parseInt(expStr, 10);
+      var decimalPart = (mantissa.split('.')[1] || '').length;
+
+      // If exponent is negative, decimals increase
+      if (exp < 0) return decimalPart + Math.abs(exp);
+
+      // If exponent is positive, decimals shrink
+      return Math.max(0, decimalPart - exp);
+    }
+
+    // normal decimal
+    return (s.split('.')[1] || '').length;
+  }
+  var addWithPrecision = function addWithPrecision(base, increment) {
+    base = Number(base);
+    increment = Number(increment);
+
+    // invalid inputs → return NaN cleanly
+    if (!isFinite(base) || !isFinite(increment)) return NaN;
+    var baseDec = countDecimals(base);
+    var incDec = countDecimals(increment);
+
+    // Choose required decimal precision but cap so factor remains safe
+    var decimals = Math.min(Math.max(baseDec, incDec), 15);
+    var factor = Math.pow(10, decimals);
+    var maxSafe = Number.MAX_SAFE_INTEGER;
+
+    // avoid unsafe multiplication
+    if (Math.abs(base) * factor > maxSafe || Math.abs(increment) * factor > maxSafe) {
+      var sum = base + increment;
+      // fallback to a safe rounding
+      var fallbackFactor = Math.pow(10, 15);
+      return Math.round(sum * fallbackFactor) / fallbackFactor;
+    }
+
+    // Correct integer math → avoids floating point errors
+    return Math.round(base * factor + increment * factor) / factor;
+  };
   var _repeat = function repeat(event, interval, dir) {
     var i = interval || 500;
     clearTimer();
@@ -20612,7 +20721,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     if (inputRef.current) {
       var step = props.step * dir;
       var currentValue = parseValue(inputRef.current.value) || 0;
-      var newValue = validateValue(currentValue + step);
+      var newValue = validateValue(addWithPrecision(currentValue, step));
       if (props.maxLength && props.maxLength < formatValue(newValue).length) {
         return;
       }
@@ -20916,6 +21025,9 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
       return;
     }
     var data = (event.clipboardData || window.clipboardData).getData('Text');
+    if (props.inputId === 'integeronly' && /[^\d-]/.test(data)) {
+      return;
+    }
     if (data) {
       var filteredData = parseValue(data);
       if (filteredData != null) {
@@ -20956,8 +21068,12 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     return props.mode === 'decimal';
   };
   var isFloat = function isFloat(val) {
-    var formatter = new Intl.NumberFormat(_locale, getOptions());
-    var parseVal = parseValue(formatter.format(val));
+    var formattedVal = val;
+    if (typeof formattedVal !== 'string') {
+      var formatter = new Intl.NumberFormat(_locale, getOptions());
+      formattedVal = formatter.format(val);
+    }
+    var parseVal = parseValue(formattedVal);
     if (parseVal === null) {
       return false;
     }
@@ -21355,10 +21471,12 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
   };
   var changeValue = function changeValue() {
     var val = validateValueByLimit(props.value);
+    var currentValue = inputRef.current.value;
     updateInputValue(props.format ? val : replaceDecimalSeparator(val));
     var newValue = validateValue(props.value);
-    if (props.value !== null && props.value !== newValue) {
+    if (props.value !== null && currentValue !== newValue) {
       updateModel(null, newValue);
+      handleOnChange(null, currentValue, newValue);
     }
   };
   var getFormatter = function getFormatter() {
@@ -21950,8 +22068,8 @@ var inlineStyles$i = {
       maxHeight: props.scrollHeight || 'auto'
     };
   },
-  panel: function panel(_ref10) {
-    var props = _ref10.props;
+  panel: function panel(_ref0) {
+    var props = _ref0.props;
     return _objectSpread$1p({}, props.panelStyle);
   }
 };
@@ -22375,8 +22493,9 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
           return item && createItem(item, options.index, options);
         },
         contentTemplate: function contentTemplate(options) {
+          var children = options.children || [];
           var emptyMessage = props.hasFilter ? props.emptyFilterMessage : props.emptyMessage;
-          var content = isEmptyFilter ? createEmptyMessage(emptyMessage) : options.children;
+          var content = isEmptyFilter || (children === null || children === void 0 ? void 0 : children.length) === 0 ? createEmptyMessage(emptyMessage) : children;
           var listProps = mergeProps({
             ref: options.contentRef,
             style: options.style,
@@ -22416,7 +22535,8 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
         context: context
       })),
       style: sx('panel'),
-      onClick: props.onClick
+      onClick: props.onClick,
+      'data-pr-is-overlay': true
     }, getPTOptions('panel'));
     var transitionProps = mergeProps({
       classNames: cx('transition'),
@@ -22660,10 +22780,10 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         onArrowLeftKey(event, props.editable);
         break;
       case 'Home':
-        onHomeKey(event);
+        onHomeKey(event, props.editable);
         break;
       case 'End':
-        onEndKey(event);
+        onEndKey(event, props.editable);
         break;
       case 'PageDown':
         onPageDownKey(event);
@@ -22852,12 +22972,15 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   };
   var onArrowLeftKey = function onArrowLeftKey(event) {
     var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    pressedInInputText && setFocusedOptionIndex(-1);
+    if (!pressedInInputText) return;
+    props.editable && DomHandler.focus(inputRef.current);
+    setFocusedOptionIndex(-1);
   };
   var onHomeKey = function onHomeKey(event) {
     var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (pressedInInputText) {
-      event.currentTarget.setSelectionRange(0, 0);
+      DomHandler.focus(inputRef.current);
+      inputRef.current.setSelectionRange(0, 0);
       setFocusedOptionIndex(-1);
     } else {
       changeFocusedOptionIndex(event, findFirstOptionIndex());
@@ -22868,8 +22991,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   var onEndKey = function onEndKey(event) {
     var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (pressedInInputText) {
-      var target = event.currentTarget;
+      var target = inputRef.current;
       var len = target.value.length;
+      DomHandler.focus(target);
       target.setSelectionRange(len, len);
       setFocusedOptionIndex(-1);
     } else {
@@ -23941,10 +24065,10 @@ var classes$T = {
     });
   },
   filterSeparator: 'p-column-filter-separator',
-  filterRowItem: function filterRowItem(_ref10) {
-    var isRowMatchModeSelected = _ref10.isRowMatchModeSelected,
-      isShowMatchModes = _ref10.isShowMatchModes,
-      value = _ref10.value;
+  filterRowItem: function filterRowItem(_ref0) {
+    var isRowMatchModeSelected = _ref0.isRowMatchModeSelected,
+      isShowMatchModes = _ref0.isShowMatchModes,
+      value = _ref0.value;
     return isShowMatchModes() ? classNames('p-column-filter-row-item', {
       'p-highlight': value && isRowMatchModeSelected(value)
     }) : undefined;
@@ -23955,18 +24079,18 @@ var classes$T = {
   filterConstraint: 'p-column-filter-constraint',
   filterAddRule: 'p-column-filter-add-rule',
   filterButtonBar: 'p-column-filter-buttonbar',
-  filterOverlay: function filterOverlay(_ref11) {
-    var props = _ref11.columnFilterProps,
-      context = _ref11.context,
-      getColumnProp = _ref11.getColumnProp;
+  filterOverlay: function filterOverlay(_ref1) {
+    var props = _ref1.columnFilterProps,
+      context = _ref1.context,
+      getColumnProp = _ref1.getColumnProp;
     return classNames('p-column-filter-overlay p-component p-fluid', getColumnProp('filterMenuClassName'), {
       'p-column-filter-overlay-menu': props.display === 'menu',
       'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
       'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     });
   },
-  columnFilter: function columnFilter(_ref12) {
-    var props = _ref12.columnFilterProps;
+  columnFilter: function columnFilter(_ref10) {
+    var props = _ref10.columnFilterProps;
     return classNames('p-column-filter p-fluid', {
       'p-column-filter-row': props.display === 'row',
       'p-column-filter-menu': props.display === 'menu'
@@ -23978,13 +24102,13 @@ var classes$T = {
   sortIcon: 'p-sortable-column-icon',
   headerTitle: 'p-column-title',
   headerContent: 'p-column-header-content',
-  headerCell: function headerCell(_ref13) {
-    var props = _ref13.headerProps,
-      frozen = _ref13.frozen,
-      sortMeta = _ref13.sortMeta,
-      align = _ref13.align,
-      _isSortableDisabled = _ref13._isSortableDisabled,
-      getColumnProp = _ref13.getColumnProp;
+  headerCell: function headerCell(_ref11) {
+    var props = _ref11.headerProps,
+      frozen = _ref11.frozen,
+      sortMeta = _ref11.sortMeta,
+      align = _ref11.align,
+      _isSortableDisabled = _ref11._isSortableDisabled,
+      getColumnProp = _ref11.getColumnProp;
     return ObjectUtils.isEmpty(props) ? classNames('p-filter-column', {
       'p-frozen-column': frozen
     }) : classNames(_defineProperty({
@@ -23998,9 +24122,9 @@ var classes$T = {
       'p-reorderable-column': props.reorderableColumns && getColumnProp('reorderable') && !frozen
     }, "p-align-".concat(align), !!align));
   },
-  footerCell: function footerCell(_ref14) {
-    var getColumnProp = _ref14.getColumnProp,
-      align = _ref14.align;
+  footerCell: function footerCell(_ref12) {
+    var getColumnProp = _ref12.getColumnProp,
+      align = _ref12.align;
     return classNames(_defineProperty({
       'p-frozen-column': getColumnProp('frozen')
     }, "p-align-".concat(align), !!align));
@@ -24014,12 +24138,12 @@ var inlineStyles$h = {
   resizeHelper: {
     display: 'none'
   },
-  reorderIndicatorUp: function reorderIndicatorUp(_ref15) {
-    var style = _ref15.style;
+  reorderIndicatorUp: function reorderIndicatorUp(_ref13) {
+    var style = _ref13.style;
     return _objectSpread$1l({}, style);
   },
-  reorderIndicatorDown: function reorderIndicatorDown(_ref16) {
-    var style = _ref16.style;
+  reorderIndicatorDown: function reorderIndicatorDown(_ref14) {
+    var style = _ref14.style;
     return _objectSpread$1l({}, style);
   }
 };
@@ -24029,6 +24153,9 @@ var DataTableBase = ComponentBase.extend({
     alwaysShowPaginator: true,
     breakpoint: '960px',
     cellClassName: null,
+    cellMemo: true,
+    cellMemoProps: ['rowData', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'rowIndex', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'frozenCol', 'alignFrozenCol'],
+    cellMemoPropsDepth: 1,
     cellSelection: false,
     checkIcon: null,
     className: null,
@@ -24275,7 +24402,6 @@ var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
   var tabIndex = props.disabled ? null : '0';
   var checkboxProps = {
     role: 'checkbox',
-    'aria-checked': props.checked,
     tabIndex: tabIndex,
     onChange: onChange,
     'aria-label': props.ariaLabel,
@@ -24545,8 +24671,6 @@ var Cell = function Cell(props) {
     setStyleObjectState = _React$useState6[1];
   var elementRef = React__namespace.useRef(null);
   var keyHelperRef = React__namespace.useRef(null);
-  var overlayEventListener = React__namespace.useRef(null);
-  var selfClick = React__namespace.useRef(false);
   var focusTimeout = React__namespace.useRef(null);
   var initFocusTimeout = React__namespace.useRef(null);
   var editingRowDataStateRef = React__namespace.useRef(null);
@@ -24583,17 +24707,20 @@ var Cell = function Cell(props) {
   var cellEditValidateOnClose = function cellEditValidateOnClose() {
     return getColumnProp('cellEditValidateOnClose');
   };
+  var isIgnoredElement = function isIgnoredElement(element) {
+    var isOverlay = function isOverlay(el) {
+      return el.getAttribute && el.getAttribute('data-pr-is-overlay');
+    };
+    return isOverlay(element) || DomHandler.getParents(element).find(function (el) {
+      return isOverlay(el);
+    });
+  };
   var _useEventListener = useEventListener({
       type: 'click',
       listener: function listener(e) {
-        setTimeout(function () {
-          if (!selfClick.current && isOutsideClicked(e.target)) {
-            // #2666 for overlay components and outside is clicked
-
-            switchCellToViewMode(e, true);
-          }
-        }, 0);
-        selfClick.current = false;
+        if (!isIgnoredElement(e.target) && isOutsideClicked(e.target)) {
+          switchCellToViewMode(e, true);
+        }
       },
       options: true,
       when: isEditable()
@@ -24638,10 +24765,6 @@ var Cell = function Cell(props) {
     setTimeout(function () {
       setEditingState(false);
       unbindDocumentClickListener();
-      OverlayService.off('overlay-click', overlayEventListener.current);
-      overlayEventListener.current = null;
-      editingRowDataStateRef.current = null;
-      selfClick.current = false;
     }, 1);
   };
   var switchCellToViewMode = function switchCellToViewMode(event, submit) {
@@ -24685,7 +24808,7 @@ var Cell = function Cell(props) {
     editingRowDataStateRef.current = editingRowData;
   };
   var _onClick = function onClick(event) {
-    props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, selfClick, props.column, bindDocumentClickListener, overlayEventListener, isOutsideClicked);
+    props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, props.column, bindDocumentClickListener);
   };
   var _onMouseDown = function onMouseDown(event) {
     var params = getCellCallbackParams(event);
@@ -24757,7 +24880,6 @@ var Cell = function Cell(props) {
     }
   };
   var _onBlur = function onBlur(event) {
-    selfClick.current = false;
     if (props.editMode !== 'row' && editingState && getColumnProp('cellEditValidatorEvent') === 'blur') {
       switchCellToViewMode(event, true);
     }
@@ -24838,9 +24960,8 @@ var Cell = function Cell(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editingState]);
   useUnmountEffect(function () {
-    if (overlayEventListener.current) {
-      OverlayService.off('overlay-click', overlayEventListener.current);
-      overlayEventListener.current = null;
+    if (editingRowDataStateRef.current) {
+      editingRowDataStateRef.current = null;
     }
   });
   var createLoading = function createLoading() {
@@ -25144,6 +25265,7 @@ var Cell = function Cell(props) {
 var RadioCheckCell = /*#__PURE__*/React__namespace.memo(function (props) {
   return /*#__PURE__*/React__namespace.createElement(Cell, props);
 }, function (prevProps, nextProps) {
+  if (nextProps.cellMemo === false) return false;
   var keysToCompare = ['isRowSelected', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'rowData'];
   return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
 });
@@ -25627,8 +25749,13 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
       } else {
         var left = 0;
         var prev = elementRef.current && elementRef.current.previousElementSibling;
-        if (prev && prev.classList.contains('p-frozen-column')) {
-          left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+        while (prev) {
+          if (prev.classList.contains('p-frozen-column')) {
+            left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+            elementRef.current.style.left = left + 'px';
+            break;
+          }
+          prev = prev.previousElementSibling;
         }
         styleObject.left = left + 'px';
       }
@@ -25636,9 +25763,8 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
       !isSameStyle && setStyleObjectState(styleObject);
     }
   }, []);
-  var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, selfClick, column, bindDocumentClickListener, overlayEventListener, isOutsideClicked) {
+  var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, column, bindDocumentClickListener) {
     if (props.editMode !== 'row' && isEditable && !editingState && (props.selectOnEdit || !props.selectOnEdit && props.isRowSelected)) {
-      selfClick.current = true;
       var onBeforeCellEditShow = getColumnProp(column, 'onBeforeCellEditShow');
       var onCellEditInit = getColumnProp(column, 'onCellEditInit');
       var cellEditValidatorEvent = getColumnProp(column, 'cellEditValidatorEvent');
@@ -25669,12 +25795,6 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
         }
         if (cellEditValidatorEvent === 'click') {
           bindDocumentClickListener();
-          overlayEventListener.current = function (e) {
-            if (!isOutsideClicked(e.target)) {
-              selfClick.current = true;
-            }
-          };
-          OverlayService.on('overlay-click', overlayEventListener.current);
         }
       }, 1);
     }
@@ -26743,23 +26863,20 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
     }
   });
   var createEmptyContent = function createEmptyContent() {
-    if (!props.loading) {
-      var colSpan = getColumnsLength();
-      var _content = ObjectUtils.getJSXElement(props.emptyMessage, {
-        props: props.tableProps,
-        frozen: props.frozenRow
-      }) || localeOption('emptyMessage');
-      var emptyMessageProps = mergeProps({
-        className: cx('emptyMessage'),
-        role: 'row'
-      }, ptm('emptyMessage'));
-      var bodyCellProps = mergeProps({
-        colSpan: colSpan,
-        role: 'cell'
-      }, getColumnPTOptions('root'), getColumnPTOptions('bodyCell'));
-      return /*#__PURE__*/React__namespace.createElement("tr", emptyMessageProps, /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, _content));
-    }
-    return null;
+    var colSpan = getColumnsLength();
+    var content = ObjectUtils.getJSXElement(props.emptyMessage, {
+      props: props.tableProps,
+      frozen: props.frozenRow
+    }) || localeOption('emptyMessage');
+    var emptyMessageProps = mergeProps({
+      className: cx('emptyMessage'),
+      role: 'row'
+    }, ptm('emptyMessage'));
+    var bodyCellProps = mergeProps({
+      colSpan: colSpan,
+      role: 'cell'
+    }, getColumnPTOptions('root'), getColumnPTOptions('bodyCell'));
+    return /*#__PURE__*/React__namespace.createElement("tr", emptyMessageProps, /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, content));
   };
   var createGroupHeader = function createGroupHeader(rowData, rowIndex, expanded, colSpan) {
     if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, rowIndex - props.first)) {
@@ -26780,7 +26897,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
         props: props.tableProps,
         customRendering: false
       };
-      var _content2 = ObjectUtils.getJSXElement(props.rowGroupHeaderTemplate, rowData, options);
+      var _content = ObjectUtils.getJSXElement(props.rowGroupHeaderTemplate, rowData, options);
 
       // check if the user wants complete control of the rendering
       if (!options.customRendering) {
@@ -26790,14 +26907,14 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
         var rowGroupHeaderNameProps = mergeProps({
           className: cx('rowGroupHeaderName')
         }, ptm('rowGroupHeaderName'));
-        _content2 = /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, toggler, /*#__PURE__*/React__namespace.createElement("span", rowGroupHeaderNameProps, _content2));
+        _content = /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, toggler, /*#__PURE__*/React__namespace.createElement("span", rowGroupHeaderNameProps, _content));
       }
       var rowGroupHeaderProps = mergeProps({
         className: cx('rowGroupHeader'),
         style: style,
         role: 'row'
       }, ptm('rowGroupHeader'));
-      return /*#__PURE__*/React__namespace.createElement("tr", rowGroupHeaderProps, _content2);
+      return /*#__PURE__*/React__namespace.createElement("tr", rowGroupHeaderProps, _content);
     }
     return null;
   };
@@ -26894,7 +27011,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
         index: rowIndex,
         customRendering: false
       };
-      var _content3 = ObjectUtils.getJSXElement(props.rowExpansionTemplate, rowData, options);
+      var _content2 = ObjectUtils.getJSXElement(props.rowExpansionTemplate, rowData, options);
 
       // check if the user wants complete control of the rendering
       if (!options.customRendering) {
@@ -26902,20 +27019,20 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
           colSpan: colSpan,
           role: 'cell'
         }, getColumnPTOptions('root'), getColumnPTOptions('bodyCell'));
-        _content3 = /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, _content3);
+        _content2 = /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, _content2);
       }
       var rowExpansionProps = mergeProps({
         id: id,
         className: cx('rowExpansion'),
         role: 'row'
       }, ptm('rowExpansion'));
-      return /*#__PURE__*/React__namespace.createElement("tr", rowExpansionProps, _content3);
+      return /*#__PURE__*/React__namespace.createElement("tr", rowExpansionProps, _content2);
     }
     return null;
   };
   var createGroupFooter = function createGroupFooter(rowData, rowIndex, expanded, colSpan) {
     if (isSubheaderGrouping && shouldRenderRowGroupFooter(props.value, rowData, rowIndex - props.first, expanded)) {
-      var _content4 = ObjectUtils.getJSXElement(props.rowGroupFooterTemplate, rowData, {
+      var _content3 = ObjectUtils.getJSXElement(props.rowGroupFooterTemplate, rowData, {
         index: rowIndex,
         colSpan: colSpan,
         props: props.tableProps
@@ -26924,7 +27041,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
         className: cx('rowGroupFooter'),
         role: 'row'
       }, ptm('rowGroupFooter'));
-      return /*#__PURE__*/React__namespace.createElement("tr", rowGroupFooterProps, _content4);
+      return /*#__PURE__*/React__namespace.createElement("tr", rowGroupFooterProps, _content3);
     }
     return null;
   };
@@ -27034,16 +27151,21 @@ var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
       var _align = getColumnProp('alignFrozen');
       if (_align === 'right') {
         var right = 0;
-        var next = elementRef.current.nextElementSibling;
+        var next = elementRef.current && elementRef.current.nextElementSibling;
         if (next && next.classList.contains('p-frozen-column')) {
           right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
         }
         styleObject.right = right + 'px';
       } else {
         var left = 0;
-        var prev = elementRef.current.previousElementSibling;
-        if (prev && prev.classList.contains('p-frozen-column')) {
-          left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+        var prev = elementRef.current && elementRef.current.previousElementSibling;
+        while (prev) {
+          if (prev && prev.classList.contains('p-frozen-column')) {
+            left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+            elementRef.current.style.left = left + 'px';
+            break;
+          }
+          prev = prev.previousElementSibling;
         }
         styleObject.left = left + 'px';
       }
@@ -27414,7 +27536,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       };
     } else {
       filters[field].value = null;
-      filters[field].matchMode = defaultConstraint.matchMode;
+      filters[field].matchMode = defaultConstraint ? defaultConstraint.matchMode : filters[field].matchMode;
     }
     filterClearCallback && filterClearCallback();
     props.onFilterChange(filters);
@@ -27481,6 +27603,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var onRowMatchModeChange = function onRowMatchModeChange(matchMode) {
+    var _iconRef$current;
     var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
     var filters = _objectSpread$1c({}, props.filters);
     filters[field].matchMode = matchMode;
@@ -27491,6 +27614,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     props.onFilterChange(filters);
     props.onFilterApply();
     hide();
+    (_iconRef$current = iconRef.current) === null || _iconRef$current === void 0 || _iconRef$current.focus();
   };
   var onRowMatchModeKeyDown = function onRowMatchModeKeyDown(event, matchMode, clear) {
     var item = event.target;
@@ -28190,7 +28314,6 @@ var HeaderCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
   var tabIndex = props.disabled ? null : 0;
   var headerCheckboxProps = {
     role: 'checkbox',
-    'aria-checked': props.checked,
     'aria-label': props.checked ? ariaLabel('selectAll') : ariaLabel('unselectAll'),
     tabIndex: tabIndex,
     onChange: onChange,
@@ -28307,24 +28430,54 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
       var align = getColumnProp('alignFrozen');
       if (align === 'right') {
         var right = 0;
-        var next = elementRef.current.nextElementSibling;
+        var next = elementRef.current && elementRef.current.nextElementSibling;
         if (next && next.classList.contains('p-frozen-column')) {
           right = DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
         }
         styleObject.right = right + 'px';
       } else {
+        var _elementRef$current, _elementRef$current2;
         var left = 0;
-        var prev = elementRef.current.previousElementSibling;
-        if (prev && prev.classList.contains('p-frozen-column')) {
-          left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+        var prev = (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.previousElementSibling;
+        var thead = (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.closest('thead');
+        var scrollContainer = thead === null || thead === void 0 ? void 0 : thead.parentElement.parentElement;
+        var scrollLeft = (scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollLeft) || 0;
+        var isMultiRow = thead && thead.querySelectorAll('tr').length > 1;
+        if (elementRef.current) {
+          if (!isMultiRow) {
+            while (prev) {
+              if (prev.classList.contains('p-frozen-column')) {
+                left = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
+                break;
+              }
+              prev = prev.previousElementSibling;
+            }
+          } else {
+            var targetLeft = elementRef.current.offsetLeft - scrollLeft;
+            var frozenCells = Array.from(thead.querySelectorAll('th.p-frozen-column'));
+            var candidate = null;
+            for (var _i = 0, _frozenCells = frozenCells; _i < _frozenCells.length; _i++) {
+              var cell = _frozenCells[_i];
+              var cellLeft = cell.offsetLeft - scrollLeft;
+              var cellRight = cellLeft + DomHandler.getOuterWidth(cell);
+              if (cellRight <= targetLeft && (!candidate || cellRight > candidate.offsetLeft + DomHandler.getOuterWidth(candidate))) {
+                candidate = cell;
+              }
+            }
+            if (candidate) {
+              left = candidate.offsetLeft + DomHandler.getOuterWidth(candidate) - scrollLeft;
+            }
+          }
         }
         styleObject.left = left + 'px';
       }
       var filterRow = elementRef.current.parentElement.nextElementSibling;
       if (filterRow) {
         var _index = DomHandler.index(elementRef.current);
-        filterRow.children[_index].style.left = styleObject.left;
-        filterRow.children[_index].style.right = styleObject.right;
+        if (filterRow.children[_index]) {
+          filterRow.children[_index].style.left = styleObject.left;
+          filterRow.children[_index].style.right = styleObject.right;
+        }
       }
       var isSameStyle = styleObjectState.left === styleObject.left && styleObjectState.right === styleObject.right;
       !isSameStyle && setStyleObjectState(styleObject);
@@ -28882,37 +29035,37 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     sortOrderState = _React$useState8[0],
     setSortOrderState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(props.multiSortMeta),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    multiSortMetaState = _React$useState10[0],
-    setMultiSortMetaState = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState(props.filters),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    multiSortMetaState = _React$useState0[0],
+    setMultiSortMetaState = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState(props.filters),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    filtersState = _React$useState10[0],
+    setFiltersState = _React$useState10[1];
+  var _React$useState11 = React__namespace.useState([]),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    filtersState = _React$useState12[0],
-    setFiltersState = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState([]),
+    columnOrderState = _React$useState12[0],
+    setColumnOrderState = _React$useState12[1];
+  var _React$useState13 = React__namespace.useState(null),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    columnOrderState = _React$useState14[0],
-    setColumnOrderState = _React$useState14[1];
-  var _React$useState15 = React__namespace.useState(null),
+    groupRowsSortMetaState = _React$useState14[0],
+    setGroupRowsSortMetaState = _React$useState14[1];
+  var _React$useState15 = React__namespace.useState({}),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    groupRowsSortMetaState = _React$useState16[0],
-    setGroupRowsSortMetaState = _React$useState16[1];
+    editingMetaState = _React$useState16[0],
+    setEditingMetaState = _React$useState16[1];
   var _React$useState17 = React__namespace.useState({}),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    editingMetaState = _React$useState18[0],
-    setEditingMetaState = _React$useState18[1];
-  var _React$useState19 = React__namespace.useState({}),
+    frozenEditingMetaState = _React$useState18[0],
+    setFrozenEditingMetaState = _React$useState18[1];
+  var _React$useState19 = React__namespace.useState(props.rows),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    frozenEditingMetaState = _React$useState20[0],
-    setFrozenEditingMetaState = _React$useState20[1];
-  var _React$useState21 = React__namespace.useState(props.rows),
+    d_rowsState = _React$useState20[0],
+    setD_rowsState = _React$useState20[1];
+  var _React$useState21 = React__namespace.useState({}),
     _React$useState22 = _slicedToArray(_React$useState21, 2),
-    d_rowsState = _React$useState22[0],
-    setD_rowsState = _React$useState22[1];
-  var _React$useState23 = React__namespace.useState({}),
-    _React$useState24 = _slicedToArray(_React$useState23, 2),
-    d_filtersState = _React$useState24[0],
-    setD_filtersState = _React$useState24[1];
+    d_filtersState = _React$useState22[0],
+    setD_filtersState = _React$useState22[1];
   var metaData = {
     props: props,
     state: {
@@ -28965,6 +29118,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var columnSortFunction = React__namespace.useRef(null);
   var columnField = React__namespace.useRef(null);
   var filterTimeout = React__namespace.useRef(null);
+  var restoredRef = React__namespace.useRef(false);
   if (props.rows !== d_rowsState && !props.onPage) {
     setRowsState(props.rows);
     setD_rowsState(props.rows);
@@ -29167,17 +29321,32 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
             multiSortMeta: restoredState.multiSortMeta
           }));
         } else {
+          var lastMeta = restoredState.multiSortMeta[restoredState.multiSortMeta.length - 1];
+          var field = lastMeta && lastMeta.field ? lastMeta.field : null;
+          if (field) {
+            var sortColumn = findColumnByKey(getColumns(), field);
+            if (sortColumn) {
+              var sortFunction = getColumnProp(sortColumn, 'sortFunction');
+              var sortable = getColumnProp(sortColumn, 'sortable');
+              if (sortFunction && sortable) {
+                columnSortFunction.current = sortFunction;
+                columnSortable.current = sortable;
+                columnField.current = field;
+              }
+            }
+          }
           setMultiSortMetaState(restoredState.multiSortMeta);
         }
       }
       if (restoredState.filters) {
-        setD_filtersState(cloneFilters(restoredState.filters));
+        var clonedFilters = cloneFilters(restoredState.filters);
+        setD_filtersState(clonedFilters);
         if (props.onFilter) {
           props.onFilter(createEvent({
-            filters: restoredState.filters
+            filters: clonedFilters
           }));
         } else {
-          setFiltersState(cloneFilters(restoredState.filters));
+          setFiltersState(clonedFilters);
         }
       }
       if (props.resizableColumns) {
@@ -30188,15 +30357,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       attributeSelector.current = UniqueComponentId();
       elementRef.current.setAttribute(attributeSelector.current, '');
     }
-
-    //setFiltersState(cloneFilters(props.filters)); // Github #4248
     setD_filtersState(cloneFilters(props.filters));
-    if (isStateful()) {
-      restoreState();
-      if (props.resizableColumns) {
-        restoreColumnWidths();
-      }
-    }
   });
   useUpdateEffect(function () {
     if (props.responsiveLayout === 'stack' && !props.scrollable) {
@@ -30206,6 +30367,15 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       destroyResponsiveStyle();
     };
   }, [props.breakpoint]);
+  useUpdateEffect(function () {
+    if (!restoredRef.current && isStateful()) {
+      restoredRef.current = true;
+      restoreState();
+      if (props.resizableColumns) {
+        restoreColumnWidths();
+      }
+    }
+  }, [context]);
   useUpdateEffect(function () {
     var filters = cloneFilters(props.filters);
     setFiltersState(filters);
@@ -30282,6 +30452,9 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       },
       getVirtualScroller: function getVirtualScroller() {
         return virtualScrollerRef.current;
+      },
+      getProcessedData: function getProcessedData() {
+        return processedData();
       }
     };
   });
@@ -31053,14 +31226,11 @@ var DataView = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     return null;
   };
   var createEmptyMessage = function createEmptyMessage() {
-    if (!props.loading) {
-      var _content = props.emptyMessage || localeOption('emptyMessage');
-      var emptyMessageProps = mergeProps({
-        className: cx('emptyMessage')
-      }, ptm('emptyMessage'));
-      return /*#__PURE__*/React__namespace.createElement("div", emptyMessageProps, _content);
-    }
-    return null;
+    var content = props.emptyMessage || localeOption('emptyMessage');
+    var emptyMessageProps = mergeProps({
+      className: cx('emptyMessage')
+    }, ptm('emptyMessage'));
+    return /*#__PURE__*/React__namespace.createElement("div", emptyMessageProps, content);
   };
   var createHeader = function createHeader() {
     if (props.header) {
@@ -32822,9 +32992,9 @@ var FileUpload = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
     focusedState = _React$useState8[0],
     setFocusedState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    uploadingState = _React$useState10[0],
-    setUploadingState = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    uploadingState = _React$useState0[0],
+    setUploadingState = _React$useState0[1];
   var metaData = {
     props: props,
     state: {
@@ -36107,6 +36277,7 @@ var InputMask = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
   return /*#__PURE__*/React__namespace.createElement(InputText, _extends({
     ref: elementRef,
     autoFocus: props.autoFocus,
+    autoComplete: props.autoComplete,
     id: props.id,
     type: props.type,
     name: props.name,
@@ -36445,6 +36616,7 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
       context: context,
       isFilled: isFilled
     })),
+    autoComplete: props.autoComplete,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyUp: onKeyUp,
@@ -37052,9 +37224,9 @@ var ListBox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
     filterValueState = _React$useState8[0],
     setFilterValueState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(''),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    searchValue = _React$useState10[0],
-    setSearchValue = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    searchValue = _React$useState0[0],
+    setSearchValue = _React$useState0[1];
   var elementRef = React__namespace.useRef(null);
   var virtualScrollerRef = React__namespace.useRef(null);
   var id = React__namespace.useRef(null);
@@ -37993,33 +38165,33 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     focusedItemInfo = _React$useState8[0],
     setFocusedItemInfo = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focusedItemId = _React$useState10[0],
-    setFocusedItemId = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState(false),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    focusedItemId = _React$useState0[0],
+    setFocusedItemId = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    dirty = _React$useState10[0],
+    setDirty = _React$useState10[1];
+  var _React$useState11 = React__namespace.useState(null),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    dirty = _React$useState12[0],
-    setDirty = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState(null),
+    processedItems = _React$useState12[0],
+    setProcessedItems = _React$useState12[1];
+  var _React$useState13 = React__namespace.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    processedItems = _React$useState14[0],
-    setProcessedItems = _React$useState14[1];
-  var _React$useState15 = React__namespace.useState([]),
+    visibleItems = _React$useState14[0],
+    setVisibleItems = _React$useState14[1];
+  var _React$useState15 = React__namespace.useState(null),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    visibleItems = _React$useState16[0],
-    setVisibleItems = _React$useState16[1];
-  var _React$useState17 = React__namespace.useState(null),
+    attributeSelectorState = _React$useState16[0],
+    setAttributeSelectorState = _React$useState16[1];
+  var _React$useState17 = React__namespace.useState(false),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    attributeSelectorState = _React$useState18[0],
-    setAttributeSelectorState = _React$useState18[1];
+    mobileActiveState = _React$useState18[0],
+    setMobileActiveState = _React$useState18[1];
   var _React$useState19 = React__namespace.useState(false),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    mobileActiveState = _React$useState20[0],
-    setMobileActiveState = _React$useState20[1];
-  var _React$useState21 = React__namespace.useState(false),
-    _React$useState22 = _slicedToArray(_React$useState21, 2),
-    focusTrigger = _React$useState22[0],
-    setFocusTrigger = _React$useState22[1];
+    focusTrigger = _React$useState20[0],
+    setFocusTrigger = _React$useState20[1];
   var searchValue = React__namespace.useRef('');
   var searchTimeout = React__namespace.useRef(null);
   var elementRef = React__namespace.useRef(null);
@@ -38735,11 +38907,12 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var key = idState + '_separator__' + index;
     var separatorProps = mergeProps({
       id: key,
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator'));
-    return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenuIcon = function createSubmenuIcon(item) {
     if (item.items) {
@@ -38790,7 +38963,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var isGroup = isItemGroup(processedItem);
     var isActive = isItemActive(processedItem);
     var submenuItemProps = mergeProps({
-      key: key,
       id: key,
       'aria-label': getItemLabel(processedItem),
       'aria-disabled': isDisabled,
@@ -38830,7 +39002,9 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    return /*#__PURE__*/React__namespace.createElement("li", submenuItemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, submenuItemProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
   };
   var createSubmenu = function createSubmenu(submenu, index) {
     if (!isItemVisible(submenu)) {
@@ -38842,7 +39016,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var isDisabled = isItemDisabled(submenu);
     var submenuHeaderProps = mergeProps({
       id: key,
-      key: key,
       className: classNames(submenu.className, cx('submenuHeader', {
         disabled: isDisabled
       })),
@@ -38854,7 +39027,7 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       key: key
     }, /*#__PURE__*/React__namespace.createElement("li", submenuHeaderProps, label), items);
   };
-  var createSubmenus = function createSubmenus(column) {
+  var createSubmenus = function createSubmenus(column, index) {
     return column.map(createSubmenu);
   };
   var createColumn = function createColumn(processedItem, processedColumn, index) {
@@ -38862,7 +39035,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var key = category.label + '_column_' + index;
     var submenus = createSubmenus(processedColumn);
     var columnProps = mergeProps({
-      key: key,
       className: cx('column', {
         category: category
       })
@@ -38876,12 +39048,16 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
         display: display
       }
     }, ptm('submenu'));
-    return /*#__PURE__*/React__namespace.createElement("div", columnProps, /*#__PURE__*/React__namespace.createElement("ul", submenuProps, submenus));
+    return /*#__PURE__*/React__namespace.createElement("div", _extends({}, columnProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("ul", submenuProps, submenus));
   };
   var createColumns = function createColumns(category) {
     if (category.items) {
       return category.items.map(function (column, index) {
-        return createColumn(category, column, index);
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+          key: index
+        }, createColumn(category, column, index));
       });
     }
     return null;
@@ -38942,7 +39118,6 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     var isFocused = isItemFocused(processedItem);
     var isDisabled = isItemDisabled(processedItem);
     var menuItemProps = mergeProps(_defineProperty({
-      key: key,
       id: key,
       className: classNames(category.className, cx('menuitem', {
         category: category,
@@ -38978,7 +39153,9 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       },
       className: cx('content')
     }, getPTOptions(processedItem, 'content', index));
-    return /*#__PURE__*/React__namespace.createElement("li", menuItemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, itemContent), panel);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuItemProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("div", contentProps, itemContent), panel);
   };
   var createMenu = function createMenu() {
     var menuProps = mergeProps({
@@ -38997,7 +39174,9 @@ var MegaMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     }, ptm('menu'));
     if (processedItems) {
       return /*#__PURE__*/React__namespace.createElement("ul", menuProps, processedItems.map(function (item, index) {
-        return createCategory(item, index);
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+          key: index
+        }, createCategory(item, index));
       }));
     }
     return null;
@@ -39161,9 +39340,9 @@ var Mention = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
     triggerState = _React$useState8[0],
     setTriggerState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState([]),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    highlightState = _React$useState10[0],
-    setHighlightState = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    highlightState = _React$useState0[0],
+    setHighlightState = _React$useState0[1];
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
@@ -39541,7 +39720,6 @@ var Mention = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
     }) : formatValue(suggestion);
     var isSelected = highlightState[index];
     var itemProps = mergeProps({
-      key: key,
       className: cx('item', {
         isSelected: isSelected
       }),
@@ -39552,7 +39730,9 @@ var Mention = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
     }, getPTOptions(suggestion, 'item', {
       selected: isSelected
     }));
-    return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(Ripple, null));
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, itemProps, {
+      key: key
+    }), content, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   };
   var createList = function createList() {
     var itemsProps = mergeProps({
@@ -39738,9 +39918,9 @@ var Menu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
     selectedOptionIndex = _React$useState8[0],
     setSelectedOptionIndex = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focused = _React$useState10[0],
-    setFocused = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    focused = _React$useState0[0],
+    setFocused = _React$useState0[1];
   var _MenuBase$setMetaData = MenuBase.setMetaData({
       props: props,
       state: {
@@ -40521,29 +40701,29 @@ var Menubar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
     focusedItemInfo = _React$useState8[0],
     setFocusedItemInfo = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focusedItemId = _React$useState10[0],
-    setFocusedItemId = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    focusedItemId = _React$useState0[0],
+    setFocusedItemId = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState([]),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    activeItemPath = _React$useState10[0],
+    setActiveItemPath = _React$useState10[1];
   var _React$useState11 = React__namespace.useState([]),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    activeItemPath = _React$useState12[0],
-    setActiveItemPath = _React$useState12[1];
+    visibleItems = _React$useState12[0],
+    setVisibleItems = _React$useState12[1];
   var _React$useState13 = React__namespace.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    visibleItems = _React$useState14[0],
-    setVisibleItems = _React$useState14[1];
-  var _React$useState15 = React__namespace.useState([]),
+    processedItems = _React$useState14[0],
+    setProcessedItems = _React$useState14[1];
+  var _React$useState15 = React__namespace.useState(false),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    processedItems = _React$useState16[0],
-    setProcessedItems = _React$useState16[1];
+    focusTrigger = _React$useState16[0],
+    setFocusTrigger = _React$useState16[1];
   var _React$useState17 = React__namespace.useState(false),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    focusTrigger = _React$useState18[0],
-    setFocusTrigger = _React$useState18[1];
-  var _React$useState19 = React__namespace.useState(false),
-    _React$useState20 = _slicedToArray(_React$useState19, 2),
-    dirty = _React$useState20[0],
-    setDirty = _React$useState20[1];
+    dirty = _React$useState18[0],
+    setDirty = _React$useState18[1];
   var elementRef = React__namespace.useRef(null);
   var rootMenuRef = React__namespace.useRef(null);
   var menuButtonRef = React__namespace.useRef(null);
@@ -40566,9 +40746,11 @@ var Menubar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
   var _useEventListener = useEventListener({
       type: 'click',
       listener: function listener(event) {
-        var isOutsideButton = menuButtonRef.current && !menuButtonRef.current.contains(event.target);
-        if (isOutsideButton) {
-          hide();
+        if (isOutsideClicked(event)) {
+          var isOutsideContainer = elementRef.current && !elementRef.current.contains(event.target);
+          if (isOutsideContainer) {
+            hide();
+          }
         }
       },
       options: {
@@ -40627,6 +40809,9 @@ var Menubar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
   var menuButtonKeydown = function menuButtonKeydown(event) {
     (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && toggle(event);
   };
+  var isOutsideClicked = function isOutsideClicked(event) {
+    return rootMenuRef.current !== event.target && !rootMenuRef.current.contains(event.target) && menuButtonRef.current !== event.target && !menuButtonRef.current.contains(event.target);
+  };
   var getItemProp = function getItemProp(item, name) {
     return item ? ObjectUtils.getItemValue(item[name]) : undefined;
   };
@@ -40816,7 +41001,7 @@ var Menubar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
   };
   var onArrowUpKey = function onArrowUpKey(event) {
     var processedItem = visibleItems[focusedItemInfo.index];
-    var root = ObjectUtils.isEmpty(processedItem.parent);
+    var root = processedItem ? ObjectUtils.isEmpty(processedItem.parent) : null;
     if (root) {
       var grouped = isProccessedItemGroup(processedItem);
       if (grouped) {
@@ -41095,7 +41280,7 @@ var Menubar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
   }, [activeItemPath]);
   useUpdateEffect(function () {
     if (focusTrigger) {
-      var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : reverseTrigger.current ? findLastItemIndex() : findFirstFocusedItemIndex();
+      var itemIndex = focusedItemInfo.index !== -1 ? findNextItemIndex(focusedItemInfo.index) : reverseTrigger.current ? findLastItemIndex() : findFirstItemIndex();
       changeFocusedItemIndex(itemIndex);
       reverseTrigger.current = false;
       setFocusTrigger(false);
@@ -41729,6 +41914,7 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
           element: content,
           filterOptions: filterOptions,
           onFilter: onFilter,
+          filterInputKeyDown: props.onFilterKeyDown,
           filterIconClassName: props.filterIconClassName,
           props: props
         };
@@ -42064,7 +42250,8 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
               virtualScrollerProps: props.virtualScrollerOptions
             })),
             role: 'listbox',
-            'aria-multiselectable': true
+            'aria-multiselectable': true,
+            id: props.listId
           }, getPTOptions('list'));
           return /*#__PURE__*/React__namespace.createElement("ul", listProps, content);
         }
@@ -42088,7 +42275,8 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
     var listProps = mergeProps({
       className: cx('list'),
       role: 'listbox',
-      'aria-multiselectable': true
+      'aria-multiselectable': true,
+      id: props.listId
     }, getPTOptions('list'));
     return /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("ul", listProps, items));
   };
@@ -42104,7 +42292,8 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__na
         allowOptionSelect: allowOptionSelect
       })),
       style: props.panelStyle,
-      onClick: props.onClick
+      onClick: props.onClick,
+      'data-pr-is-overlay': true
     }, getPTOptions('panel'));
     if (props.inline) {
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -42192,9 +42381,9 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     focusedState = _React$useState8[0],
     setFocusedState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(props.inline),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    overlayVisibleState = _React$useState10[0],
-    setOverlayVisibleState = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    overlayVisibleState = _React$useState0[0],
+    setOverlayVisibleState = _React$useState0[1];
   var elementRef = React__namespace.useRef(null);
   var searchValue = React__namespace.useRef(null);
   var searchTimeout = React__namespace.useRef(null);
@@ -43214,6 +43403,10 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     className: 'p-hidden-accessible',
     'data-p-hidden-accessible': true
   }, ptm('hiddenInputWrapper'));
+  var inputId = React__namespace.useMemo(function () {
+    var _props$inputId;
+    return (_props$inputId = props.inputId) !== null && _props$inputId !== void 0 ? _props$inputId : UniqueComponentId();
+  }, [props.inputId]);
   var inputProps = mergeProps(_objectSpread$J({
     ref: inputRef,
     id: props.inputId,
@@ -43224,6 +43417,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     onKeyDown: onKeyDown,
     role: 'combobox',
     'aria-expanded': overlayVisibleState,
+    'aria-controls': "".concat(inputId, "-multi-selectbox"),
     disabled: props.disabled,
     tabIndex: !props.disabled ? props.tabIndex : -1,
     value: getLabel()
@@ -43235,6 +43429,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
     ref: overlayRef,
     visibleOptions: visibleOptions
   }, props, {
+    listId: "".concat(inputId, "-multi-selectbox"),
     onClick: onPanelClick,
     onOverlayHide: hide,
     filterValue: filterValue,
@@ -43486,8 +43681,12 @@ var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__
     style: props.style,
     onClick: onClick
   }, MultiStateCheckboxBase.getOtherProps(props), ptm('root'));
+  var inputId = React__namespace.useMemo(function () {
+    return props.id || UniqueComponentId();
+  }, [props.id]);
   var checkboxProps = mergeProps(_objectSpread$I({
-    id: props.id + '_checkbox',
+    id: inputId + '_checkbox',
+    inputId: props.inputId || inputId + '_multistatecheckbox',
     className: cx('checkbox'),
     style: sx('checkbox', {
       selectedOption: selectedOption
@@ -44025,13 +44224,13 @@ var OrderList = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
     focused = _React$useState8[0],
     setFocused = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focusedOptionId = _React$useState10[0],
-    setFocusedOptionId = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState(-1),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    focusedOptionIndex = _React$useState12[0],
-    setFocusedOptionIndex = _React$useState12[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    focusedOptionId = _React$useState0[0],
+    setFocusedOptionId = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState(-1),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    focusedOptionIndex = _React$useState10[0],
+    setFocusedOptionIndex = _React$useState10[1];
   var hasFilter = ObjectUtils.isNotEmpty(filterValueState);
   var elementRef = React__namespace.useRef(null);
   var styleElementRef = React__namespace.useRef(null);
@@ -44081,7 +44280,15 @@ var OrderList = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
         return i !== selectedIndex;
       }) : [value];
     } else {
-      newSelection = metaKey ? [].concat(_toConsumableArray(selectionState), [value]) : [value];
+      if (metaKey) {
+        var merged = [].concat(_toConsumableArray(selectionState), [value]);
+        var list = props.value || [];
+        newSelection = merged.sort(function (a, b) {
+          return list.indexOf(a) - list.indexOf(b);
+        });
+      } else {
+        newSelection = [value];
+      }
     }
     setSelectionState(newSelection);
   };
@@ -44493,6 +44700,14 @@ var OrganizationChartBase = ComponentBase.extend({
 
 function ownKeys$G(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$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var chunkArray = function chunkArray(array, size) {
+  var result = [];
+  for (var i = 0; i < array.length; i += size) {
+    result.push(array.slice(i, i + size));
+  }
+  return result;
+};
+var MAX_CHILDREN_PER_ROW = 10;
 var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = useMergeProps();
   var node = props.node;
@@ -44501,7 +44716,6 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
     expandedState = _React$useState2[0],
     setExpandedState = _React$useState2[1];
   var leaf = node.leaf === false ? false : !(node.children && node.children.length);
-  var colspan = node.children && node.children.length ? node.children.length * 2 : null;
   var selected = props.isSelected(node);
   var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
   var ptm = props.ptm,
@@ -44544,79 +44758,97 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
       event.preventDefault();
     }
   };
-  var createChildNodes = function createChildNodes() {
-    var nodesProps = mergeProps({
-      className: cx('nodes'),
-      style: {
-        visibility: visibility
-      }
-    }, _ptm('nodes'));
-    var nodeCellProps = mergeProps({
-      colSpan: '2'
-    }, _ptm('nodeCell'));
-    return /*#__PURE__*/React__namespace.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
-      return /*#__PURE__*/React__namespace.createElement("td", _extends({
-        key: index
-      }, nodeCellProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
-        node: child,
-        nodeTemplate: props.nodeTemplate,
-        selectionMode: props.selectionMode,
-        onNodeClick: props.onNodeClick,
-        isSelected: props.isSelected,
-        togglerIcon: props.togglerIcon,
-        ptm: ptm,
-        cx: cx,
-        sx: sx
+  var createChildNodes = function createChildNodes(row) {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      row.length * 2;
+      var nodesProps = mergeProps({
+        className: cx('nodes'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('nodes'));
+      var nodeCellProps = mergeProps({
+        colSpan: '2'
+      }, _ptm('nodeCell'));
+      return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, nodesProps, {
+        key: rowIndex
+      }), row.map(function (child, index) {
+        return /*#__PURE__*/React__namespace.createElement("td", _extends({
+          key: index
+        }, nodeCellProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+          node: child,
+          nodeTemplate: props.nodeTemplate,
+          selectionMode: props.selectionMode,
+          onNodeClick: props.onNodeClick,
+          isSelected: props.isSelected,
+          togglerIcon: props.togglerIcon,
+          ptm: ptm,
+          cx: cx,
+          sx: sx
+        }));
       }));
-    }));
+    });
   };
-  var createLinesMiddle = function createLinesMiddle() {
-    var nodeChildLength = node.children && node.children.length;
-    var linesProps = mergeProps({
-      className: cx('lines'),
-      style: {
-        visibility: visibility
-      }
-    }, _ptm('lines'));
-    var lineCellProps = mergeProps({
-      colSpan: colspan
-    }, _ptm('lineCell'));
-    var lineDownProps = mergeProps({
-      className: cx('lineDown')
-    }, _ptm('lineDown'));
-    return /*#__PURE__*/React__namespace.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
-      var lineLeftProps = mergeProps({
-        className: cx('lineLeft', {
-          index: index
-        })
-      }, getNodePTOptions(index !== 0, 'lineLeft'));
-      var lineRightProps = mergeProps({
-        className: cx('lineRight', {
-          index: index,
-          nodeChildLength: nodeChildLength
-        })
-      }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
-      return [/*#__PURE__*/React__namespace.createElement("td", _extends({
-        key: index + '_lineleft'
-      }, lineLeftProps), "\xA0"), /*#__PURE__*/React__namespace.createElement("td", _extends({
-        key: index + '_lineright'
-      }, lineRightProps), "\xA0")];
-    }));
+  var createLinesMiddle = function createLinesMiddle(row) {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      var nodeChildLength = row.length;
+      var linesProps = mergeProps({
+        className: cx('lines'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('lines'));
+      return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, linesProps, {
+        key: rowIndex
+      }), row.map(function (_, index) {
+        var lineLeftProps = mergeProps({
+          className: cx('lineLeft', {
+            index: index
+          })
+        }, getNodePTOptions(index !== 0, 'lineLeft'));
+        var lineRightProps = mergeProps({
+          className: cx('lineRight', {
+            index: index,
+            nodeChildLength: nodeChildLength
+          })
+        }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+          key: index
+        }, /*#__PURE__*/React__namespace.createElement("td", lineLeftProps, "\xA0"), /*#__PURE__*/React__namespace.createElement("td", lineRightProps, "\xA0"));
+      }));
+    });
   };
-  var createLinesDown = function createLinesDown() {
-    var linesProps = mergeProps({
-      className: cx('lines'),
-      style: {
-        visibility: visibility
-      }
-    }, _ptm('lines'));
-    var lineCellProps = mergeProps({
-      colSpan: colspan
-    }, _ptm('lineCell'));
-    var lineDownProps = mergeProps({
-      className: cx('lineDown')
-    }, _ptm('lineDown'));
-    return /*#__PURE__*/React__namespace.createElement("tr", linesProps, /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
+  var createLinesDown = function createLinesDown(row) {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      var colspan = row.length * 2;
+      var linesProps = mergeProps({
+        className: cx('lines'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('lines'));
+      var lineCellProps = mergeProps({
+        colSpan: colspan
+      }, _ptm('lineCell'));
+      var lineDownProps = mergeProps({
+        className: cx('lineDown')
+      }, _ptm('lineDown'));
+      return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, linesProps, {
+        key: rowIndex
+      }), /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
+    });
   };
   var createToggler = function createToggler() {
     if (!leaf) {
@@ -44656,7 +44888,7 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
     var label = createNodeLabel();
     var toggler = createToggler();
     var cellProps = mergeProps({
-      colSpan: colspan
+      colSpan: node.children && node.children.length ? Math.min(node.children.length, MAX_CHILDREN_PER_ROW) * 2 : 2
     }, _ptm('cell'));
     var nodeProps = mergeProps({
       className: cx('node', {
@@ -44673,13 +44905,21 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
     return /*#__PURE__*/React__namespace.createElement("tr", rowProps, /*#__PURE__*/React__namespace.createElement("td", cellProps, /*#__PURE__*/React__namespace.createElement("div", nodeProps, label, toggler)));
   };
   var nodeContent = createNodeContent();
-  var linesDown = createLinesDown();
-  var linesMiddle = createLinesMiddle();
-  var childNodes = createChildNodes();
+  var createChildrenSection = function createChildrenSection() {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        key: rowIndex
+      }, createLinesDown(), createLinesMiddle(), createChildNodes());
+    });
+  };
   var tableProps = mergeProps({
     className: cx('table')
   }, _ptm('table'));
-  return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+  return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, createChildrenSection()));
 });
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 
@@ -44952,13 +45192,28 @@ var OverlayPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, r
     });
     align();
   };
+  var bindOverlayTimer = null;
   var onEntered = function onEntered() {
-    bindOverlayListener();
+    cancelOverlayBind();
+    /**
+     * With cssTransition=false, onEntered may run synchronously before visibleState updates, causing the outside-click listener not to bind.
+     * Fix: defer the binding to the next tick so it runs with the latest state (when=true). (issue: #8183)
+     */
+    bindOverlayTimer = setTimeout(function () {
+      bindOverlayListener();
+    });
     props.onShow && props.onShow();
   };
   var onExit = function onExit() {
+    cancelOverlayBind();
     unbindOverlayListener();
   };
+  var cancelOverlayBind = function cancelOverlayBind() {
+    if (bindOverlayTimer) {
+      clearTimeout(bindOverlayTimer);
+      bindOverlayTimer = null;
+    }
+  };
   var onExited = function onExited() {
     ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
@@ -45668,13 +45923,13 @@ var PanelMenuList = /*#__PURE__*/React__namespace.memo(function (props) {
     activeItemPath = _React$useState8[0],
     setActiveItemPath = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    processedItems = _React$useState10[0],
-    setProcessedItems = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState([]),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    visibleItems = _React$useState12[0],
-    setVisibleItems = _React$useState12[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    processedItems = _React$useState0[0],
+    setProcessedItems = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState([]),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    visibleItems = _React$useState10[0],
+    setVisibleItems = _React$useState10[1];
   var searchValue = React__namespace.useRef(null);
   var searchTimeout = React__namespace.useRef(null);
   var elementRef = React__namespace.useRef(null);
@@ -45703,6 +45958,14 @@ var PanelMenuList = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var onFocus = function onFocus(event) {
     setFocused(true);
+    if (ObjectUtils.isEmpty(focusedItem)) {
+      setTimeout(function () {
+        var firstItem = findFirstItem();
+        if (firstItem) {
+          setFocusedItem(firstItem);
+        }
+      }, 0);
+    }
   };
   var onBlur = function onBlur() {
     setFocused(false);
@@ -46595,9 +46858,9 @@ var Password = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     focusedState = _React$useState8[0],
     setFocusedState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    unmaskedState = _React$useState10[0],
-    setUnmaskedState = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    unmaskedState = _React$useState0[0],
+    setUnmaskedState = _React$useState0[1];
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
@@ -46965,7 +47228,8 @@ var Password = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   }, ptm('root'));
   var inputTextProps = mergeProps(_objectSpread$A(_objectSpread$A({
     ref: inputRef,
-    id: props.inputId
+    id: props.inputId,
+    autoComplete: props.autoComplete
   }, inputProps), {}, {
     className: classNames(props.inputClassName, cx('input')),
     onBlur: onBlur,
@@ -47666,24 +47930,24 @@ var PickList = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     targetFilterValueState = _React$useState8[0],
     setTargetFilterValueState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(props.id),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    attributeSelectorState = _React$useState10[0],
-    setAttributeSelectorState = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState(-1),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    attributeSelectorState = _React$useState0[0],
+    setAttributeSelectorState = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState(-1),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    focusedOptionIndex = _React$useState10[0],
+    setFocusedOptionIndex = _React$useState10[1];
+  var _React$useState11 = React__namespace.useState(null),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    focusedOptionIndex = _React$useState12[0],
-    setFocusedOptionIndex = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState(null),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    focusedOptionId = _React$useState14[0],
-    setFocusedOptionId = _React$useState14[1];
-  var _React$useState15 = React__namespace.useState({
+    focusedOptionId = _React$useState12[0],
+    setFocusedOptionId = _React$useState12[1];
+  var _React$useState13 = React__namespace.useState({
       source: false,
       target: false
     }),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    focused = _React$useState16[0],
-    setFocused = _React$useState16[1];
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    focused = _React$useState14[0],
+    setFocused = _React$useState14[1];
   var metaData = {
     props: props,
     state: {
@@ -48057,16 +48321,16 @@ var PickList = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       var matchedOptionIndex = _toConsumableArray(items).findIndex(function (item) {
         return item === focusedItem;
       });
-      _toConsumableArray(listItems).slice(Math.min(selectedItemIndex, matchedOptionIndex), Math.max(selectedItemIndex, matchedOptionIndex) + 1), _readOnlyError("selection");
+      var rangeSelection = _toConsumableArray(listItems).slice(Math.min(selectedItemIndex, matchedOptionIndex), Math.max(selectedItemIndex, matchedOptionIndex) + 1);
       if (isSource) {
         _onSelectionChange({
           originalEvent: event,
-          value: selection
+          value: rangeSelection
         }, 'sourceSelection', props.onSourceSelectionChange);
       } else {
         _onSelectionChange({
           originalEvent: event,
-          value: selection
+          value: rangeSelection
         }, 'targetSelection', props.onTargetSelectionChange);
       }
     } else {
@@ -50041,13 +50305,14 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var key = props.id + '_sep_' + index;
     var separatorProps = mergeProps({
       id: key,
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
       hostName: props.hostName
     }));
-    return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenu = function createSubmenu(item, index) {
     var shouldRender = renderSubMenu[createKey(item, index)];
@@ -50123,14 +50388,15 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     }
     var menuitemProps = mergeProps({
       id: key,
-      key: key,
       className: cx('menuitem', {
         active: active,
         item: item
       }),
       style: item.style
     }, getPTOptions(item, 'menuitem'));
-    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, content, submenu);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), content, submenu);
   };
   var createItem = function createItem(item, index) {
     if (item.visible === false) {
@@ -50798,7 +51064,7 @@ var Slider = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.fo
 }));
 Slider.displayName = 'Slider';
 
-var styles$b = "\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-speeddial-action-icon {\n        pointer-events: none;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n";
+var styles$b = "\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n\n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n\n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n\n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-speeddial-action-icon {\n        pointer-events: none;\n    }\n\n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n\n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n\n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n\n    .p-speeddial:not(.p-speeddial-opened) .p-speeddial-list {\n        display: none;\n    }\n\n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n";
 var classes$f = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -51563,6 +51829,9 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     }
   };
   var getItemId = function getItemId(processedItem) {
+    if (processedItem.item && processedItem.item.id) {
+      return processedItem.item.id;
+    }
     return "".concat(props.menuId, "_").concat(processedItem.key);
   };
   var getItemProp = function getItemProp(processedItem, name, params) {
@@ -51616,13 +51885,14 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
     var separatorProps = mergeProps({
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
       hostName: props.hostName
     }));
-    return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenu = function createSubmenu(processedItem, index) {
     if (isItemGroup(processedItem)) {
@@ -51716,7 +51986,6 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
       className: cx('content')
     }, getPTOptions(processedItem, 'content'));
     var menuitemProps = mergeProps({
-      key: key,
       id: key,
       'aria-label': item.label,
       'aria-disabled': disabled,
@@ -51739,10 +52008,12 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
       },
       role: 'menuitem'
     }, getPTOptions(processedItem, 'menuitem'));
-    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
   };
   var createItem = function createItem(processedItem, index) {
-    if (processedItem.visible === false) {
+    if (isItemVisible(processedItem) === false) {
       return null;
     }
     return getItemProp(processedItem, 'separator') ? createSeparator(index) : createMenuItem(processedItem, index);
@@ -51800,37 +52071,37 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
     focused = _React$useState8[0],
     setFocused = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focusedItemId = _React$useState10[0],
-    setFocusedItemId = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState({
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    focusedItemId = _React$useState0[0],
+    setFocusedItemId = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState({
       index: -1,
       level: 0,
       parentKey: ''
     }),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    focusedItemInfo = _React$useState10[0],
+    setFocusedItemInfo = _React$useState10[1];
+  var _React$useState11 = React__namespace.useState(false),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    focusedItemInfo = _React$useState12[0],
-    setFocusedItemInfo = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState(false),
+    dirty = _React$useState12[0],
+    setDirty = _React$useState12[1];
+  var _React$useState13 = React__namespace.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    dirty = _React$useState14[0],
-    setDirty = _React$useState14[1];
+    processedItems = _React$useState14[0],
+    setProcessedItems = _React$useState14[1];
   var _React$useState15 = React__namespace.useState([]),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    processedItems = _React$useState16[0],
-    setProcessedItems = _React$useState16[1];
-  var _React$useState17 = React__namespace.useState([]),
+    visibleItems = _React$useState16[0],
+    setVisibleItems = _React$useState16[1];
+  var _React$useState17 = React__namespace.useState(false),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    visibleItems = _React$useState18[0],
-    setVisibleItems = _React$useState18[1];
-  var _React$useState19 = React__namespace.useState(false),
+    focusTrigger = _React$useState18[0],
+    setFocusTrigger = _React$useState18[1];
+  var _React$useState19 = React__namespace.useState(null),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    focusTrigger = _React$useState20[0],
-    setFocusTrigger = _React$useState20[1];
-  var _React$useState21 = React__namespace.useState(null),
-    _React$useState22 = _slicedToArray(_React$useState21, 2),
-    attributeSelectorState = _React$useState22[0],
-    setAttributeSelectorState = _React$useState22[1];
+    attributeSelectorState = _React$useState20[0],
+    setAttributeSelectorState = _React$useState20[1];
   var metaData = _objectSpread$o(_objectSpread$o({
     props: props
   }, props.__parentMetadata), {}, {
@@ -52068,7 +52339,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
       originalEvent.preventDefault();
       return;
     }
-    if (dirty && !props.popup) {
+    if (dirty) {
       onItemChange(event);
     }
   };
@@ -52571,10 +52842,11 @@ var SplitButtonBase = ComponentBase.extend({
 function ownKeys$n(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$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var _props$id;
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
   var props = SplitButtonBase.getProps(inProps, context);
-  var _React$useState = React__namespace.useState(props.id),
+  var _React$useState = React__namespace.useState((_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : UniqueComponentId),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     idState = _React$useState2[0],
     setIdState = _React$useState2[1];
@@ -53155,7 +53427,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     panelElements.map(function (panelElement, i) {
       prevSize.current = panelSize(panelSizes, 0);
       _panelSizes[i] = panelSize(panelSizes, i);
-      if (panelElement.childNodes && ObjectUtils.isNotEmpty(DomHandler.find(panelElement, "[data-pc-name='splitter']") && DomHandler.find(panelElement, "[data-pc-section='root']"))) {
+      if (panelElement.childNodes && ObjectUtils.isNotEmpty(DomHandler.find(panelElement, "[data-pc-name='splitter']")) && ObjectUtils.isNotEmpty(DomHandler.find(panelElement, "[data-pc-section='root']"))) {
         !isUnstyled() && DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
         panelElement.setAttribute('data-p-splitter-panel-nested', true);
         setNested(true);
@@ -54706,9 +54978,9 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     hiddenTabsState = _React$useState8[0],
     setHiddenTabsState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(props.activeIndex),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    activeIndexState = _React$useState10[0],
-    setActiveIndexState = _React$useState10[1];
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    activeIndexState = _React$useState0[0],
+    setActiveIndexState = _React$useState0[1];
   var elementRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
   var navRef = React__namespace.useRef(null);
@@ -54986,6 +55258,10 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     if (!idState) {
       setIdState(UniqueComponentId());
     }
+    contentRef.current.style.scrollPaddingInline = Math.max(DomHandler.getWidth(prevBtnRef.current), DomHandler.getWidth(nextBtnRef.current), 0) + 'px';
+    updateScrollBar({
+      index: props.activeIndex
+    });
   });
   useUpdateEffect(function () {
     if (ObjectUtils.isNotEmpty(hiddenTabsState)) {
@@ -56172,14 +56448,14 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
-    role: 'switch',
     type: 'checkbox',
-    'aria-pressed': props.checked,
     'aria-invalid': props.invalid,
     disabled: props.disabled,
     readOnly: props.readonly,
     value: props.checked,
-    checked: props.checked
+    checked: props.checked,
+    'aria-label': props['aria-label'],
+    'aria-labelledby': props['aria-labelledby']
   }, ptm('input'));
   var boxProps = mergeProps({
     className: classNames(props.className, cx('box', {
@@ -57184,11 +57460,11 @@ var UITreeNode = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 UITreeNode.displayName = 'UITreeNode';
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$5(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$5(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$5(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$5(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$5(r, a) : void 0; } }
 function _arrayLikeToArray$5(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React__namespace.useContext(PrimeReactContext);
@@ -57202,18 +57478,17 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
     _React$useState2 = _slicedToArray(_React$useState, 2),
     expandedKeysState = _React$useState2[0],
     setExpandedKeysState = _React$useState2[1];
-  var _React$useState3 = React__namespace.useState({}),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    filterExpandedKeys = _React$useState4[0],
-    setFilterExpandedKeys = _React$useState4[1];
   var elementRef = React__namespace.useRef(null);
   var filteredNodes = React__namespace.useRef([]);
   var dragState = React__namespace.useRef(null);
   var filterChanged = React__namespace.useRef(false);
+  var _React$useState3 = React__namespace.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    forceRender = _React$useState4[1];
   var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
   var isFiltering = props.filter && filteredValue;
-  var expandedKeys = isFiltering ? filterExpandedKeys : props.onToggle ? props.expandedKeys : expandedKeysState;
-  var currentFilterExpandedKeys = {};
+  var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
+  var currentFilterExpandedKeys = React__namespace.useRef({});
   var childFocusEvent = React__namespace.useRef(null);
   var _TreeBase$setMetaData = TreeBase.setMetaData({
       props: props,
@@ -57243,7 +57518,16 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
     var originalEvent = event.originalEvent,
       value = event.value,
       navigateFocusToChild = event.navigateFocusToChild;
-    if (props.onToggle) {
+    if (originalEvent == null && isFiltering) {
+      if (props.onToggle) {
+        props.onToggle({
+          originalEvent: originalEvent,
+          value: _objectSpread$9(_objectSpread$9({}, props.expandedKeys), value)
+        });
+      } else {
+        setExpandedKeysState(_objectSpread$9(_objectSpread$9({}, expandedKeysState), value));
+      }
+    } else if (props.onToggle) {
       props.onToggle({
         originalEvent: originalEvent,
         value: value
@@ -57252,11 +57536,7 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       if (navigateFocusToChild) {
         childFocusEvent.current = originalEvent;
       }
-      if (isFiltering) {
-        setFilterExpandedKeys(value);
-      } else {
-        setExpandedKeysState(value);
-      }
+      setExpandedKeysState(value);
     }
   };
   useUpdateEffect(function () {
@@ -57494,8 +57774,16 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
       } finally {
         _iterator.f();
       }
+      onToggle({
+        originalEvent: null,
+        value: currentFilterExpandedKeys.current,
+        navigateFocusToChild: false
+      });
     }
-    setFilterExpandedKeys(currentFilterExpandedKeys);
+    currentFilterExpandedKeys.current = {};
+    forceRender(function (x) {
+      return !x;
+    });
     filterChanged.current = false;
   };
   var findFilteredNodes = function findFilteredNodes(node, paramsWithoutNode) {
@@ -57522,7 +57810,7 @@ var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forw
         }
       }
       if (matched) {
-        currentFilterExpandedKeys[node.key] = true;
+        currentFilterExpandedKeys.current[node.key] = true;
         return true;
       }
     }
@@ -59968,9 +60256,6 @@ var TreeTableBody = /*#__PURE__*/React__namespace.memo(function (props) {
     return props.value.map(createRow);
   };
   var createEmptyMessage = function createEmptyMessage() {
-    if (props.loading) {
-      return null;
-    }
     var colSpan = props.columns ? props.columns.length : null;
     var content = ObjectUtils.getJSXElement(props.emptyMessage, {
       props: props.tableProps
@@ -60655,21 +60940,21 @@ var TreeTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     sortFieldState = _React$useState8[0],
     setSortFieldState = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(props.sortOrder),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    sortOrderState = _React$useState10[0],
-    setSortOrderState = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState(props.multiSortMeta),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    sortOrderState = _React$useState0[0],
+    setSortOrderState = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState(props.multiSortMeta),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    multiSortMetaState = _React$useState10[0],
+    setMultiSortMetaState = _React$useState10[1];
+  var _React$useState11 = React__namespace.useState(props.filters),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    multiSortMetaState = _React$useState12[0],
-    setMultiSortMetaState = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState(props.filters),
+    filtersState = _React$useState12[0],
+    setFiltersState = _React$useState12[1];
+  var _React$useState13 = React__namespace.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    filtersState = _React$useState14[0],
-    setFiltersState = _React$useState14[1];
-  var _React$useState15 = React__namespace.useState([]),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    columnOrderState = _React$useState16[0],
-    setColumnOrderState = _React$useState16[1];
+    columnOrderState = _React$useState14[0],
+    setColumnOrderState = _React$useState14[1];
   var metaData = {
     props: props,
     state: {