primereact 8.1.1 → 8.2.0

package/primereact.all.js

@@ -208,9 +208,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
   });
 
-  function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var locales = {
     'en': {
       startsWith: 'Starts with',
@@ -277,7 +277,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }
 
   function addLocale(locale, options) {
-    locales[locale] = _objectSpread$A(_objectSpread$A({}, locales['en']), options);
+    locales[locale] = _objectSpread$z(_objectSpread$z({}, locales['en']), options);
   }
 
   function updateLocaleOption(key, value, locale) {
@@ -287,7 +287,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   function updateLocaleOptions(options, locale) {
     var _locale = locale || PrimeReact.locale;
 
-    locales[_locale] = _objectSpread$A(_objectSpread$A({}, locales[_locale]), options);
+    locales[_locale] = _objectSpread$z(_objectSpread$z({}, locales[_locale]), options);
   }
 
   function localeOption(key, locale) {
@@ -1459,6 +1459,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var focusableElements = DomHandler.getFocusableElements(element, selector);
         return focusableElements.length > 0 ? focusableElements[focusableElements.length - 1] : null;
       }
+      /**
+       * Focus an input element if it does not already have focus.
+       *
+       * @param {HTMLElement} el a HTML element
+       * @param {boolean} scrollTo flag to control whether to scroll to the element, false by default
+       */
+
+    }, {
+      key: "focus",
+      value: function focus(el, scrollTo) {
+        var preventScroll = scrollTo === undefined ? true : !scrollTo;
+        el && document.activeElement !== el && el.focus({
+          preventScroll: preventScroll
+        });
+      }
     }, {
       key: "getCursorOffset",
       value: function getCursorOffset(el, prevText, nextText, currentText) {
@@ -1682,9 +1697,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
 
-  function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   function mask(el, options) {
     var defaultOptions = {
       mask: null,
@@ -1697,7 +1712,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onFocus: null,
       onBlur: null
     };
-    options = _objectSpread$z(_objectSpread$z({}, defaultOptions), options);
+    options = _objectSpread$y(_objectSpread$y({}, defaultOptions), options);
     var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
 
     var caret = function caret(first, last) {
@@ -1854,12 +1869,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var onBlur = function onBlur(e) {
       checkVal();
+      options.onBlur && options.onBlur(e);
       updateModel(e);
 
-      if (options.onBlur) {
-        options.onBlur(e);
-      }
-
       if (el.value !== focusText) {
         var event = document.createEvent('HTMLEvents');
         event.initEvent('change', true, false);
@@ -2395,7 +2407,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
         var locale = arguments.length > 3 ? arguments[3] : undefined;
         var result = null;
-        if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, {
+        var emptyValue1 = this.isEmpty(value1);
+        var emptyValue2 = this.isEmpty(value2);
+        if (emptyValue1 && emptyValue2) result = 0;else if (emptyValue1) result = order; // sort nulls at bottom like Excel
+        else if (emptyValue2) result = -order; // sort nulls at bottom like Excel
+        else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, {
           numeric: true
         });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
         return order * result;
@@ -2405,9 +2421,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return ObjectUtils;
   }();
 
-  function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   var IconUtils = /*#__PURE__*/function () {
     function IconUtils() {
@@ -2430,7 +2446,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }));
 
           if (iconType !== 'string') {
-            var defaultContentOptions = _objectSpread$y({
+            var defaultContentOptions = _objectSpread$x({
               iconProps: iconProps,
               element: content
             }, options);
@@ -3162,9 +3178,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* eslint-enable */
 
-  function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact.cssTransition;
 
@@ -3240,7 +3256,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         unmountOnExit: props.unmountOnExit
       };
 
-      var mergedProps = _objectSpread$x(_objectSpread$x(_objectSpread$x({}, mutableProps), props.options || {}), immutableProps);
+      var mergedProps = _objectSpread$w(_objectSpread$w(_objectSpread$w({}, mutableProps), props.options || {}), immutableProps);
 
       return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
     }
@@ -3250,9 +3266,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     __TYPE: 'CSSTransition'
   };
 
-  function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var AccordionTab = function AccordionTab() {};
   var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.id),
@@ -3317,7 +3333,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
 
     var createTabHeader = function createTabHeader(tab, selected, index) {
-      var style = _objectSpread$w(_objectSpread$w({}, tab.props.style || {}), tab.props.headerStyle || {});
+      var style = _objectSpread$v(_objectSpread$v({}, tab.props.style || {}), tab.props.headerStyle || {});
 
       var className = classNames('p-accordion-header', {
         'p-highlight': selected,
@@ -3353,7 +3369,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createTabContent = function createTabContent(tab, selected, index) {
-      var style = _objectSpread$w(_objectSpread$w({}, tab.props.style || {}), tab.props.contentStyle || {});
+      var style = _objectSpread$v(_objectSpread$v({}, tab.props.style || {}), tab.props.contentStyle || {});
 
       var className = classNames('p-toggleable-content', tab.props.contentClassName, tab.props.className);
       var contentId = idState + '_content_' + index;
@@ -3567,6 +3583,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         positionState = _React$useState4[0],
         setPositionState = _React$useState4[1];
 
+    var _React$useState5 = React__namespace.useState(''),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        classNameState = _React$useState6[0],
+        setClassNameState = _React$useState6[1];
+
     var elementRef = React__namespace.useRef(null);
     var textRef = React__namespace.useRef(null);
     var currentTargetRef = React__namespace.useRef(null);
@@ -3685,7 +3706,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return;
       }
 
-      var updateTooltipState = function updateTooltipState() {
+      var updateTooltipState = function updateTooltipState(position) {
         updateText(currentTargetRef.current, function () {
           if (props.autoZIndex && !ZIndexUtils.get(elementRef.current)) {
             ZIndexUtils.set('tooltip', elementRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['tooltip']);
@@ -3708,7 +3729,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           align(currentTargetRef.current, {
             x: e.pageX,
             y: e.pageY
-          });
+          }, position);
         });
       };
 
@@ -3723,16 +3744,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (success) {
           applyDelay('showDelay', function () {
+            var position = getPosition(currentTargetRef.current);
+            var classname = getTargetOption(currentTargetRef.current, 'classname');
             setVisibleState(true);
-            setPositionState(getPosition(currentTargetRef.current));
-            setTimeout(function () {
-              return updateTooltipState();
-            }, 0);
+            setPositionState(position);
+            setClassNameState(classname);
+            updateTooltipState(position);
             sendCallback(props.onShow, {
               originalEvent: e,
               target: currentTargetRef.current
             });
-            DomHandler.addClass(currentTargetRef.current, getTargetOption(currentTargetRef.current, 'classname'));
           });
         }
       }
@@ -3742,7 +3763,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       clearTimeouts();
 
       if (visibleState) {
-        DomHandler.removeClass(currentTargetRef.current, getTargetOption(currentTargetRef.current, 'classname'));
         var success = sendCallback(props.onBeforeHide, {
           originalEvent: e,
           target: currentTargetRef.current
@@ -3758,6 +3778,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
             setVisibleState(false);
             setPositionState(props.position);
+            setClassNameState('');
             currentTargetRef.current = null;
             containerSize.current = null;
             allowHide.current = true;
@@ -3770,9 +3791,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
-    var align = function align(target, coordinate) {
+    var align = function align(target, coordinate, position) {
       var left = 0,
-          top = 0;
+          top = 0,
+          currentPosition = position || positionState;
 
       if (isMouseTrack(target) && coordinate) {
         var _containerSize = {
@@ -3786,7 +3808,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             mouseTrackTop = _getMouseTrackPositio.top,
             mouseTrackLeft = _getMouseTrackPositio.left;
 
-        switch (positionState) {
+        switch (currentPosition) {
           case 'left':
             left -= _containerSize.width + mouseTrackLeft;
             top -= _containerSize.height / 2 - mouseTrackTop;
@@ -3819,28 +3841,28 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         elementRef.current.style.top = top + 'px';
         DomHandler.addClass(elementRef.current, 'p-tooltip-active');
       } else {
-        var pos = DomHandler.findCollisionPosition(positionState);
+        var pos = DomHandler.findCollisionPosition(currentPosition);
         var my = getTargetOption(target, 'my') || props.my || pos.my;
         var at = getTargetOption(target, 'at') || props.at || pos.at;
         elementRef.current.style.padding = '0px';
-        DomHandler.flipfitCollision(elementRef.current, target, my, at, function (currentPosition) {
-          var _currentPosition$at = currentPosition.at,
-              atX = _currentPosition$at.x,
-              atY = _currentPosition$at.y;
-          var myX = currentPosition.my.x;
-          var newPosition = props.at ? atX !== 'center' && atX !== myX ? atX : atY : currentPosition.at["".concat(pos.axis)];
+        DomHandler.flipfitCollision(elementRef.current, target, my, at, function (calculatedPosition) {
+          var _calculatedPosition$a = calculatedPosition.at,
+              atX = _calculatedPosition$a.x,
+              atY = _calculatedPosition$a.y;
+          var myX = calculatedPosition.my.x;
+          var newPosition = props.at ? atX !== 'center' && atX !== myX ? atX : atY : calculatedPosition.at["".concat(pos.axis)];
           elementRef.current.style.padding = '';
           setPositionState(newPosition);
-          updateContainerPosition();
+          updateContainerPosition(newPosition);
           DomHandler.addClass(elementRef.current, 'p-tooltip-active');
         });
       }
     };
 
-    var updateContainerPosition = function updateContainerPosition() {
+    var updateContainerPosition = function updateContainerPosition(position) {
       if (elementRef.current) {
         var style = getComputedStyle(elementRef.current);
-        if (positionState === 'left') elementRef.current.style.left = parseFloat(style.left) - parseFloat(style.paddingLeft) * 2 + 'px';else if (positionState === 'top') elementRef.current.style.top = parseFloat(style.top) - parseFloat(style.paddingTop) * 2 + 'px';
+        if (position === 'left') elementRef.current.style.left = parseFloat(style.left) - parseFloat(style.paddingLeft) * 2 + 'px';else if (position === 'top') elementRef.current.style.top = parseFloat(style.top) - parseFloat(style.paddingTop) * 2 + 'px';
       }
     };
 
@@ -4026,7 +4048,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createElement = function createElement() {
       var otherProps = ObjectUtils.findDiffKeys(props, Tooltip.defaultProps);
-      var tooltipClassName = classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className);
+      var tooltipClassName = classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className, classNameState);
       var empty = isTargetContentEmpty(currentTargetRef.current);
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
         id: props.id,
@@ -4362,9 +4384,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var OverlayService = EventBus();
 
-  function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var vertical = props.orientation === 'vertical';
     var horizontal = props.orientation === 'horizontal';
@@ -4399,7 +4421,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         numToleratedItemsState = _React$useState8[0],
         setNumToleratedItemsState = _React$useState8[1];
 
-    var _React$useState9 = React__namespace.useState(props.loading),
+    var _React$useState9 = React__namespace.useState(props.loading || false),
         _React$useState10 = _slicedToArray(_React$useState9, 2),
         loadingState = _React$useState10[0],
         setLoadingState = _React$useState10[1];
@@ -4422,10 +4444,39 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       left: 0
     } : 0);
     var scrollTimeout = React__namespace.useRef(null);
+    var resizeTimeout = React__namespace.useRef(null);
+    var defaultWidth = React__namespace.useRef(null);
+    var defaultHeight = React__namespace.useRef(null);
     var prevItems = usePrevious(props.items);
     var prevLoading = usePrevious(props.loading);
 
+    var _useResizeListener = useResizeListener({
+      listener: function listener(event) {
+        return onResize(event);
+      }
+    }),
+        _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
+        bindWindowResizeListener = _useResizeListener2[0];
+
+    var _useEventListener = useEventListener({
+      target: 'window',
+      type: 'orientationchange',
+      listener: function listener(event) {
+        return onResize(event);
+      }
+    }),
+        _useEventListener2 = _slicedToArray(_useEventListener, 1),
+        bindOrientationChangeListener = _useEventListener2[0];
+
+    var getElementRef = function getElementRef() {
+      return elementRef;
+    };
+
     var scrollTo = function scrollTo(options) {
+      lastScrollPos.current = both ? {
+        top: 0,
+        left: 0
+      } : 0;
       elementRef.current && elementRef.current.scrollTo(options);
     };
 
@@ -4435,9 +4486,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var _calculateNumItems = calculateNumItems(),
           numToleratedItems = _calculateNumItems.numToleratedItems;
 
-      var itemSize = props.itemSize;
-      var contentPos = getContentPosition();
-
       var calculateFirst = function calculateFirst() {
         var _index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
 
@@ -4446,8 +4494,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return _index <= _numT ? 0 : _index;
       };
 
-      var calculateCoord = function calculateCoord(_first, _size, _cpos) {
-        return _first * _size + _cpos;
+      var calculateCoord = function calculateCoord(_first, _size) {
+        return _first * _size;
       };
 
       var scrollToItem = function scrollToItem() {
@@ -4467,15 +4515,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
 
         if (newFirst.rows !== firstState.rows || newFirst.cols !== firstState.cols) {
-          scrollToItem(calculateCoord(newFirst.cols, itemSize[1], contentPos.left), calculateCoord(newFirst.rows, itemSize[0], contentPos.top));
-          setFirstState(newFirst);
+          scrollToItem(calculateCoord(newFirst.cols, props.itemSize[1]), calculateCoord(newFirst.rows, props.itemSize[0]));
         }
       } else {
         var _newFirst = calculateFirst(index, numToleratedItems);
 
         if (_newFirst !== firstState) {
-          horizontal ? scrollToItem(calculateCoord(_newFirst, itemSize, contentPos.left), 0) : scrollToItem(0, calculateCoord(_newFirst, itemSize, contentPos.top));
-          setFirstState(_newFirst);
+          horizontal ? scrollToItem(calculateCoord(_newFirst, props.itemSize), 0) : scrollToItem(0, calculateCoord(_newFirst, props.itemSize));
         }
       }
     };
@@ -4488,8 +4534,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             first = _getRenderedRange.first,
             viewport = _getRenderedRange.viewport;
 
-        var itemSize = props.itemSize;
-
         var scrollToItem = function scrollToItem() {
           var left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
           var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -4506,26 +4550,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (isToStart) {
           if (both) {
             if (viewport.first.rows - first.rows > index[0]) {
-              scrollToItem(viewport.first.cols * itemSize, (viewport.first.rows - 1) * itemSize);
+              scrollToItem(viewport.first.cols * props.itemSize[1], (viewport.first.rows - 1) * props.itemSize[0]);
             } else if (viewport.first.cols - first.cols > index[1]) {
-              scrollToItem((viewport.first.cols - 1) * itemSize, viewport.first.rows * itemSize);
+              scrollToItem((viewport.first.cols - 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
             }
           } else {
             if (viewport.first - first > index) {
-              var pos = (viewport.first - 1) * itemSize;
+              var pos = (viewport.first - 1) * props.itemSize;
               horizontal ? scrollToItem(pos, 0) : scrollToItem(0, pos);
             }
           }
         } else if (isToEnd) {
           if (both) {
             if (viewport.last.rows - first.rows <= index[0] + 1) {
-              scrollToItem(viewport.first.cols * itemSize, (viewport.first.rows + 1) * itemSize);
+              scrollToItem(viewport.first.cols * props.itemSize[1], (viewport.first.rows + 1) * props.itemSize[0]);
             } else if (viewport.last.cols - first.cols <= index[1] + 1) {
-              scrollToItem((viewport.first.cols + 1) * itemSize, viewport.first.rows * itemSize);
+              scrollToItem((viewport.first.cols + 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
             }
           } else {
             if (viewport.last - first <= index + 1) {
-              var _pos2 = (viewport.first + 1) * itemSize;
+              var _pos2 = (viewport.first + 1) * props.itemSize;
 
               horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
             }
@@ -4541,18 +4585,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var getColumns = function getColumns() {
-      if (props.columns) {
-        if (both || horizontal) {
-          return loadingState && props.loaderDisabled ? both ? loaderArrState[0] : loaderArrState : props.columns.slice(both ? firstState.cols : firstState, both ? lastState.cols : lastState);
-        }
+      if (props.columns && both || horizontal) {
+        return loadingState && props.loaderDisabled ? both ? loaderArrState[0] : loaderArrState : props.columns.slice(both ? firstState.cols : firstState, both ? lastState.cols : lastState);
       }
 
       return props.columns;
     };
 
     var getRenderedRange = function getRenderedRange() {
-      var itemSize = props.itemSize;
-
       var calculateFirstInViewport = function calculateFirstInViewport(_pos, _size) {
         return Math.floor(_pos / (_size || _pos));
       };
@@ -4561,13 +4601,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var lastInViewport = 0;
 
       if (elementRef.current) {
-        var scrollTop = elementRef.current.scrollTop;
-        var scrollLeft = elementRef.current.scrollLeft;
+        var _elementRef$current = elementRef.current,
+            scrollTop = _elementRef$current.scrollTop,
+            scrollLeft = _elementRef$current.scrollLeft;
 
         if (both) {
           firstInViewport = {
-            rows: calculateFirstInViewport(scrollTop, itemSize[0]),
-            cols: calculateFirstInViewport(scrollLeft, itemSize[1])
+            rows: calculateFirstInViewport(scrollTop, props.itemSize[0]),
+            cols: calculateFirstInViewport(scrollLeft, props.itemSize[1])
           };
           lastInViewport = {
             rows: firstInViewport.rows + numItemsInViewportState.rows,
@@ -4575,7 +4616,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           };
         } else {
           var scrollPos = horizontal ? scrollLeft : scrollTop;
-          firstInViewport = calculateFirstInViewport(scrollPos, itemSize);
+          firstInViewport = calculateFirstInViewport(scrollPos, props.itemSize);
           lastInViewport = firstInViewport + numItemsInViewportState;
         }
       }
@@ -4591,7 +4632,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var calculateNumItems = function calculateNumItems() {
-      var itemSize = props.itemSize;
       var contentPos = getContentPosition();
       var contentWidth = elementRef.current ? elementRef.current.offsetWidth - contentPos.left : 0;
       var contentHeight = elementRef.current ? elementRef.current.offsetHeight - contentPos.top : 0;
@@ -4605,9 +4645,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       };
 
       var numItemsInViewport = both ? {
-        rows: calculateNumItemsInViewport(contentHeight, itemSize[0]),
-        cols: calculateNumItemsInViewport(contentWidth, itemSize[1])
-      } : calculateNumItemsInViewport(horizontal ? contentWidth : contentHeight, itemSize);
+        rows: calculateNumItemsInViewport(contentHeight, props.itemSize[0]),
+        cols: calculateNumItemsInViewport(contentWidth, props.itemSize[1])
+      } : calculateNumItemsInViewport(horizontal ? contentWidth : contentHeight, props.itemSize);
       var numToleratedItems = numToleratedItemsState || (both ? [calculateNumToleratedItems(numItemsInViewport.rows), calculateNumToleratedItems(numItemsInViewport.cols)] : calculateNumToleratedItems(numItemsInViewport));
       return {
         numItemsInViewport: numItemsInViewport,
@@ -4652,15 +4692,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
+    var calculateAutoSize = function calculateAutoSize(loading) {
+      if (props.autoSize && !loading) {
+        Promise.resolve().then(function () {
+          if (_contentRef.current) {
+            _contentRef.current.style.minHeight = _contentRef.current.style.minWidth = 'auto';
+            var _contentRef$current = _contentRef.current,
+                offsetWidth = _contentRef$current.offsetWidth,
+                offsetHeight = _contentRef$current.offsetHeight;
+            (both || horizontal) && (elementRef.current.style.width = (offsetWidth < defaultWidth.current ? offsetWidth : defaultWidth.current) + 'px');
+            (both || vertical) && (elementRef.current.style.height = (offsetHeight < defaultHeight.current ? offsetHeight : defaultHeight.current) + 'px');
+            _contentRef.current.style.minHeight = _contentRef.current.style.minWidth = '';
+          }
+        });
+      }
+    };
+
     var getLast = function getLast() {
       var last = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       var isCols = arguments.length > 1 ? arguments[1] : undefined;
-
-      if (props.items) {
-        return Math.min(isCols ? (props.columns || props.items[0]).length : props.items.length, last);
-      }
-
-      return 0;
+      return props.items ? Math.min(isCols ? (props.columns || props.items[0]).length : props.items.length, last) : 0;
     };
 
     var getContentPosition = function getContentPosition() {
@@ -4713,7 +4764,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var items = props.items;
 
       if (_spacerRef.current && items) {
-        var itemSize = props.itemSize;
         var contentPos = getContentPosition();
 
         var setProp = function setProp(_name, _value, _size) {
@@ -4723,10 +4773,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
 
         if (both) {
-          setProp('height', items, itemSize[0], contentPos.y);
-          setProp('width', props.columns || items[1], itemSize[1], contentPos.x);
+          setProp('height', items, props.itemSize[0], contentPos.y);
+          setProp('width', props.columns || items[1], props.itemSize[1], contentPos.x);
         } else {
-          horizontal ? setProp('width', props.columns || items, itemSize, contentPos.x) : setProp('height', items, itemSize, contentPos.y);
+          horizontal ? setProp('width', props.columns || items, props.itemSize, contentPos.x) : setProp('height', items, props.itemSize, contentPos.y);
         }
       }
     };
@@ -4734,7 +4784,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var setContentPosition = function setContentPosition(pos) {
       if (_contentRef.current) {
         var first = pos ? pos.first : firstState;
-        var itemSize = props.itemSize;
 
         var calculateTranslateVal = function calculateTranslateVal(_first, _size) {
           return _first * _size;
@@ -4750,9 +4799,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         };
 
         if (both) {
-          setTransform(calculateTranslateVal(first.cols, itemSize[1]), calculateTranslateVal(first.rows, itemSize[0]));
+          setTransform(calculateTranslateVal(first.cols, props.itemSize[1]), calculateTranslateVal(first.rows, props.itemSize[0]));
         } else {
-          var translateVal = calculateTranslateVal(first, itemSize);
+          var translateVal = calculateTranslateVal(first, props.itemSize);
           horizontal ? setTransform(translateVal, 0) : setTransform(0, translateVal);
         }
       }
@@ -4760,7 +4809,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var onScrollPositionChange = function onScrollPositionChange(event) {
       var target = event.target;
-      var itemSize = props.itemSize;
       var contentPos = getContentPosition();
 
       var calculateScrollPos = function calculateScrollPos(_pos, _cpos) {
@@ -4791,16 +4839,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       var scrollTop = calculateScrollPos(target.scrollTop, contentPos.top);
       var scrollLeft = calculateScrollPos(target.scrollLeft, contentPos.left);
-      var newFirst = 0;
+      var newFirst = both ? {
+        rows: 0,
+        cols: 0
+      } : 0;
       var newLast = lastState;
       var isRangeChanged = false;
+      var newScrollPos = lastScrollPos.current;
 
       if (both) {
         var isScrollDown = lastScrollPos.current.top <= scrollTop;
         var isScrollRight = lastScrollPos.current.left <= scrollLeft;
         var currentIndex = {
-          rows: calculateCurrentIndex(scrollTop, itemSize[0]),
-          cols: calculateCurrentIndex(scrollLeft, itemSize[1])
+          rows: calculateCurrentIndex(scrollTop, props.itemSize[0]),
+          cols: calculateCurrentIndex(scrollLeft, props.itemSize[1])
         };
         var triggerIndex = {
           rows: calculateTriggerIndex(currentIndex.rows, firstState.rows, lastState.rows, numItemsInViewportState.rows, numToleratedItemsState[0], isScrollDown),
@@ -4814,8 +4866,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           rows: calculateLast(currentIndex.rows, newFirst.rows, lastState.rows, numItemsInViewportState.rows, numToleratedItemsState[0]),
           cols: calculateLast(currentIndex.cols, newFirst.cols, lastState.cols, numItemsInViewportState.cols, numToleratedItemsState[1], true)
         };
-        isRangeChanged = newFirst.rows !== firstState.rows && newLast.rows !== lastState.rows || newFirst.cols !== firstState.cols && newLast.cols !== lastState.cols;
-        lastScrollPos.current = {
+        isRangeChanged = newFirst.rows !== firstState.rows || newLast.rows !== lastState.rows || newFirst.cols !== firstState.cols || newLast.cols !== lastState.cols;
+        newScrollPos = {
           top: scrollTop,
           left: scrollLeft
         };
@@ -4823,20 +4875,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var scrollPos = horizontal ? scrollLeft : scrollTop;
         var isScrollDownOrRight = lastScrollPos.current <= scrollPos;
 
-        var _currentIndex2 = calculateCurrentIndex(scrollPos, itemSize);
+        var _currentIndex2 = calculateCurrentIndex(scrollPos, props.itemSize);
 
         var _triggerIndex2 = calculateTriggerIndex(_currentIndex2, firstState, lastState, numItemsInViewportState, numToleratedItemsState, isScrollDownOrRight);
 
         newFirst = calculateFirst(_currentIndex2, _triggerIndex2, firstState, lastState, numItemsInViewportState, numToleratedItemsState, isScrollDownOrRight);
         newLast = calculateLast(_currentIndex2, newFirst, lastState, numItemsInViewportState, numToleratedItemsState);
-        isRangeChanged = newFirst !== firstState && newLast !== lastState;
-        lastScrollPos.current = scrollPos;
+        isRangeChanged = newFirst !== firstState || newLast !== lastState;
+        newScrollPos = scrollPos;
       }
 
       return {
         first: newFirst,
         last: newLast,
-        isRangeChanged: isRangeChanged
+        isRangeChanged: isRangeChanged,
+        scrollPos: newScrollPos
       };
     };
 
@@ -4844,7 +4897,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var _onScrollPositionChan = onScrollPositionChange(event),
           first = _onScrollPositionChan.first,
           last = _onScrollPositionChan.last,
-          isRangeChanged = _onScrollPositionChan.isRangeChanged;
+          isRangeChanged = _onScrollPositionChan.isRangeChanged,
+          scrollPos = _onScrollPositionChan.scrollPos;
 
       if (isRangeChanged) {
         var newState = {
@@ -4854,6 +4908,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         setContentPosition(newState);
         setFirstState(first);
         setLastState(last);
+        lastScrollPos.current = scrollPos;
         props.onScrollIndexChange && props.onScrollIndexChange(newState);
 
         if (props.lazy) {
@@ -4880,7 +4935,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         scrollTimeout.current = setTimeout(function () {
           onScrollChange(event);
 
-          if (loadingState && props.showLoader && !props.lazy) {
+          if (loadingState && props.showLoader && (!props.lazy || props.loading === undefined)) {
             setLoadingState(false);
           }
         }, props.delay);
@@ -4889,10 +4944,32 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
+    var onResize = function onResize() {
+      if (resizeTimeout.current) {
+        clearTimeout(resizeTimeout.current);
+      }
+
+      resizeTimeout.current = setTimeout(function () {
+        if (elementRef.current) {
+          var _ref = [DomHandler.getWidth(elementRef.current), DomHandler.getHeight(elementRef.current)],
+              width = _ref[0],
+              height = _ref[1];
+          var isDiffWidth = width !== defaultWidth.current,
+              isDiffHeight = height !== defaultHeight.current;
+          var reinit = both ? isDiffWidth || isDiffHeight : horizontal ? isDiffWidth : vertical ? isDiffHeight : false;
+
+          if (reinit) {
+            setNumToleratedItemsState(props.numToleratedItems);
+            defaultWidth.current = width;
+            defaultHeight.current = height;
+          }
+        }
+      }, props.resizeDelay);
+    };
+
     var getOptions = function getOptions(renderedIndex) {
-      var first = firstState;
       var count = (props.items || []).length;
-      var index = both ? first.rows + renderedIndex : first + renderedIndex;
+      var index = both ? firstState.rows + renderedIndex : firstState + renderedIndex;
       return {
         index: index,
         count: count,
@@ -4906,7 +4983,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var loaderOptions = function loaderOptions(index, extOptions) {
       var count = loaderArrState.length;
-      return _objectSpread$v({
+      return _objectSpread$u({
         index: index,
         count: count,
         first: index === 0,
@@ -4930,25 +5007,48 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var init = function init() {
-      setSize();
-      calculateOptions();
-      setSpacerSize();
+      if (!props.disabled) {
+        setSize();
+        calculateOptions();
+        setSpacerSize();
+      }
     };
 
     useMountEffect(function () {
-      init();
+      if (!props.disabled) {
+        init();
+        bindWindowResizeListener();
+        bindOrientationChangeListener();
+        defaultWidth.current = DomHandler.getWidth(elementRef.current);
+        defaultHeight.current = DomHandler.getHeight(elementRef.current);
+      }
     });
     useUpdateEffect(function () {
       init();
     }, [props.itemSize, props.scrollHeight]);
+    useUpdateEffect(function () {
+      if (props.numToleratedItems !== numToleratedItemsState) {
+        setNumToleratedItemsState(props.numToleratedItems);
+      }
+    }, [props.numToleratedItems]);
+    useUpdateEffect(function () {
+      if (props.numToleratedItems === numToleratedItemsState) {
+        init(); // reinit after resizing
+      }
+    }, [numToleratedItemsState]);
     useUpdateEffect(function () {
       if (!prevItems || prevItems.length !== (props.items || []).length) {
         init();
       }
 
+      var loading = loadingState;
+
       if (props.lazy && prevLoading !== props.loading && props.loading !== loadingState) {
         setLoadingState(props.loading);
+        loading = props.loading;
       }
+
+      calculateAutoSize(loading);
     });
     useUpdateEffect(function () {
       lastScrollPos.current = both ? {
@@ -4958,6 +5058,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [props.orientation]);
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        getElementRef: getElementRef,
         scrollTo: scrollTo,
         scrollToIndex: scrollToIndex,
         scrollInView: scrollInView,
@@ -4989,6 +5090,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               numCols: numItemsInViewportState.cols
             });
           });
+        } else if (props.loaderIconTemplate) {
+          var defaultContentOptions = {
+            className: 'p-virtualscroller-loading-icon',
+            element: content,
+            props: props
+          };
+          content = ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
         }
 
         return /*#__PURE__*/React__namespace.createElement("div", {
@@ -5111,14 +5219,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     orientation: 'vertical',
     numToleratedItems: null,
     delay: 0,
+    resizeDelay: 10,
     lazy: false,
     disabled: false,
     loaderDisabled: false,
     columns: null,
-    loading: false,
+    loading: undefined,
+    autoSize: false,
     showSpacer: true,
     showLoader: false,
     loadingTemplate: null,
+    loaderIconTemplate: null,
     itemTemplate: null,
     contentTemplate: null,
     onScroll: null,
@@ -5126,15 +5237,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onLazyLoad: null
   };
 
-  function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
       return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
     };
 
-    var createGroupChildren = function createGroupChildren(optionGroup, i) {
+    var createGroupChildren = function createGroupChildren(optionGroup, i, style) {
       var groupChildren = props.getOptionGroupChildren(optionGroup);
       return groupChildren.map(function (item, j) {
         var key = i + '_' + j;
@@ -5145,6 +5256,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           role: "option",
           "aria-selected": selected,
           className: "p-autocomplete-item",
+          style: style,
           onClick: function onClick(e) {
             return props.onItemClick(e, item);
           },
@@ -5155,14 +5267,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createItem = function createItem(suggestion, index) {
+      var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var style = {
+        height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
+      };
+
       if (props.optionGroupLabel) {
         var content = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, suggestion, index) : props.getOptionGroupLabel(suggestion);
-        var childrenContent = createGroupChildren(suggestion, index);
+        var childrenContent = createGroupChildren(suggestion, index, style);
         var key = index + '_' + getOptionGroupRenderKey(suggestion);
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
           key: key
         }, /*#__PURE__*/React__namespace.createElement("li", {
-          className: "p-autocomplete-item-group"
+          className: "p-autocomplete-item-group",
+          style: style
         }, content), childrenContent);
       } else {
         var _content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
@@ -5172,6 +5290,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           role: "option",
           "aria-selected": props.selectedItem === suggestion,
           className: "p-autocomplete-item",
+          style: style,
           onClick: function onClick(e) {
             return props.onItemClick(e, suggestion);
           }
@@ -5185,13 +5304,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createContent = function createContent() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$u(_objectSpread$u({}, props.virtualScrollerOptions), {
-          style: _objectSpread$u(_objectSpread$u({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$t(_objectSpread$t({}, props.virtualScrollerOptions), {
+          style: _objectSpread$t(_objectSpread$t({}, props.virtualScrollerOptions.style), {
             height: props.scrollHeight
           }),
+          autoSize: true,
           items: props.suggestions,
           itemTemplate: function itemTemplate(item, options) {
-            return item && createItem(item, options.index);
+            return item && createItem(item, options.index, options);
           },
           contentTemplate: function contentTemplate(options) {
             var className = classNames('p-autocomplete-items', options.className);
@@ -5220,7 +5340,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createElement = function createElement() {
       var className = classNames('p-autocomplete-panel p-component', props.panelClassName);
 
-      var style = _objectSpread$u({
+      var style = _objectSpread$t({
         maxHeight: props.scrollHeight
       }, props.panelStyle || {});
 
@@ -5373,7 +5493,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       if (!preventInputFocus) {
-        inputRef.current.focus();
+        DomHandler.focus(inputRef.current);
         hide();
       }
     };
@@ -5471,7 +5591,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var onDropdownClick = function onDropdownClick(event) {
       if (props.dropdownAutoFocus) {
-        inputRef.current.focus();
+        DomHandler.focus(inputRef.current, props.dropdownAutoFocus);
       }
 
       if (props.dropdownMode === 'blank') search(event, '', 'dropdown');else if (props.dropdownMode === 'current') search(event, inputRef.current.value, 'dropdown');
@@ -5549,9 +5669,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             if (highlightItem) {
               selectHighlightItem(event, highlightItem);
               hide();
+              event.preventDefault();
             }
 
-            event.preventDefault();
             break;
           //escape
 
@@ -5644,7 +5764,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onMultiContainerClick = function onMultiContainerClick(event) {
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
       props.onClick && props.onClick(event);
     };
 
@@ -5690,8 +5810,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         setIdState(UniqueComponentId());
       }
 
-      if (props.autoFocus && inputRef.current) {
-        inputRef.current.focus();
+      if (props.autoFocus) {
+        DomHandler.focus(inputRef.current, props.autoFocus);
       }
     });
     useUpdateEffect(function () {
@@ -5963,7 +6083,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var createContent = function createContent() {
-      if (props.label) {
+      if (props.image) {
+        return /*#__PURE__*/React__namespace.createElement("img", {
+          src: props.image,
+          alt: props.imageAlt,
+          onError: props.onImageError
+        });
+      } else if (props.label) {
         return /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-avatar-text"
         }, props.label);
@@ -5973,12 +6099,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, {
           props: props
         });
-      } else if (props.image) {
-        return /*#__PURE__*/React__namespace.createElement("img", {
-          src: props.image,
-          alt: props.imageAlt,
-          onError: props.onImageError
-        });
       }
 
       return null;
@@ -6031,8 +6151,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var otherProps = ObjectUtils.findDiffKeys(props, Badge.defaultProps);
     var className = classNames('p-badge p-component', _defineProperty({
-      'p-badge-no-gutter': props.value && String(props.value).length === 1,
-      'p-badge-dot': !props.value,
+      'p-badge-no-gutter': ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
+      'p-badge-dot': ObjectUtils.isEmpty(props.value),
       'p-badge-lg': props.size === 'large',
       'p-badge-xl': props.size === 'xlarge'
     }, "p-badge-".concat(props.severity), props.severity !== null), props.className);
@@ -6382,6 +6502,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var overlayEventListener = React__namespace.useRef(null);
     var touchUIMaskClickListener = React__namespace.useRef(null);
     var isOverlayClicked = React__namespace.useRef(false);
+    var ignoreMaskChange = React__namespace.useRef(false);
 
     var _React$useState7 = React__namespace.useState('date'),
         _React$useState8 = _slicedToArray(_React$useState7, 2),
@@ -6501,7 +6622,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var reFocusInputField = function reFocusInputField() {
       if (!props.inline && inputRef.current) {
         ignoreFocusFunctionality.current = true;
-        inputRef.current.focus();
+        DomHandler.focus(inputRef.current);
       }
     };
 
@@ -7074,7 +7195,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var currentTime = getCurrentDateTime();
       var currentHour = currentTime.getHours();
       var newHour = currentHour >= 12 ? currentHour - 12 : currentHour + 12;
-      updateTime(event, newHour, currentTime.getMinutes(), currentTime.getSeconds(), currentTime.getMilliseconds());
+
+      if (validateHour(convertTo24Hour(newHour, !(currentHour > 11)), currentTime)) {
+        updateTime(event, newHour, currentTime.getMinutes(), currentTime.getSeconds(), currentTime.getMilliseconds());
+      }
+
       event.preventDefault();
     };
 
@@ -7111,6 +7236,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return date instanceof Date && !isNaN(date);
     };
 
+    var convertTo24Hour = function convertTo24Hour(hour, pm) {
+      if (props.hourFormat == '12') {
+        return hour === 12 ? pm ? 12 : 0 : pm ? hour + 12 : hour;
+      }
+
+      return hour;
+    };
+
     var validateHour = function validateHour(hour, value) {
       var valid = true;
       var valueDateString = value ? value.toDateString() : null;
@@ -7275,6 +7408,56 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         viewStateChanged.current = true;
         setViewDateState(value);
       }
+
+      setCurrentMonth(value.getMonth());
+      setCurrentYear(value.getFullYear());
+    };
+
+    var setNavigationState = function setNavigationState(newViewDate) {
+      if (!props.showMinMaxRange || props.view !== 'date' || !overlayRef.current) {
+        return;
+      }
+
+      var navPrev = DomHandler.findSingle(overlayRef.current, '.p-datepicker-prev');
+      var navNext = DomHandler.findSingle(overlayRef.current, '.p-datepicker-next');
+
+      if (props.disabled) {
+        DomHandler.addClass(navPrev, 'p-disabled');
+        DomHandler.addClass(navNext, 'p-disabled');
+        return;
+      } // previous (check first day of month at 00:00:00)
+
+
+      if (props.minDate) {
+        var firstDayOfMonth = new Date(newViewDate.getTime());
+        firstDayOfMonth.setDate(1);
+        firstDayOfMonth.setHours(0);
+        firstDayOfMonth.setMinutes(0);
+        firstDayOfMonth.setSeconds(0);
+
+        if (props.minDate > firstDayOfMonth) {
+          DomHandler.addClass(navPrev, 'p-disabled');
+        } else {
+          DomHandler.removeClass(navPrev, 'p-disabled');
+        }
+      } // next (check last day of month at 11:59:59)
+
+
+      if (props.maxDate) {
+        var lastDayOfMonth = new Date(newViewDate.getTime());
+        lastDayOfMonth.setMonth(lastDayOfMonth.getMonth() + 1);
+        lastDayOfMonth.setDate(1);
+        lastDayOfMonth.setHours(0);
+        lastDayOfMonth.setMinutes(0);
+        lastDayOfMonth.setSeconds(0);
+        lastDayOfMonth.setSeconds(-1);
+
+        if (props.maxDate < lastDayOfMonth) {
+          DomHandler.addClass(navNext, 'p-disabled');
+        } else {
+          DomHandler.removeClass(navNext, 'p-disabled');
+        }
+      }
     };
 
     var onDateCellKeydown = function onDateCellKeydown(event, date, groupIndex) {
@@ -7602,6 +7785,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         setCurrentMonth(month);
         createMonthsMeta(month, currentYear);
         var currentDate = new Date(getCurrentDateTime().getTime());
+        currentDate.setDate(1); // #2948 always set to 1st of month
+
         currentDate.setMonth(month);
         currentDate.setYear(currentYear);
         setViewDateState(currentDate);
@@ -8712,7 +8897,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           mask: props.mask,
           readOnly: props.readOnlyInput || props.disabled,
           onChange: function onChange(e) {
-            return updateValueOnInput(e.originalEvent, e.value);
+            !ignoreMaskChange.current && updateValueOnInput(e.originalEvent, e.value);
+            ignoreMaskChange.current = false;
+          },
+          onBlur: function onBlur() {
+            ignoreMaskChange.current = true;
           }
         });
       }
@@ -8752,7 +8941,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       updateInputfield(props.value);
     }, [props.dateFormat, props.hourFormat, props.timeOnly, props.showSeconds, props.showMillisec]);
     useUpdateEffect(function () {
-      overlayRef.current && updateFocus();
+      if (overlayRef.current) {
+        setNavigationState(viewDateState);
+        updateFocus();
+      }
     });
     useUnmountEffect(function () {
       if (touchUIMask.current) {
@@ -9535,6 +9727,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     minDate: null,
     maxDate: null,
     maxDateCount: null,
+    showMinMaxRange: false,
     showOtherMonths: true,
     selectOtherMonths: false,
     showButtonBar: false,
@@ -10601,7 +10794,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       updateSelectionPath();
       hide();
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
     };
 
     var onOptionGroupSelect = function onOptionGroupSelect(event) {
@@ -10687,7 +10880,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       if (!overlayRef.current || !overlayRef.current.contains(event.target)) {
-        inputRef.current.focus();
+        DomHandler.focus(inputRef.current);
         overlayVisibleState ? hide() : show();
       }
     };
@@ -10741,7 +10934,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var hide = function hide() {
       props.onBeforeHide && props.onBeforeHide();
       setOverlayVisibleState(false);
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
     };
 
     var onOverlayEnter = function onOverlayEnter() {
@@ -10933,13 +11126,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           chartRef.current = null;
         }
 
-        if (module && module["default"]) {
-          chartRef.current = new module["default"](canvasRef.current, {
-            type: props.type,
-            data: props.data,
-            options: props.options,
-            plugins: props.plugins
-          });
+        var configuration = {
+          type: props.type,
+          data: props.data,
+          options: props.options,
+          plugins: props.plugins
+        };
+
+        if (module) {
+          if (module["default"]) {
+            chartRef.current = new module["default"](canvasRef.current, configuration);
+          } else {
+            chartRef.current = new module(canvasRef.current, configuration);
+          }
         }
       });
     };
@@ -11033,7 +11232,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         });
         inputRef.current.checked = !_checked;
-        inputRef.current.focus();
+        DomHandler.focus(inputRef.current);
       }
     };
 
@@ -11294,12 +11493,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onWrapperClick = function onWrapperClick() {
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
     };
 
     var onKeyDown = function onKeyDown(event) {
       var inputValue = event.target.value;
       var values = props.value || [];
+      props.onKeyDown && props.onKeyDown(event); // do not continue if the user defined keydown wants to prevent
+
+      if (event.defaultPrevented) {
+        return;
+      }
 
       switch (event.which) {
         //backspace
@@ -11319,6 +11523,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           break;
 
         default:
+          if (props.keyfilter) {
+            KeyFilter.onKeyPress(event, props.keyfilter);
+          }
+
           if (isMaxedOut()) {
             event.preventDefault();
           } else if (props.separator === ',' && event.which === 188) {
@@ -11352,6 +11560,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.separator) {
         var pastedData = (event.clipboardData || window['clipboardData']).getData('Text');
 
+        if (props.keyfilter) {
+          KeyFilter.onPaste(event, props.keyfilter);
+        }
+
         if (pastedData) {
           var values = props.value || [];
           var pastedValues = pastedData.split(props.separator);
@@ -11494,11 +11706,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     separator: null,
     allowDuplicate: true,
     itemTemplate: null,
+    keyfilter: null,
     onAdd: null,
     onRemove: null,
     onChange: null,
     onFocus: null,
-    onBlur: null
+    onBlur: null,
+    onKeyDown: null
   };
 
   var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -12544,7 +12758,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           return param.hasBlockScroll;
         });
 
-        if (!hasBlockScroll) {
+        if (hasBlockScroll) {
           DomHandler.removeClass(document.body, 'p-overflow-hidden');
         }
       } else if (props.blockScroll || props.maximizable && maximized) {
@@ -12728,7 +12942,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createResizer = function createResizer() {
       if (props.resizable) {
-        return /*#__PURE__*/React__namespace.createElement("div", {
+        return /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-resizable-handle",
           style: {
             zIndex: 90
@@ -12853,19 +13067,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onMaskClick: null
   };
 
-  function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var confirmDialog = function confirmDialog() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    props = _objectSpread$t(_objectSpread$t({}, props), {
+    props = _objectSpread$s(_objectSpread$s({}, props), {
       visible: props.visible === undefined ? true : props.visible
     });
     props.visible && OverlayService.emit('confirm-dialog', props);
 
     var show = function show() {
       var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      OverlayService.emit('confirm-dialog', _objectSpread$t(_objectSpread$t(_objectSpread$t({}, props), updatedProps), {
+      OverlayService.emit('confirm-dialog', _objectSpread$s(_objectSpread$s(_objectSpread$s({}, props), updatedProps), {
         visible: true
       }));
     };
@@ -13055,19 +13269,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     reject: null
   };
 
-  function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var confirmPopup = function confirmPopup() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    props = _objectSpread$s(_objectSpread$s({}, props), {
+    props = _objectSpread$r(_objectSpread$r({}, props), {
       visible: props.visible === undefined ? true : props.visible
     });
     props.visible && OverlayService.emit('confirm-popup', props);
 
     var show = function show() {
       var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      OverlayService.emit('confirm-popup', _objectSpread$s(_objectSpread$s(_objectSpread$s({}, props), updatedProps), {
+      OverlayService.emit('confirm-popup', _objectSpread$r(_objectSpread$r(_objectSpread$r({}, props), updatedProps), {
         visible: true
       }));
     };
@@ -13521,6 +13735,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
         role: "none",
+        id: item.id,
         className: className,
         style: item.style,
         onMouseEnter: function onMouseEnter(event) {
@@ -14003,9 +14218,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     lazy: false
   };
 
-  function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (props) {
     var report = {
       currentPage: props.page + 1,
@@ -14021,7 +14236,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, text);
 
     if (props.template) {
-      var defaultOptions = _objectSpread$r(_objectSpread$r({}, report), {
+      var defaultOptions = _objectSpread$q(_objectSpread$q({}, report), {
         className: 'p-paginator-current',
         element: element,
         props: props
@@ -14080,9 +14295,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     template: null
   };
 
-  function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14160,7 +14375,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var getDecimalExpression = function getDecimalExpression() {
-      var formatter = new Intl.NumberFormat(props.locale, _objectSpread$q(_objectSpread$q({}, getOptions()), {}, {
+      var formatter = new Intl.NumberFormat(props.locale, _objectSpread$p(_objectSpread$p({}, getOptions()), {}, {
         useGrouping: false
       }));
       return new RegExp("[".concat(formatter.format(1.1).replace(_currency.current, '').trim().replace(_numeral.current, ''), "]"), 'g');
@@ -14300,7 +14515,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var onUpButtonMouseDown = function onUpButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        props.autoFocus && inputRef.current.focus();
+        props.autoFocus && DomHandler.focus(inputRef.current, props.autoFocus);
         repeat(event, null, 1);
         event.preventDefault();
       }
@@ -14353,7 +14568,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var onDownButtonMouseDown = function onDownButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        props.autoFocus && inputRef.current.focus();
+        props.autoFocus && DomHandler.focus(inputRef.current, props.autoFocus);
         repeat(event, null, -1);
         event.preventDefault();
       }
@@ -15453,6 +15668,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var content = props.template ? ObjectUtils.getJSXElement(props.template, props.option) : props.label;
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: className,
+      style: props.style,
       onClick: onClick,
       "aria-label": props.label,
       key: props.label,
@@ -15462,9 +15678,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   DropdownItem.displayName = 'DropdownItem';
 
-  function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var virtualScrollerRef = React__namespace.useRef(null);
     var filterInputRef = React__namespace.useRef(null);
@@ -15487,7 +15703,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onEntered = function onEntered() {
       props.onEntered(function () {
         if (props.filter && props.filterInputAutoFocus) {
-          filterInputRef.current.focus();
+          DomHandler.focus(filterInputRef.current, false);
         }
       });
     };
@@ -15497,7 +15713,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props.onFilterInputChange && props.onFilterInputChange(event);
     };
 
-    var createGroupChildren = function createGroupChildren(optionGroup) {
+    var createGroupChildren = function createGroupChildren(optionGroup, style) {
       var groupChildren = props.getOptionGroupChildren(optionGroup);
       return groupChildren.map(function (option, j) {
         var optionLabel = props.getOptionLabel(option);
@@ -15507,6 +15723,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           key: optionKey,
           label: optionLabel,
           option: option,
+          style: style,
           template: props.itemTemplate,
           selected: props.isSelected(option),
           disabled: disabled,
@@ -15523,14 +15740,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createItem = function createItem(option, index) {
+      var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var style = {
+        height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
+      };
+
       if (props.optionGroupLabel) {
         var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
-        var groupChildrenContent = createGroupChildren(option);
+        var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + props.getOptionGroupRenderKey(option);
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
           key: key
         }, /*#__PURE__*/React__namespace.createElement("li", {
-          className: "p-dropdown-item-group"
+          className: "p-dropdown-item-group",
+          style: style
         }, groupContent), groupChildrenContent);
       } else {
         var optionLabel = props.getOptionLabel(option);
@@ -15540,6 +15763,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           key: optionKey,
           label: optionLabel,
           option: option,
+          style: style,
           template: props.itemTemplate,
           selected: props.isSelected(option),
           disabled: disabled,
@@ -15564,7 +15788,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: "p-dropdown-filter-clear-icon pi pi-times",
           onClick: function onClick() {
             return props.onFilterClearIconClick(function () {
-              return filterInputRef.current.focus();
+              return DomHandler.focus(filterInputRef.current);
             });
           }
         });
@@ -15602,19 +15826,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createContent = function createContent() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$p(_objectSpread$p({}, props.virtualScrollerOptions), {
-          style: _objectSpread$p(_objectSpread$p({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$o(_objectSpread$o({}, props.virtualScrollerOptions), {
+          style: _objectSpread$o(_objectSpread$o({}, props.virtualScrollerOptions.style), {
             height: props.scrollHeight
           }),
           className: classNames('p-dropdown-items-wrapper', props.virtualScrollerOptions.className),
           items: props.visibleOptions,
+          autoSize: true,
           onLazyLoad: function onLazyLoad(event) {
-            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$p(_objectSpread$p({}, event), {
+            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$o(_objectSpread$o({}, event), {
               filter: props.filterValue
             }));
           },
           itemTemplate: function itemTemplate(item, options) {
-            return item && createItem(item, options.index);
+            return item && createItem(item, options.index, options);
           },
           contentTemplate: function contentTemplate(options) {
             var className = classNames('p-dropdown-items', options.className);
@@ -15679,9 +15904,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   DropdownPanel.displayName = 'DropdownPanel';
 
-  function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createForOfIteratorHelper$b(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
@@ -15749,7 +15974,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
 
               if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push(_objectSpread$o(_objectSpread$o({}, optgroup), {
+                filteredGroups.push(_objectSpread$n(_objectSpread$n({}, optgroup), {
                   items: filteredSubOptions
                 }));
               }
@@ -15781,7 +16006,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (DomHandler.hasClass(event.target, 'p-dropdown-clear-icon') || event.target.tagName === 'INPUT') {
         return;
       } else if (!overlayRef.current || !(overlayRef.current && overlayRef.current.contains(event.target))) {
-        focusInputRef.current.focus();
+        DomHandler.focus(focusInputRef.current);
         overlayVisibleState ? hide() : show();
       }
     };
@@ -16054,7 +16279,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       if (!option.disabled) {
         selectItem(event);
-        focusInputRef.current.focus();
+        DomHandler.focus(focusInputRef.current);
       }
 
       hide();
@@ -16123,11 +16348,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
-    var getSelectedOptionIndex = function getSelectedOptionIndex() {
-      if (props.value != null && visibleOptions) {
+    var getSelectedOptionIndex = function getSelectedOptionIndex(options) {
+      options = options || visibleOptions;
+
+      if (props.value != null && options) {
         if (props.optionGroupLabel) {
-          for (var i = 0; i < visibleOptions.length; i++) {
-            var selectedOptionIndex = findOptionIndexInList(props.value, getOptionGroupChildren(visibleOptions[i]));
+          for (var i = 0; i < options.length; i++) {
+            var selectedOptionIndex = findOptionIndexInList(props.value, getOptionGroupChildren(options[i]));
 
             if (selectedOptionIndex !== -1) {
               return {
@@ -16137,7 +16364,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             }
           }
         } else {
-          return findOptionIndexInList(props.value, visibleOptions);
+          return findOptionIndexInList(props.value, options);
         }
       }
 
@@ -16254,16 +16481,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var getSelectedOption = function getSelectedOption() {
-      var index = getSelectedOptionIndex();
-      return index !== -1 ? props.optionGroupLabel ? getOptionGroupChildren(visibleOptions[index.group])[index.option] : visibleOptions[index] : null;
+      var index = getSelectedOptionIndex(props.options);
+      return index !== -1 ? props.optionGroupLabel ? getOptionGroupChildren(props.options[index.group])[index.option] : props.options[index] : null;
     };
 
     React__namespace.useEffect(function () {
       ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);
     useMountEffect(function () {
-      if (props.autoFocus && focusInputRef.current) {
-        focusInputRef.current.focus();
+      if (props.autoFocus) {
+        DomHandler.focus(focusInputRef.current, props.autoFocus);
       }
     });
     useUpdateEffect(function () {
@@ -16916,7 +17143,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onClick = function onClick(event) {
       if (!props.disabled) {
         props.onChange(event);
-        inputRef.current.focus();
+        DomHandler.focus(inputRef.current);
       }
     };
 
@@ -16964,9 +17191,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   RowRadioButton.displayName = 'RowRadioButton';
 
-  function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(props.editing),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -17061,7 +17288,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var getCellCallbackParams = function getCellCallbackParams(event) {
       var params = getCellParams();
-      return _objectSpread$n({
+      return _objectSpread$m({
         originalEvent: event
       }, params);
     };
@@ -17108,7 +17335,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var newRowData = editingRowDataState;
       var newValue = resolveFieldData(newRowData);
 
-      var params = _objectSpread$n(_objectSpread$n({}, callbackParams), {}, {
+      var params = _objectSpread$m(_objectSpread$m({}, callbackParams), {}, {
         newRowData: newRowData,
         newValue: newValue
       });
@@ -17189,7 +17416,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$n({}, styleObjectState);
+        var styleObject = _objectSpread$m({}, styleObjectState);
 
         var align = getColumnProp('alignFrozen');
 
@@ -17219,7 +17446,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var editorCallback = function editorCallback(val) {
-      var editingRowData = _objectSpread$n({}, editingRowDataState);
+      var editingRowData = _objectSpread$m({}, editingRowDataState);
 
       editingRowData[field] = val;
       setEditingRowDataState(editingRowData); // update editing meta for complete methods on row mode
@@ -17451,7 +17678,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.editMode === 'cell' || props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
 
-        var params = _objectSpread$n(_objectSpread$n({}, callbackParams), {}, {
+        var params = _objectSpread$m(_objectSpread$m({}, callbackParams), {}, {
           editing: editingState,
           editingKey: editingKey
         });
@@ -17683,9 +17910,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   BodyCell.displayName = 'BodyCell';
 
-  function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -17927,7 +18154,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (dataKey) {
           var dataKeyValue = String(ObjectUtils.resolveFieldData(data, dataKey));
-          editingRows = props.editingRows ? _objectSpread$m({}, props.editingRows) : {};
+          editingRows = props.editingRows ? _objectSpread$l({}, props.editingRows) : {};
 
           if (!isEditing) {
             delete editingRows[dataKeyValue]; // if the key value was changed, stop editing for the new key value too
@@ -18076,12 +18303,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }),
       'p-row-odd': props.index % 2 !== 0
     });
+    var style = {
+      height: props.virtualScrollerOptions ? props.virtualScrollerOptions.itemSize : undefined
+    };
     var content = createContent();
     var tabIndex = getTabIndex();
     return /*#__PURE__*/React__namespace.createElement("tr", {
       role: "row",
       tabIndex: tabIndex,
       className: className,
+      style: style,
       onMouseDown: onMouseDown,
       onMouseUp: onMouseUp,
       onClick: onClick,
@@ -18120,17 +18351,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var _excluded = ["originalEvent"];
 
-  function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var TableBody = /*#__PURE__*/React__namespace.memo(function (props) {
+  function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
         rowGroupHeaderStyleObjectState = _React$useState2[0],
         setRowGroupHeaderStyleObjectState = _React$useState2[1];
 
     var elementRef = React__namespace.useRef(null);
-    var ref = React__namespace.useCallback(function (el) {
+    var refCallback = React__namespace.useCallback(function (el) {
       elementRef.current = el;
       props.virtualScrollerContentRef && props.virtualScrollerContentRef(el);
     }, [props]);
@@ -18564,7 +18795,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onSelect = function onSelect(event) {
-      if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$l(_objectSpread$l({
+      if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$k(_objectSpread$k({
         originalEvent: event.originalEvent
       }, event.data), {}, {
         type: event.type
@@ -18572,7 +18803,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onUnselect = function onUnselect(event) {
-      if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$l(_objectSpread$l({
+      if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$k(_objectSpread$k({
         originalEvent: event.originalEvent
       }, event.data), {}, {
         type: event.type
@@ -18641,12 +18872,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           anchorRowFirst.current = props.first;
 
           if (isSingleSelection()) {
-            onSingleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
+            onSingleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
           } else {
-            onMultipleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
+            onMultipleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
@@ -18726,7 +18957,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       if (hasDataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-        expandedRows = props.expandedRows ? _objectSpread$l({}, props.expandedRows) : {};
+        expandedRows = props.expandedRows ? _objectSpread$k({}, props.expandedRows) : {};
 
         if (expandedRows[dataKeyValue] != null) {
           delete expandedRows[dataKeyValue];
@@ -18784,9 +19015,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onRowDragStart = function onRowDragStart(e) {
       var event = e.originalEvent,
           index = e.index;
-      rowDragging.current = true;
-      draggedRowIndex.current = index;
-      event.dataTransfer.setData('text', 'b'); // For firefox
+
+      if (allowRowDrag(event)) {
+        rowDragging.current = true;
+        draggedRowIndex.current = index;
+        event.dataTransfer.setData('text', 'b'); // For firefox
+      }
     };
 
     var onRowDragOver = function onRowDragOver(e) {
@@ -18862,14 +19096,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onRadioChange = function onRadioChange(event) {
-      onSingleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
+      onSingleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
         toggleable: true,
         type: 'radio'
       }));
     };
 
     var onCheckboxChange = function onCheckboxChange(event) {
-      onMultipleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
+      onMultipleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
         toggleable: true,
         type: 'checkbox'
       }));
@@ -19182,15 +19416,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var className = classNames('p-datatable-tbody', props.className);
     var content = props.empty ? createEmptyContent() : createContent();
     return /*#__PURE__*/React__namespace.createElement("tbody", {
-      ref: ref,
+      ref: refCallback,
       className: className
     }, content);
-  });
+  }));
   TableBody.displayName = 'TableBody';
 
-  function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19211,7 +19445,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$k({}, styleObjectState);
+        var styleObject = _objectSpread$j({}, styleObjectState);
 
         var _align = getColumnProp('alignFrozen');
 
@@ -19235,7 +19469,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           styleObject['left'] = left + 'px';
         }
 
-        setStyleObjectState(styleObject);
+        var isSameStyle = styleObjectState['left'] === styleObject['left'] && styleObjectState['right'] === styleObject['right'];
+        !isSameStyle && setStyleObjectState(styleObject);
       }
     };
 
@@ -19316,9 +19551,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableFooter.displayName = 'TableFooter';
 
-  function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19451,7 +19686,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filterClearCallback = getColumnProp('onFilterClear');
       var defaultConstraint = getDefaultConstraint();
 
-      var filters = _objectSpread$j({}, props.filters);
+      var filters = _objectSpread$i({}, props.filters);
 
       if (filters[field].operator) {
         filters[field].constraints.splice(1);
@@ -19516,7 +19751,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onInputChange = function onInputChange(event, index) {
-      var filters = _objectSpread$j({}, props.filters);
+      var filters = _objectSpread$i({}, props.filters);
 
       var value = event.target.value;
 
@@ -19536,7 +19771,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onRowMatchModeChange = function onRowMatchModeChange(matchMode) {
       var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
 
-      var filters = _objectSpread$j({}, props.filters);
+      var filters = _objectSpread$i({}, props.filters);
 
       filters[field].matchMode = matchMode;
       filterMatchModeChangeCallback && filterMatchModeChangeCallback({
@@ -19587,7 +19822,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filterOperationChangeCallback = getColumnProp('onFilterOperatorChange');
       var value = e.value;
 
-      var filters = _objectSpread$j({}, props.filters);
+      var filters = _objectSpread$i({}, props.filters);
 
       filters[field].operator = value;
       props.onFilterChange(filters);
@@ -19604,7 +19839,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onMenuMatchModeChange = function onMenuMatchModeChange(value, index) {
       var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
 
-      var filters = _objectSpread$j({}, props.filters);
+      var filters = _objectSpread$i({}, props.filters);
 
       filters[field].constraints[index].matchMode = value;
       props.onFilterChange(filters);
@@ -19623,7 +19858,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filterConstraintAddCallback = getColumnProp('onFilterConstraintAdd');
       var defaultConstraint = getDefaultConstraint();
 
-      var filters = _objectSpread$j({}, props.filters);
+      var filters = _objectSpread$i({}, props.filters);
 
       var newConstraint = {
         value: null,
@@ -19644,7 +19879,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var removeConstraint = function removeConstraint(index) {
       var filterConstraintRemoveCallback = getColumnProp('onFilterConstraintRemove');
 
-      var filters = _objectSpread$j({}, props.filters);
+      var filters = _objectSpread$i({}, props.filters);
 
       var removedConstraint = filters[field].constraints.splice(index, 1);
       filterConstraintRemoveCallback && filterConstraintRemoveCallback({
@@ -19757,7 +19992,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var filterCallback = function filterCallback(value) {
       var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
 
-      var filters = _objectSpread$j({}, props.filters);
+      var filters = _objectSpread$i({}, props.filters);
 
       var meta = filters[field];
       props.display === 'menu' && meta && meta.operator ? filters[field].constraints[index].value = value : filters[field].value = value;
@@ -20162,9 +20397,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   HeaderCheckbox.displayName = 'HeaderCheckbox';
 
-  function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20240,7 +20475,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$i({}, styleObjectState);
+        var styleObject = _objectSpread$h({}, styleObjectState);
 
         var align = getColumnProp('alignFrozen');
 
@@ -20472,14 +20707,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var sortMeta = getSortMeta();
       var style = getStyle();
       var align = getColumnProp('alignHeader') || getColumnProp('align');
+      var frozen = getColumnProp('frozen');
       var className = classNames(getColumnProp('headerClassName'), getColumnProp('className'), _defineProperty({
         'p-sortable-column': getColumnProp('sortable'),
         'p-resizable-column': props.resizableColumns && getColumnProp('resizeable'),
         'p-highlight': sortMeta.sorted,
-        'p-frozen-column': getColumnProp('frozen'),
+        'p-frozen-column': frozen,
         'p-selection-column': getColumnProp('selectionMode'),
         'p-sortable-disabled': getColumnProp('sortable') && _isSortableDisabled,
-        'p-reorderable-column': props.reorderableColumns && getColumnProp('reorderable')
+        'p-reorderable-column': props.reorderableColumns && getColumnProp('reorderable') && !frozen
       }, "p-align-".concat(align), !!align));
       var tabIndex = getColumnProp('sortable') && !_isSortableDisabled ? props.tabIndex : null;
       var colSpan = getColumnProp('colSpan');
@@ -20511,9 +20747,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   HeaderCell.displayName = 'HeaderCell';
 
-  function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState([]),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20655,7 +20891,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               selectionMode = _col$props.selectionMode,
               filter = _col$props.filter;
 
-          var colStyle = _objectSpread$h(_objectSpread$h({}, filterHeaderStyle || {}), style || {});
+          var colStyle = _objectSpread$g(_objectSpread$g({}, filterHeaderStyle || {}), style || {});
 
           var colClassName = classNames('p-filter-column', filterHeaderClassName, className, {
             'p-frozen-column': frozen
@@ -20701,9 +20937,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableHeader.displayName = 'TableHeader';
 
-  function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.first),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20768,6 +21004,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var elementRef = React__namespace.useRef(null);
     var tableRef = React__namespace.useRef(null);
     var wrapperRef = React__namespace.useRef(null);
+    var bodyRef = React__namespace.useRef(null);
+    var frozenBodyRef = React__namespace.useRef(null);
+    var virtualScrollerRef = React__namespace.useRef(null);
     var reorderIndicatorUpRef = React__namespace.useRef(null);
     var reorderIndicatorDownRef = React__namespace.useRef(null);
     var colReorderIconWidth = React__namespace.useRef(null);
@@ -21201,13 +21440,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           e.rowIndex;
           var editing = e.editing;
 
-      var editingMeta = _objectSpread$g({}, editingMetaState);
+      var editingMeta = _objectSpread$f({}, editingMetaState);
 
       var meta = editingMeta[editingKey];
 
       if (editing) {
         !meta && (meta = editingMeta[editingKey] = {
-          data: _objectSpread$g({}, rowData),
+          data: _objectSpread$f({}, rowData),
           fields: []
         });
         meta['fields'].push(field);
@@ -21263,8 +21502,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         } else if (props.columnResizeMode === 'expand') {
           var tableWidth = tableRef.current.offsetWidth + delta + 'px';
-          tableRef.current.style.width = tableWidth;
-          tableRef.current.style.minWidth = tableWidth;
+
+          var updateTableWidth = function updateTableWidth(el) {
+            !!el && (el.style.width = el.style.minWidth = tableWidth);
+          };
+
+          updateTableWidth(tableRef.current);
+
+          if (!isVirtualScrollerDisabled()) {
+            updateTableWidth(bodyRef.current);
+            updateTableWidth(frozenBodyRef.current);
+
+            if (wrapperRef.current) {
+              updateTableWidth(DomHandler.findSingle(wrapperRef.current, '.p-virtualscroller-content'));
+            }
+          }
+
           resizeTableCells(newColumnWidth);
         }
 
@@ -21321,7 +21574,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var event = e.originalEvent,
           column = e.column;
 
-      if (props.reorderableColumns && getColumnProp(column, 'reorderable') !== false) {
+      if (props.reorderableColumns && getColumnProp(column, 'reorderable') !== false && !getColumnProp(column, 'frozen')) {
         if (event.target.nodeName === 'INPUT' || event.target.nodeName === 'TEXTAREA' || DomHandler.hasClass(event.target, 'p-column-resizer')) event.currentTarget.draggable = false;else event.currentTarget.draggable = true;
       }
     };
@@ -21384,10 +21637,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onColumnHeaderDragOver = function onColumnHeaderDragOver(e) {
-      var event = e.originalEvent;
+      var event = e.originalEvent,
+          column = e.column;
       var dropHeader = findParentHeader(event.currentTarget);
 
-      if (props.reorderableColumns && draggedColumnElement.current && dropHeader) {
+      if (props.reorderableColumns && draggedColumnElement.current && dropHeader && !getColumnProp(column, 'frozen')) {
         event.preventDefault();
 
         if (draggedColumnElement.current !== dropHeader) {
@@ -21598,8 +21852,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return props.removableSort ? props.defaultSortOrder === currentOrder ? currentOrder * -1 : 0 : currentOrder * -1;
     };
 
-    var compareValuesOnSort = function compareValuesOnSort(value1, value2) {
-      return ObjectUtils.sort(value1, value2, 1, PrimeReact.locale);
+    var compareValuesOnSort = function compareValuesOnSort(value1, value2, order) {
+      return ObjectUtils.sort(value1, value2, order, PrimeReact.locale);
     };
 
     var addSortMeta = function addSortMeta(meta, multiSortMeta) {
@@ -21638,6 +21892,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       if (columnSortable.current && columnSortFunction.current) {
         value = columnSortFunction.current({
+          rowData: value,
           field: field,
           order: order
         });
@@ -21645,8 +21900,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         value.sort(function (data1, data2) {
           var value1 = ObjectUtils.resolveFieldData(data1, field);
           var value2 = ObjectUtils.resolveFieldData(data2, field);
-          var result = compareValuesOnSort(value1, value2);
-          return order * result;
+          return compareValuesOnSort(value1, value2, order);
         });
       }
 
@@ -21679,6 +21933,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var field = columnField.current;
         var order = meta ? meta.order : defaultSortOrder;
         value = columnSortFunction.current({
+          rowData: value,
           field: field,
           order: order
         });
@@ -21699,8 +21954,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return multiSortMeta.length - 1 > index ? multisortField(data1, data2, multiSortMeta, index + 1) : 0;
       }
 
-      var result = compareValuesOnSort(value1, value2);
-      return multiSortMeta[index].order * result;
+      return compareValuesOnSort(value1, value2, multiSortMeta[index].order);
     };
 
     var onFilterChange = function onFilterChange(filters) {
@@ -21830,9 +22084,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           cloned[prop] = value.operator ? {
             operator: value.operator,
             constraints: value.constraints.map(function (constraint) {
-              return _objectSpread$g({}, constraint);
+              return _objectSpread$f({}, constraint);
             })
-          } : _objectSpread$g({}, value);
+          } : _objectSpread$f({}, value);
         });
       } else {
         var _columns2 = getColumns();
@@ -21873,7 +22127,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var filter = function filter(value, field, matchMode) {
       var index = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
 
-      var filters = _objectSpread$g({}, d_filtersState);
+      var filters = _objectSpread$f({}, d_filtersState);
 
       var meta = filters[field];
       var constraint = meta && meta.operator ? meta.constraints[index] : meta;
@@ -22000,7 +22254,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createEvent = function createEvent(event) {
-      return _objectSpread$g({
+      return _objectSpread$f({
         first: getFirst(),
         rows: getRows(),
         sortField: getSortField(),
@@ -22079,7 +22333,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     }, [props.responsiveLayout]);
     useUpdateEffect(function () {
-      filter(props.globalFilter, 'global', 'contains');
+      if (props.globalFilter) {
+        filter(props.globalFilter, 'global', 'contains');
+      }
     }, [props.globalFilter]);
     useUnmountEffect(function () {
       unbindColumnResizeEvents();
@@ -22179,7 +22435,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           columns = options.columns,
           contentRef = options.contentRef,
           className = options.className;
+          options.itemSize;
       var frozenBody = props.frozenValue && /*#__PURE__*/React__namespace.createElement(TableBody, {
+        ref: frozenBodyRef,
         value: props.frozenValue,
         className: "p-datatable-frozen-tbody",
         frozenRow: true,
@@ -22243,9 +22501,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         expandedRowIcon: props.expandedRowIcon,
         collapsedRowIcon: props.collapsedRowIcon,
         rowClassName: props.rowClassName,
+        virtualScrollerOptions: options,
         isVirtualScrollerDisabled: true
       });
       var body = /*#__PURE__*/React__namespace.createElement(TableBody, {
+        ref: bodyRef,
         value: dataToRender(rows),
         className: className,
         empty: empty,
@@ -22338,10 +22598,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         style: {
           maxHeight: _isVirtualScrollerDisabled ? props.scrollHeight : null
         }
-      }, /*#__PURE__*/React__namespace.createElement(VirtualScroller, _extends({}, virtualScrollerOptions, {
+      }, /*#__PURE__*/React__namespace.createElement(VirtualScroller, _extends({
+        ref: virtualScrollerRef
+      }, virtualScrollerOptions, {
         items: processedData,
         columns: columns,
-        scrollHeight: props.scrollHeight,
+        style: _objectSpread$f(_objectSpread$f({}, virtualScrollerOptions.style), {
+          height: props.scrollHeight !== 'flex' ? props.scrollHeight : undefined
+        }),
+        scrollHeight: props.scrollHeight !== 'flex' ? undefined : '100%',
         disabled: _isVirtualScrollerDisabled,
         loaderDisabled: true,
         showSpacer: false,
@@ -23146,9 +23411,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     footer: null
   };
 
-  function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var contentRef = React__namespace.useRef(null);
     var toolbarRef = React__namespace.useRef(null);
@@ -23162,16 +23427,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useMountEffect(function () {
       if (!isQuillLoaded.current) {
         import('quill').then(function (module) {
-          if (module && module["default"] && DomHandler.isExist(contentRef.current)) {
-            quill.current = new module["default"](contentRef.current, {
-              modules: _objectSpread$f({
+          if (module && DomHandler.isExist(contentRef.current)) {
+            var configuration = {
+              modules: _objectSpread$e({
                 toolbar: props.showHeader ? toolbarRef.current : false
               }, props.modules),
               placeholder: props.placeholder,
               readOnly: props.readOnly,
               theme: props.theme,
               formats: props.formats
-            });
+            };
+
+            if (module["default"]) {
+              // webpack
+              quill.current = new module["default"](contentRef.current, configuration);
+            } else {
+              // parceljs
+              quill.current = new module(contentRef.current, configuration);
+            }
 
             if (props.value) {
               quill.current.setContents(quill.current.clipboard.convert(props.value));
@@ -23592,7 +23865,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var show = function show(value) {
       if (value) {
-        var messages = [];
+        var messages;
 
         if (Array.isArray(value)) {
           for (var i = 0; i < value.length; i++) {
@@ -23613,7 +23886,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var replace = function replace(value) {
-      setMessagesState(value);
+      var replaced = Array.isArray(value) ? value : [value];
+      setMessagesState(replaced);
     };
 
     var onClose = function onClose(message) {
@@ -25676,12 +25950,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       width: width,
       height: height,
       style: props.imageStyle,
-      alt: alt
+      alt: alt,
+      onError: props.onError
     });
     return /*#__PURE__*/React__namespace.createElement("span", _extends({
       ref: elementRef,
-      className: containerClassName,
-      style: props.style
+      className: containerClassName
     }, otherProps), image, preview, maskVisibleState && /*#__PURE__*/React__namespace.createElement(Portal, {
       element: element,
       appendTo: document.body
@@ -25693,14 +25967,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     preview: false,
     className: null,
     downloadable: false,
-    style: null,
     imageStyle: null,
     imageClassName: null,
     template: null,
     src: null,
     alt: null,
     width: null,
-    height: null
+    height: null,
+    onError: null
   };
 
   var InplaceDisplay = function InplaceDisplay(props) {
@@ -25710,7 +25984,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return props.children;
   };
   var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-    var _React$useState = React__namespace.useState(false),
+    var _React$useState = React__namespace.useState(props.active),
         _React$useState2 = _slicedToArray(_React$useState, 2),
         activeState = _React$useState2[0],
         setActiveState = _React$useState2[1];
@@ -25841,7 +26115,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
 
   var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-    var elementRef = React__namespace.useRef(null);
+    var elementRef = React__namespace.useRef(ref);
     var firstNonMaskPos = React__namespace.useRef(null);
     var lastRequiredNonMaskPos = React__namespace.useRef(0);
     var tests = React__namespace.useRef([]);
@@ -26362,8 +26636,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     React__namespace.useEffect(function () {
-      ObjectUtils.combinedRefs(elementRef, props.inputRef);
-    }, [elementRef, props.inputRef]);
+      ObjectUtils.combinedRefs(elementRef, ref);
+    }, [elementRef, ref]);
     useMountEffect(function () {
       init();
       updateValue();
@@ -26371,7 +26645,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useUpdateEffect(function () {
       init();
       caret(updateValue(true));
-      updateModel();
+
+      if (props.unmask) {
+        updateModel();
+      }
     }, [props.mask]);
     useUpdateEffect(function () {
       if (isValueUpdated()) {
@@ -26409,7 +26686,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   InputMask.defaultProps = {
     __TYPE: 'InputMask',
     id: null,
-    inputRef: null,
     value: null,
     type: 'text',
     mask: null,
@@ -26450,7 +26726,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       toggle(event);
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
       event.preventDefault();
     };
 
@@ -26975,6 +27251,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var content = props.template ? ObjectUtils.getJSXElement(props.template, props.option) : props.label;
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: className,
+      style: props.style,
       onClick: onClick,
       onTouchEnd: onTouchEnd,
       onKeyDown: onKeyDown,
@@ -26988,9 +27265,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   ListBoxItem.displayName = 'ListBoxItem';
 
-  function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createForOfIteratorHelper$8(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$8(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
@@ -27094,6 +27371,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onFilter = function onFilter(event) {
+      virtualScrollerRef.current && virtualScrollerRef.current.scrollToIndex(0);
       var originalEvent = event.originalEvent,
           value = event.value;
 
@@ -27129,11 +27407,44 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     };
 
+    var getSelectedOptionIndex = function getSelectedOptionIndex() {
+      if (props.value != null && visibleOptions) {
+        if (props.optionGroupLabel) {
+          for (var i = 0; i < visibleOptions.length; i++) {
+            var selectedOptionIndex = findOptionIndexInList(props.value, getOptionGroupChildren(visibleOptions[i]));
+
+            if (selectedOptionIndex !== -1) {
+              return {
+                group: i,
+                option: selectedOptionIndex
+              };
+            }
+          }
+        } else {
+          return findOptionIndexInList(props.value, visibleOptions);
+        }
+      }
+
+      return -1;
+    };
+
+    var equalityKey = function equalityKey() {
+      return props.optionValue ? null : props.dataKey;
+    };
+
+    var findOptionIndexInList = function findOptionIndexInList(value, list) {
+      var key = equalityKey();
+      return list.findIndex(function (item) {
+        return ObjectUtils.equals(value, getOptionValue(item), key);
+      });
+    };
+
     var isSelected = function isSelected(option) {
       var optionValue = getOptionValue(option);
+      var key = equalityKey();
       return props.multiple && props.value ? props.value.some(function (val) {
-        return ObjectUtils.equals(val, optionValue, props.dataKey);
-      }) : ObjectUtils.equals(props.value, optionValue, props.dataKey);
+        return ObjectUtils.equals(val, optionValue, key);
+      }) : ObjectUtils.equals(props.value, optionValue, key);
     };
 
     var getOptionLabel = function getOptionLabel(option) {
@@ -27185,7 +27496,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
 
               if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push(_objectSpread$e(_objectSpread$e({}, optgroup), {
+                filteredGroups.push(_objectSpread$d(_objectSpread$d({}, optgroup), {
                   items: filteredSubOptions
                 }));
               }
@@ -27205,6 +27516,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
+    var scrollToSelectedIndex = function scrollToSelectedIndex() {
+      if (virtualScrollerRef.current) {
+        var selectedIndex = getSelectedOptionIndex();
+
+        if (selectedIndex !== -1) {
+          setTimeout(function () {
+            return virtualScrollerRef.current.scrollToIndex(selectedIndex);
+          }, 0);
+        }
+      }
+    };
+
+    useMountEffect(function () {
+      scrollToSelectedIndex();
+    });
+
     var createHeader = function createHeader() {
       return props.filter ? /*#__PURE__*/React__namespace.createElement(ListBoxHeader, {
         filter: filteredValue,
@@ -27215,7 +27542,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }) : null;
     };
 
-    var createGroupChildren = function createGroupChildren(optionGroup) {
+    var createGroupChildren = function createGroupChildren(optionGroup, style) {
       var groupChildren = getOptionGroupChildren(optionGroup);
       return groupChildren.map(function (option, j) {
         var optionLabel = getOptionLabel(option);
@@ -27226,6 +27553,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           key: optionKey,
           label: optionLabel,
           option: option,
+          style: style,
           template: props.itemTemplate,
           selected: isSelected(option),
           onClick: onOptionSelect,
@@ -27237,14 +27565,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createItem = function createItem(option, index) {
+      var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var style = {
+        height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
+      };
+
       if (props.optionGroupLabel) {
         var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
-        var groupChildrenContent = createGroupChildren(option);
+        var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + getOptionGroupRenderKey(option);
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
           key: key
         }, /*#__PURE__*/React__namespace.createElement("li", {
           className: "p-listbox-item-group",
+          style: style,
           role: "group"
         }, groupContent), groupChildrenContent);
       } else {
@@ -27256,6 +27590,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           key: optionKey,
           label: optionLabel,
           option: option,
+          style: style,
           template: props.itemTemplate,
           selected: isSelected(option),
           onClick: onOptionSelect,
@@ -27272,15 +27607,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createList = function createList() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$e(_objectSpread$e({}, props.virtualScrollerOptions), {
+        var virtualScrollerProps = _objectSpread$d(_objectSpread$d({}, props.virtualScrollerOptions), {
           items: visibleOptions,
           onLazyLoad: function onLazyLoad(event) {
-            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$e(_objectSpread$e({}, event), {
+            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$d(_objectSpread$d({}, event), {
               filter: visibleOptions
             }));
           },
-          itemTemplate: function itemTemplate(item, option) {
-            return item && createItem(item, option.index);
+          itemTemplate: function itemTemplate(item, options) {
+            return item && createItem(item, options.index, options);
           },
           contentTemplate: function contentTemplate(option) {
             var className = classNames('p-listbox-list', option.className);
@@ -27623,6 +27958,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         return /*#__PURE__*/React__namespace.createElement("li", {
           key: key,
+          id: item.id,
           className: _className2,
           style: item.style,
           role: "none"
@@ -27638,6 +27974,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
         key: submenu.label
       }, /*#__PURE__*/React__namespace.createElement("li", {
+        id: submenu.id,
         className: className,
         style: submenu.style,
         role: "presentation"
@@ -27704,6 +28041,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var panel = createCategoryPanel(category);
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: category.label + '_' + index,
+        id: category.id,
         className: className,
         style: category.style,
         onMouseEnter: function onMouseEnter(e) {
@@ -27727,19 +28065,36 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createMenu = function createMenu() {
       if (props.model) {
-        return props.model.map(function (item, index) {
+        return /*#__PURE__*/React__namespace.createElement("ul", {
+          className: "p-megamenu-root-list",
+          role: "menubar"
+        }, props.model.map(function (item, index) {
           return createCategory(item, index);
-        });
+        }));
       }
 
       return null;
     };
 
-    var createCustomContent = function createCustomContent() {
-      if (props.children) {
+    var createStartContent = function createStartContent() {
+      if (props.start) {
+        var _start = ObjectUtils.getJSXElement(props.start, props);
+
+        return /*#__PURE__*/React__namespace.createElement("div", {
+          className: "p-megamenu-start"
+        }, _start);
+      }
+
+      return null;
+    };
+
+    var createEndContent = function createEndContent() {
+      if (props.end) {
+        var _end = ObjectUtils.getJSXElement(props.end, props);
+
         return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-megamenu-custom"
-        }, props.children);
+          className: "p-megamenu-end"
+        }, _end);
       }
 
       return null;
@@ -27751,16 +28106,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-megamenu-vertical': props.orientation === 'vertical'
     }, props.className);
     var menu = createMenu();
-    var customContent = createCustomContent();
+    var start = createStartContent();
+    var end = createEndContent();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement("ul", {
-      className: "p-megamenu-root-list",
-      role: "menubar"
-    }, menu), customContent);
+    }, otherProps), start, menu, end);
   }));
   MegaMenu.displayName = 'MegaMenu';
   MegaMenu.defaultProps = {
@@ -27769,12 +28122,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     model: null,
     style: null,
     className: null,
-    orientation: 'horizontal'
+    orientation: 'horizontal',
+    start: null,
+    end: null
   };
 
-  function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -27994,7 +28349,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onItemClick = function onItemClick(event, suggestion) {
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
       selectItem(event, suggestion);
     };
 
@@ -28148,7 +28503,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createPanel = function createPanel() {
       var panelClassName = classNames('p-mention-panel p-component', props.panelClassName);
 
-      var panelStyle = _objectSpread$d({
+      var panelStyle = _objectSpread$c({
         maxHeight: props.scrollHeight
       }, props.panelStyle);
 
@@ -28754,6 +29109,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
         role: "none",
+        id: item.id,
         className: className,
         style: item.style,
         onMouseEnter: function onMouseEnter(event) {
@@ -29075,6 +29431,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var tabIndex = props.disabled ? null : props.tabIndex || 0;
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: className,
+      style: props.style,
       onClick: onClick,
       tabIndex: tabIndex,
       onKeyDown: onKeyDown,
@@ -29090,9 +29447,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   MultiSelectItem.displayName = 'MultiSelectItem';
 
-  function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var virtualScrollerRef = React__namespace.useRef(null);
 
@@ -29147,7 +29504,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return null;
     };
 
-    var createGroupChildren = function createGroupChildren(optionGroup) {
+    var createGroupChildren = function createGroupChildren(optionGroup, style) {
       var groupChildren = props.getOptionGroupChildren(optionGroup);
       return groupChildren.map(function (option, j) {
         var optionLabel = props.getOptionLabel(option);
@@ -29159,6 +29516,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           key: optionKey,
           label: optionLabel,
           option: option,
+          style: style,
           template: props.itemTemplate,
           selected: selected,
           onClick: props.onOptionSelect,
@@ -29177,14 +29535,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createItem = function createItem(option, index) {
+      var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var style = {
+        height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
+      };
+
       if (props.optionGroupLabel) {
         var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
-        var groupChildrenContent = createGroupChildren(option);
+        var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + props.getOptionGroupRenderKey(option);
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
           key: key
         }, /*#__PURE__*/React__namespace.createElement("li", {
-          className: "p-multiselect-item-group"
+          className: "p-multiselect-item-group",
+          style: style
         }, groupContent), groupChildrenContent);
       } else {
         var optionLabel = props.getOptionLabel(option);
@@ -29196,6 +29560,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           key: optionKey,
           label: optionLabel,
           option: option,
+          style: style,
           template: props.itemTemplate,
           selected: selected,
           onClick: props.onOptionSelect,
@@ -29218,19 +29583,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createContent = function createContent() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$c(_objectSpread$c({}, props.virtualScrollerOptions), {
-          style: _objectSpread$c(_objectSpread$c({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$b(_objectSpread$b({}, props.virtualScrollerOptions), {
+          style: _objectSpread$b(_objectSpread$b({}, props.virtualScrollerOptions.style), {
             height: props.scrollHeight
           }),
           className: classNames('p-multiselect-items-wrapper', props.virtualScrollerOptions.className),
           items: props.visibleOptions,
+          autoSize: true,
           onLazyLoad: function onLazyLoad(event) {
-            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$c(_objectSpread$c({}, event), {
+            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$b(_objectSpread$b({}, event), {
               filter: props.filterValue
             }));
           },
           itemTemplate: function itemTemplate(item, options) {
-            return item && createItem(item, options.index);
+            return item && createItem(item, options.index, options);
           },
           contentTemplate: function contentTemplate(options) {
             var className = classNames('p-multiselect-items p-component', options.className);
@@ -29300,9 +29666,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   MultiSelectPanel.displayName = 'MultiSelectPanel';
 
-  function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
@@ -29407,7 +29773,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         case 27:
           hide();
-          inputRef.current.focus();
+          DomHandler.focus(inputRef.current);
           break;
       }
     };
@@ -29425,7 +29791,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onClick = function onClick(event) {
       if (!props.disabled && !isPanelClicked(event) && !DomHandler.hasClass(event.target, 'p-multiselect-token-icon') && !isClearClicked(event)) {
         overlayVisibleState ? hide() : show();
-        inputRef.current.focus();
+        DomHandler.focus(inputRef.current);
         event.preventDefault();
       }
     };
@@ -29602,7 +29968,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var onCloseClick = function onCloseClick(event) {
       hide();
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
       event.preventDefault();
       event.stopPropagation();
     };
@@ -29795,7 +30161,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var label;
 
       if (!empty && !props.fixedPlaceholder) {
-        if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
+        if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
           return getSelectedItemsLabel();
         } else {
           return props.value.reduce(function (acc, value, index) {
@@ -29810,7 +30176,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getLabelContent = function getLabelContent() {
       if (props.selectedItemTemplate) {
         if (!empty) {
-          if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
+          if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
             return getSelectedItemsLabel();
           } else {
             return props.value.map(function (val, index) {
@@ -29866,7 +30232,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
 
               if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push(_objectSpread$b(_objectSpread$b({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
+                filteredGroups.push(_objectSpread$a(_objectSpread$a({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
               }
             }
           } catch (err) {
@@ -31033,7 +31399,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var align = function align() {
-      if (currentTargetRef.current) {
+      if (currentTargetRef.current && overlayRef.current) {
         DomHandler.absolutePosition(overlayRef.current, currentTargetRef.current);
         var containerOffset = DomHandler.getOffset(overlayRef.current);
         var targetOffset = DomHandler.getOffset(currentTargetRef.current);
@@ -31488,6 +31854,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item.id,
         className: className,
         style: item.style,
         role: "none"
@@ -32348,6 +32715,23 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
     };
 
+    var onFilter = function onFilter(event) {
+      if (props.onFilter) {
+        props.onFilter({
+          originalEvent: event,
+          value: event.target.value,
+          type: props.type
+        });
+      }
+    };
+
+    var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
+      //enter
+      if (event.which === 13) {
+        event.preventDefault();
+      }
+    };
+
     React__namespace.useImperativeHandle(ref, function () {
       return {
         listElementRef: listElementRef
@@ -32384,6 +32768,44 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return null;
     };
 
+    var createFilter = function createFilter() {
+      if (props.showFilter) {
+        var content = /*#__PURE__*/React__namespace.createElement("div", {
+          className: "p-picklist-filter"
+        }, /*#__PURE__*/React__namespace.createElement("input", {
+          type: "text",
+          value: props.filterValue,
+          onChange: onFilter,
+          onKeyDown: onFilterInputKeyDown,
+          placeholder: props.placeholder,
+          className: "p-picklist-filter-input p-inputtext p-component"
+        }), /*#__PURE__*/React__namespace.createElement("span", {
+          className: "p-picklist-filter-icon pi pi-search"
+        }));
+
+        if (props.filterTemplate) {
+          var defaultContentOptions = {
+            className: 'p-picklist-filter',
+            inputProps: {
+              className: 'p-picklist-filter-input p-inputtext p-component',
+              onChange: onFilter,
+              onKeyDown: onFilterInputKeyDown
+            },
+            iconClassName: 'p-picklist-filter-icon pi pi-search',
+            element: content,
+            props: props
+          };
+          content = ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
+        }
+
+        return /*#__PURE__*/React__namespace.createElement("div", {
+          className: "p-picklist-filter-container"
+        }, content);
+      }
+
+      return null;
+    };
+
     var createList = function createList() {
       var items = createItems();
       var className = classNames('p-picklist-list', props.listClassName);
@@ -32397,19 +32819,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var className = classNames('p-picklist-list-wrapper', props.className);
     var header = createHeader();
+    var filter = createFilter();
     var list = createList();
     return /*#__PURE__*/React__namespace.createElement("div", {
       ref: listElementRef,
       className: className
-    }, header, list);
+    }, header, filter, list);
   }));
   PickListSubList.displayName = 'PickListSubList';
 
   var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (props) {
-    var moveRightDisabled = ObjectUtils.isEmpty(props.sourceSelection);
-    var moveLeftDisabled = ObjectUtils.isEmpty(props.targetSelection);
-    var moveAllRightDisabled = ObjectUtils.isEmpty(props.source);
-    var moveAllLeftDisabled = ObjectUtils.isEmpty(props.target);
+    var moveRightDisabled = ObjectUtils.isEmpty(props.sourceSelection) || ObjectUtils.isEmpty(props.visibleSourceList);
+    var moveLeftDisabled = ObjectUtils.isEmpty(props.targetSelection) || ObjectUtils.isEmpty(props.visibleTargetList);
+    var moveAllRightDisabled = ObjectUtils.isEmpty(props.visibleSourceList);
+    var moveAllLeftDisabled = ObjectUtils.isEmpty(props.visibleTargetList);
 
     var moveRight = function moveRight(event) {
       var selection = props.sourceSelection;
@@ -32440,8 +32863,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var moveAllRight = function moveAllRight(event) {
       if (props.source) {
-        var targetList = [].concat(_toConsumableArray(props.target), _toConsumableArray(props.source));
-        var sourceList = [];
+        var targetList = [].concat(_toConsumableArray(props.target), _toConsumableArray(props.visibleSourceList));
+        var sourceList = props.source.filter(function (s) {
+          return !props.visibleSourceList.some(function (vs) {
+            return vs === s;
+          });
+        });
 
         if (props.onTransfer) {
           props.onTransfer({
@@ -32483,8 +32910,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var moveAllLeft = function moveAllLeft(event) {
       if (props.source) {
-        var sourceList = [].concat(_toConsumableArray(props.source), _toConsumableArray(props.target));
-        var targetList = [];
+        var sourceList = [].concat(_toConsumableArray(props.source), _toConsumableArray(props.visibleTargetList));
+        var targetList = props.target.filter(function (t) {
+          return !props.visibleTargetList.some(function (vt) {
+            return vt === t;
+          });
+        });
 
         if (props.onTransfer) {
           props.onTransfer({
@@ -32535,12 +32966,27 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         targetSelectionState = _React$useState4[0],
         setTargetSelectionState = _React$useState4[1];
 
+    var _React$useState5 = React__namespace.useState(''),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        sourceFilterValueState = _React$useState6[0],
+        setSourceFilterValueState = _React$useState6[1];
+
+    var _React$useState7 = React__namespace.useState(''),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        targetFilterValueState = _React$useState8[0],
+        setTargetFilterValueState = _React$useState8[1];
+
     var sourceListElementRef = React__namespace.useRef(null);
     var targetListElementRef = React__namespace.useRef(null);
     var reorderedListElementRef = React__namespace.useRef(null);
     var reorderDirection = React__namespace.useRef(null);
     var sourceSelection = props.onSourceSelectionChange ? props.sourceSelection : sourceSelectionState;
     var targetSelection = props.onTargetSelectionChange ? props.targetSelection : targetSelectionState;
+    var sourceFilteredValue = props.onSourceFilterChange ? props.sourceFilterValue : sourceFilterValueState;
+    var targetFilteredValue = props.onTargetFilterChange ? props.targetFilterValue : targetFilterValueState;
+    var hasFilterBy = ObjectUtils.isNotEmpty(props.filterBy);
+    var showSourceFilter = hasFilterBy && props.showSourceFilter;
+    var showTargetFilter = hasFilterBy && props.showTargetFilter;
 
     var onSourceReorder = function onSourceReorder(event) {
       handleChange(event, event.value, props.target);
@@ -32675,6 +33121,52 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
+    var onFilter = function onFilter(event) {
+      var originalEvent = event.originalEvent,
+          value = event.value,
+          type = event.type;
+
+      var _ref = type === 'source' ? [setSourceFilterValueState, props.onSourceFilterChange] : [setTargetFilterValueState, props.onTargetFilterChange],
+          _ref2 = _slicedToArray(_ref, 2),
+          setFilterState = _ref2[0],
+          onFilterChange = _ref2[1];
+
+      if (onFilterChange) {
+        onFilterChange({
+          originalEvent: originalEvent,
+          value: value
+        });
+      } else {
+        setFilterState(value);
+      }
+    };
+
+    var getVisibleList = function getVisibleList(list, type) {
+      var _ref3 = type === 'source' ? [sourceFilteredValue, filterSource] : [targetFilteredValue, filterTarget],
+          _ref4 = _slicedToArray(_ref3, 2),
+          filteredValue = _ref4[0],
+          filterCallback = _ref4[1];
+
+      return hasFilterBy && ObjectUtils.isNotEmpty(filteredValue) ? filterCallback(filteredValue) : list;
+    };
+
+    var filterSource = function filterSource() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      var filteredValue = value.trim().toLocaleLowerCase(props.filterLocale);
+      return filter(props.source, filteredValue);
+    };
+
+    var filterTarget = function filterTarget() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      var filteredValue = value.trim().toLocaleLowerCase(props.filterLocale);
+      return filter(props.target, filteredValue);
+    };
+
+    var filter = function filter(list, filterValue) {
+      var searchFields = hasFilterBy ? props.filterBy.split(',') : [];
+      return FilterService.filter(list, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+    };
+
     useUpdateEffect(function () {
       if (reorderedListElementRef.current) {
         handleScrollPosition(reorderedListElementRef.current, reorderDirection.current);
@@ -32686,6 +33178,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var className = classNames('p-picklist p-component', props.className);
     var sourceItemTemplate = props.sourceItemTemplate ? props.sourceItemTemplate : props.itemTemplate;
     var targetItemTemplate = props.targetItemTemplate ? props.targetItemTemplate : props.itemTemplate;
+    var sourceList = getVisibleList(props.source, 'source');
+    var targetList = getVisibleList(props.target, 'target');
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
       className: className,
@@ -32698,7 +33192,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       dataKey: props.dataKey
     }), /*#__PURE__*/React__namespace.createElement(PickListSubList, {
       ref: sourceListElementRef,
-      list: props.source,
+      type: "source",
+      list: sourceList,
       selection: sourceSelection,
       onSelectionChange: function onSelectionChange(e) {
         return _onSelectionChange(e, 'sourceSelection', props.onSourceSelectionChange);
@@ -32710,17 +33205,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       listClassName: "p-picklist-source",
       metaKeySelection: props.metaKeySelection,
       tabIndex: props.tabIndex,
-      dataKey: props.dataKey
+      dataKey: props.dataKey,
+      filterValue: sourceFilteredValue,
+      onFilter: onFilter,
+      showFilter: showSourceFilter,
+      placeholder: props.sourceFilterPlaceholder,
+      template: props.sourceFilterTemplate
     }), /*#__PURE__*/React__namespace.createElement(PickListTransferControls, {
       onTransfer: onTransfer,
       source: props.source,
+      visibleSourceList: sourceList,
       target: props.target,
+      visibleTargetList: targetList,
       sourceSelection: sourceSelection,
       targetSelection: targetSelection,
       dataKey: props.dataKey
     }), /*#__PURE__*/React__namespace.createElement(PickListSubList, {
       ref: targetListElementRef,
-      list: props.target,
+      type: "target",
+      list: targetList,
       selection: targetSelection,
       onSelectionChange: function onSelectionChange(e) {
         return _onSelectionChange(e, 'targetSelection', props.onTargetSelectionChange);
@@ -32732,7 +33235,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       listClassName: "p-picklist-target",
       metaKeySelection: props.metaKeySelection,
       tabIndex: props.tabIndex,
-      dataKey: props.dataKey
+      dataKey: props.dataKey,
+      filterValue: targetFilteredValue,
+      onFilter: onFilter,
+      showFilter: showTargetFilter,
+      placeholder: props.targetFilterPlaceholder,
+      template: props.targetFilterTemplate
     }), props.showTargetControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
       list: props.target,
       selection: targetSelection,
@@ -32758,6 +33266,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     showSourceControls: true,
     showTargetControls: true,
     metaKeySelection: true,
+    filterBy: null,
+    filterMatchMode: 'contains',
+    filterLocale: undefined,
+    sourceFilterValue: null,
+    targetFilterValue: null,
+    showSourceFilter: true,
+    showTargetFilter: true,
+    sourceFilterPlaceholder: null,
+    targetFilterPlaceholder: null,
+    sourceFilterTemplate: null,
+    targetFilterTemplate: null,
     tabIndex: 0,
     dataKey: null,
     itemTemplate: null,
@@ -32769,7 +33288,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onMoveToTarget: null,
     onMoveAllToTarget: null,
     onSourceSelectionChange: null,
-    onTargetSelectionChange: null
+    onTargetSelectionChange: null,
+    onSourceFilterChange: null,
+    onTargetFilterChange: null
   };
 
   var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -32838,7 +33359,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         });
         inputRef.current.checked = !props.checked;
-        inputRef.current.focus();
+        DomHandler.focus(inputRef.current);
       }
     };
 
@@ -33789,9 +34310,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null
   };
 
-  function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(null),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -33822,7 +34343,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       if (item.items) {
         var key = createKey(item, index);
-        setRenderSubMenu(_objectSpread$a(_objectSpread$a({}, renderSubMenu), {}, _defineProperty({}, key, true)));
+        setRenderSubMenu(_objectSpread$9(_objectSpread$9({}, renderSubMenu), {}, _defineProperty({}, key, true)));
         setActiveItemState(item);
         props.onForward();
       }
@@ -33907,6 +34428,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item.id,
         className: className,
         style: item.style
       }, content, submenu);
@@ -34435,9 +34957,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     'aria-labelledby': null
   };
 
-  function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _classNames2;
 
@@ -34582,7 +35104,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getItemStyle = function getItemStyle(index) {
       var transitionDelay = calculateTransitionDelay(index);
       var pointStyle = calculatePointStyle(index);
-      return _objectSpread$9({
+      return _objectSpread$8({
         transitionDelay: "".concat(transitionDelay, "ms")
       }, pointStyle);
     };
@@ -35014,6 +35536,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       type: "button",
       className: buttonClassName,
       icon: props.icon,
+      loading: props.loading,
+      loadingIcon: props.loadingIcon,
       label: props.label,
       onClick: props.onClick,
       disabled: props.disabled,
@@ -35051,6 +35575,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     id: null,
     label: null,
     icon: null,
+    loading: false,
+    loadingIcon: 'pi pi-spinner pi-spin',
     model: null,
     disabled: null,
     style: null,
@@ -35087,6 +35613,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var nextPanelSize = React__namespace.useRef(null);
     var prevPanelIndex = React__namespace.useRef(null);
     var panelSizes = React__namespace.useRef(null);
+    var mounted = React__namespace.useRef(false);
     var isStateful = props.stateKey != null;
 
     var _useEventListener = useEventListener({
@@ -35157,7 +35684,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var saveState = function saveState() {
-      getStorage().setItem(props.stateKey, JSON.stringify(panelSizes));
+      getStorage().setItem(props.stateKey, JSON.stringify(panelSizes.current));
     };
 
     var restoreState = function restoreState() {
@@ -35172,7 +35699,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
 
         children.forEach(function (child, i) {
-          child.style.flexBasis = 'calc(' + panelSizes[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+          child.style.flexBasis = 'calc(' + panelSizes.current[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
         });
         return true;
       }
@@ -35220,7 +35747,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.onResizeEnd) {
         props.onResizeEnd({
           originalEvent: event,
-          sizes: panelSizes
+          sizes: panelSizes.current
         });
       }
 
@@ -35253,7 +35780,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       window.removeEventListener('touchend', onGutterTouchEnd);
     };
 
-    useMountEffect(function () {
+    React__namespace.useEffect(function () {
       var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
         return DomHandler.hasClass(child, 'p-splitter-panel');
       });
@@ -35267,7 +35794,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.children && props.children.length) {
         var initialized = false;
 
-        if (isStateful) {
+        if (isStateful && !mounted.current) {
           initialized = restoreState();
         }
 
@@ -35281,8 +35808,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             return _panelSizes;
           });
           panelSizes.current = _panelSizes;
+          mounted.current && saveState();
         }
       }
+
+      mounted.current = true;
     });
 
     var createPanel = function createPanel(panel, index) {
@@ -35435,6 +35965,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item.id,
         className: className,
         style: item.style,
         role: "tab",
@@ -35845,9 +36376,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onTabChange: null
   };
 
-  function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TabPanel = function TabPanel() {};
   var TabView = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.id),
@@ -36042,7 +36573,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           headerTemplate = _tab$props.headerTemplate,
           closable = _tab$props.closable;
 
-      var style = _objectSpread$8(_objectSpread$8({}, headerStyle || {}), _style || {});
+      var style = _objectSpread$7(_objectSpread$7({}, headerStyle || {}), _style || {});
 
       var className = classNames('p-unselectable-text', {
         'p-tabview-selected p-highlight': selected,
@@ -36149,7 +36680,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (shouldUseTab(tab, index) && (!props.renderActiveOnly || isSelected(index))) {
           var selected = isSelected(index);
 
-          var style = _objectSpread$8(_objectSpread$8({}, tab.props.contentStyle || {}), tab.props.style || {});
+          var style = _objectSpread$7(_objectSpread$7({}, tab.props.contentStyle || {}), tab.props.style || {});
 
           var _className2 = classNames(tab.props.contentClassName, tab.props.className, 'p-tabview-panel', {
             'p-hidden': !selected
@@ -36305,7 +36836,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var isEmitted = React__namespace.useRef(false);
 
     var onClick = function onClick() {
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
     };
 
     var onInputChange = function onInputChange(e) {
@@ -36620,7 +37151,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createMenuItem = function createMenuItem(item, index) {
-      var _className = item.className,
+      item.id;
+          var _className = item.className,
           style = item.style,
           disabled = item.disabled,
           _icon = item.icon,
@@ -36689,6 +37221,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item,
         className: className,
         style: style,
         onMouseEnter: function onMouseEnter(event) {
@@ -36910,9 +37443,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     content: null
   };
 
-  function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _props$message = props.message,
         severity = _props$message.severity,
@@ -36960,7 +37493,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createMessage = function createMessage() {
       if (props.message) {
-        var contentEl = ObjectUtils.getJSXElement(content, _objectSpread$7(_objectSpread$7({}, props), {}, {
+        var contentEl = ObjectUtils.getJSXElement(content, _objectSpread$6(_objectSpread$6({}, props), {}, {
           onClose: onClose
         }));
         var iconClassName = classNames('p-toast-message-icon pi', {
@@ -37002,9 +37535,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   ToastMessage.displayName = 'ToastMessage';
 
-  function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var messageIdx = 0;
   var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState([]),
@@ -37019,21 +37549,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var messages;
 
         if (Array.isArray(value)) {
-          var currentMessages = _toConsumableArray(value);
-
-          for (var i = 0; i < currentMessages.length; i++) {
-            var message = _objectSpread$6({}, currentMessages[i]);
-
-            message.id = messageIdx++;
-            currentMessages[i] = message;
+          for (var i = 0; i < value.length; i++) {
+            value[i].id = messageIdx++;
+            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
           }
-
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(currentMessages));
         } else {
-          var currentMessage = _objectSpread$6({}, value);
-
-          currentMessage.id = messageIdx++;
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [currentMessage]) : [currentMessage];
+          value.id = messageIdx++;
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
         }
 
         messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
@@ -37046,6 +37568,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setMessagesState([]);
     };
 
+    var replace = function replace(value) {
+      var replaced = Array.isArray(value) ? value : [value];
+      setMessagesState(replaced);
+    };
+
     var onClose = function onClose(message) {
       var messages = messagesState.filter(function (msg) {
         return msg.id !== message.id;
@@ -37059,7 +37586,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onExited = function onExited() {
-      messagesState.length === 0 && ZIndexUtils.clear(containerRef.current);
+      messagesState.length === 1 && ZIndexUtils.clear(containerRef.current);
       props.onHide && props.onHide();
     };
 
@@ -37069,6 +37596,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     React__namespace.useImperativeHandle(ref, function () {
       return {
         show: show,
+        replace: replace,
         clear: clear
       };
     });
@@ -37332,6 +37860,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           } else {
             var nextNodeElement = nodeElement.nextElementSibling;
 
+            while (nextNodeElement) {
+              if (!DomHandler.hasClass(nextNodeElement, 'p-treenode-droppoint')) {
+                break;
+              }
+
+              nextNodeElement = nextNodeElement.nextElementSibling;
+            }
+
             if (nextNodeElement) {
               focusNode(nextNodeElement);
             } else {
@@ -37403,7 +37939,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var focusNode = function focusNode(element) {
-      element.children[0].focus();
+      element && element.children[0] && element.children[0].focus();
     };
 
     var onClick = function onClick(event) {
@@ -38621,7 +39157,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var onClick = function onClick(event) {
       if (!props.disabled && (!overlayRef.current || !overlayRef.current.contains(event.target)) && !DomHandler.hasClass(event.target, 'p-treeselect-close')) {
-        focusInputRef.current.focus();
+        DomHandler.focus(focusInputRef.current);
         overlayVisibleState ? hide() : show();
       }
     };
@@ -38737,7 +39273,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       bindOverlayListener();
 
       if (props.filter && props.filterInputAutoFocus) {
-        filterInputRef.current.focus();
+        DomHandler.focus(filterInputRef.current, props.filterInputAutoFocus);
       }
 
       props.onShow && props.onShow();
@@ -40703,6 +41239,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       if (columnSortable.current && columnSortable.current === 'custom' && columnSortFunction.current) {
         value = columnSortFunction.current({
+          rowData: value,
           field: getSortField(),
           order: getSortOrder()
         });