primereact 10.9.7 → 10.9.8

package/primereact.all.js

@@ -3636,62 +3636,62 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -4409,10 +4409,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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,
@@ -4420,9 +4420,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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);
     };
@@ -6461,8 +6461,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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();
@@ -6917,6 +6921,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         context: context,
         isFilled: isFilled
       })),
+      autoComplete: props.autoComplete,
       onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,
@@ -7156,17 +7161,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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: {
@@ -9854,22 +9859,23 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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();
@@ -9885,7 +9891,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               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();
@@ -9902,6 +9908,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
@@ -9955,6 +9966,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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)) {
@@ -9997,7 +10009,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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) {
@@ -11249,7 +11261,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (!props.inline && isSingleSelection() && (!props.showTime || props.hideOnDateTimeSelect) && !isUpdateViewDate) {
         setTimeout(function () {
           hide('dateselect');
-          reFocusInputField();
+          if (props.selectionMode !== 'single') {
+            reFocusInputField();
+          }
         }, 100);
         if (touchUIMask.current) {
           disableModality();
@@ -11330,7 +11344,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           value: date
         });
       }
-      updateInputfield(selectedValues);
     };
     var decrementDecade = function decrementDecade() {
       var _currentYear = currentYear - 10;
@@ -11798,11 +11811,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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;
+                }
               }
             }
           }
@@ -11815,11 +11830,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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;
+                }
               }
             }
           }
@@ -12016,6 +12033,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       inputRef.current.value = formattedValue;
     };
+    updateInputfieldRef.current = updateInputfield;
     var formatDateTime = function formatDateTime(date) {
       if (props.formatDateTime) {
         return props.formatDateTime(date);
@@ -12423,6 +12441,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
@@ -13217,9 +13240,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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'));
@@ -13280,6 +13303,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           autoComplete: "off",
           placeholder: props.placeholder,
           tabIndex: props.tabIndex,
+          onClick: onInputClick,
           onInput: onUserInput,
           onFocus: onInputFocus,
           onBlur: onInputBlur,
@@ -13339,10 +13363,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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({
@@ -14516,6 +14540,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -14561,6 +14586,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             if (activeOptionState === option) {
               listItem.children[1].children[0].children[0].focus();
             } else {
+              shouldFocusSubmenu.current = true;
               setActiveOptionState(option);
             }
           }
@@ -14568,9 +14594,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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':
@@ -14649,6 +14680,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -17987,7 +18033,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     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) {
@@ -18918,41 +18964,41 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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: {
@@ -20609,9 +20655,53 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       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) {
-      var precision = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
-      return Math.round((base + increment) * precision) / precision;
+      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;
@@ -20929,6 +21019,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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) {
@@ -20969,8 +21062,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
       }
@@ -21368,10 +21465,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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() {
@@ -21963,8 +22062,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
     }
   };
@@ -22675,10 +22774,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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);
@@ -22867,12 +22966,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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());
@@ -22883,8 +22985,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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 {
@@ -23956,10 +24059,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     },
     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;
@@ -23970,18 +24073,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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'
@@ -23993,13 +24096,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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({
@@ -24013,9 +24116,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         '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));
@@ -24029,12 +24132,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
     }
   };
@@ -24045,7 +24148,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       breakpoint: '960px',
       cellClassName: null,
       cellMemo: true,
-      cellMemoProps: ['rowData', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'frozenCol', 'alignFrozenCol'],
+      cellMemoProps: ['rowData', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'rowIndex', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'frozenCol', 'alignFrozenCol'],
       cellMemoPropsDepth: 1,
       cellSelection: false,
       checkIcon: null,
@@ -24293,7 +24396,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var tabIndex = props.disabled ? null : '0';
     var checkboxProps = {
       role: 'checkbox',
-      'aria-checked': props.checked,
       tabIndex: tabIndex,
       onChange: onChange,
       'aria-label': props.ariaLabel,
@@ -26755,23 +26857,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     });
     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)) {
@@ -26792,7 +26891,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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) {
@@ -26802,14 +26901,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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;
     };
@@ -26906,7 +27005,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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) {
@@ -26914,20 +27013,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             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
@@ -26936,7 +27035,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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;
     };
@@ -28209,7 +28308,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -28332,23 +28430,48 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
           styleObject.right = right + 'px';
         } else {
+          var _elementRef$current, _elementRef$current2;
           var 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;
+          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;
+              }
             }
-            prev = prev.previousElementSibling;
           }
           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);
@@ -28906,37 +29029,37 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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: {
@@ -28989,6 +29112,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
@@ -29209,13 +29333,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         }
         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) {
@@ -30226,15 +30351,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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) {
@@ -30244,6 +30361,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -31094,14 +31220,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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) {
@@ -32863,9 +32986,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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: {
@@ -36148,6 +36271,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return /*#__PURE__*/React__namespace.createElement(InputText, _extends({
       ref: elementRef,
       autoFocus: props.autoFocus,
+      autoComplete: props.autoComplete,
       id: props.id,
       type: props.type,
       name: props.name,
@@ -36486,6 +36610,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         context: context,
         isFilled: isFilled
       })),
+      autoComplete: props.autoComplete,
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyUp: onKeyUp,
@@ -37093,9 +37218,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -38034,33 +38159,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -39209,9 +39334,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -39787,9 +39912,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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: {
@@ -40570,29 +40695,29 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -40870,7 +40995,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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) {
@@ -41149,7 +41274,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [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);
@@ -42119,7 +42244,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
                 virtualScrollerProps: props.virtualScrollerOptions
               })),
               role: 'listbox',
-              'aria-multiselectable': true
+              'aria-multiselectable': true,
+              id: props.listId
             }, getPTOptions('list'));
             return /*#__PURE__*/React__namespace.createElement("ul", listProps, content);
           }
@@ -42143,7 +42269,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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));
     };
@@ -42248,9 +42375,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -43270,6 +43397,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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,
@@ -43280,6 +43411,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onKeyDown: onKeyDown,
       role: 'combobox',
       'aria-expanded': overlayVisibleState,
+      'aria-controls': "".concat(inputId, "-multi-selectbox"),
       disabled: props.disabled,
       tabIndex: !props.disabled ? props.tabIndex : -1,
       value: getLabel()
@@ -43291,6 +43423,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       ref: overlayRef,
       visibleOptions: visibleOptions
     }, props, {
+      listId: "".concat(inputId, "-multi-selectbox"),
       onClick: onPanelClick,
       onOverlayHide: hide,
       filterValue: filterValue,
@@ -43542,8 +43675,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
@@ -44081,13 +44218,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -44137,7 +44274,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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);
     };
@@ -44549,6 +44694,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   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;
@@ -44557,7 +44710,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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,
@@ -44600,79 +44752,97 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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) {
@@ -44712,7 +44882,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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', {
@@ -44729,13 +44899,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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';
 
@@ -45008,13 +45186,28 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
       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();
@@ -45724,13 +45917,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -45759,6 +45952,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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);
@@ -46651,9 +46852,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -47021,7 +47222,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, 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,
@@ -47722,24 +47924,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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: {
@@ -48113,16 +48315,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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 {
@@ -50856,7 +51058,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   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,
@@ -51805,7 +52007,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }), /*#__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);
@@ -51863,37 +52065,37 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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), {}, {
@@ -52131,7 +52333,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         originalEvent.preventDefault();
         return;
       }
-      if (dirty && !props.popup) {
+      if (dirty) {
         onItemChange(event);
       }
     };
@@ -53219,7 +53421,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -54770,9 +54972,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -55050,6 +55252,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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)) {
@@ -57270,6 +57476,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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 = props.onToggle ? props.expandedKeys : expandedKeysState;
@@ -57559,13 +57768,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         } finally {
           _iterator.f();
         }
+        onToggle({
+          originalEvent: null,
+          value: currentFilterExpandedKeys.current,
+          navigateFocusToChild: false
+        });
       }
-      onToggle({
-        originalEvent: null,
-        value: currentFilterExpandedKeys.current,
-        navigateFocusToChild: false
-      });
       currentFilterExpandedKeys.current = {};
+      forceRender(function (x) {
+        return !x;
+      });
       filterChanged.current = false;
     };
     var findFilteredNodes = function findFilteredNodes(node, paramsWithoutNode) {
@@ -60038,9 +60250,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
@@ -60725,21 +60934,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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: {