primereact 8.6.0 → 8.7.0

package/primereact.all.js

@@ -1416,9 +1416,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$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$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$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 mask(el, options) {
     var defaultOptions = {
       mask: null,
@@ -1431,7 +1431,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onFocus: null,
       onBlur: null
     };
-    options = _objectSpread$z(_objectSpread$z({}, defaultOptions), options);
+    options = _objectSpread$A(_objectSpread$A({}, defaultOptions), options);
     var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
 
     var caret = function caret(first, last) {
@@ -2181,9 +2181,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$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$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$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 IconUtils = /*#__PURE__*/function () {
     function IconUtils() {
@@ -2206,7 +2206,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }));
 
           if (iconType !== 'string') {
-            var defaultContentOptions = _objectSpread$y({
+            var defaultContentOptions = _objectSpread$z({
               iconProps: iconProps,
               element: content
             }, options);
@@ -2297,14 +2297,23 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     filter: function filter(value, fields, filterValue, filterMatchMode, filterLocale) {
       var filteredItems = [];
 
-      if (value) {
-        var _iterator = _createForOfIteratorHelper$e(value),
-            _step;
+      if (!value) {
+        return filteredItems;
+      }
 
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var item = _step.value;
+      var _iterator = _createForOfIteratorHelper$e(value),
+          _step;
 
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var item = _step.value;
+
+          if (typeof item === 'string') {
+            if (this.filters[filterMatchMode](item, filterValue, filterLocale)) {
+              filteredItems.push(item);
+              continue;
+            }
+          } else {
             var _iterator2 = _createForOfIteratorHelper$e(fields),
                 _step2;
 
@@ -2324,11 +2333,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               _iterator2.f();
             }
           }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
         }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
 
       return filteredItems;
@@ -2560,9 +2569,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
   });
 
-  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$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$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$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; }
   var locales = {
     en: {
       startsWith: 'Starts with',
@@ -2635,7 +2644,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }
 
   function addLocale(locale, options) {
-    locales[locale] = _objectSpread$x(_objectSpread$x({}, locales['en']), options);
+    locales[locale] = _objectSpread$y(_objectSpread$y({}, locales['en']), options);
   }
 
   function updateLocaleOption(key, value, locale) {
@@ -2645,10 +2654,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   function updateLocaleOptions(options, locale) {
     var _locale = locale || PrimeReact.locale;
 
-    locales[_locale] = _objectSpread$x(_objectSpread$x({}, locales[_locale]), options);
+    locales[_locale] = _objectSpread$y(_objectSpread$y({}, locales[_locale]), options);
   }
 
-  function localeOption$1(key, locale) {
+  function localeOption(key, locale) {
     var _locale = locale || PrimeReact.locale;
 
     try {
@@ -3338,9 +3347,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* eslint-enable */
 
-  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$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$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$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 CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact.cssTransition;
 
@@ -3416,7 +3425,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         unmountOnExit: props.unmountOnExit
       };
 
-      var mergedProps = _objectSpread$w(_objectSpread$w(_objectSpread$w({}, mutableProps), props.options || {}), immutableProps);
+      var mergedProps = _objectSpread$x(_objectSpread$x(_objectSpread$x({}, mutableProps), props.options || {}), immutableProps);
 
       return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
     }
@@ -3426,9 +3435,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     __TYPE: 'CSSTransition'
   };
 
-  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$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$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$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 AccordionTab = function AccordionTab() {};
 
   var shouldUseTab = function shouldUseTab(tab) {
@@ -3507,7 +3516,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
 
     var createTabHeader = function createTabHeader(tab, selected, index) {
-      var style = _objectSpread$v(_objectSpread$v({}, tab.props.style || {}), tab.props.headerStyle || {});
+      var style = _objectSpread$w(_objectSpread$w({}, tab.props.style || {}), tab.props.headerStyle || {});
 
       var className = classNames('p-accordion-header', {
         'p-highlight': selected,
@@ -3515,7 +3524,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, tab.props.headerClassName, tab.props.className);
       var headerId = idState + '_header_' + index;
       var ariaControls = idState + '_content_' + index;
-      var tabIndex = tab.props.disabled ? -1 : null;
+      var tabIndex = tab.props.disabled ? -1 : tab.props.tabIndex;
       var header = tab.props.headerTemplate ? ObjectUtils.getJSXElement(tab.props.headerTemplate, tab.props) : /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-accordion-header-text"
       }, tab.props.header);
@@ -3545,7 +3554,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createTabContent = function createTabContent(tab, selected, index) {
-      var style = _objectSpread$v(_objectSpread$v({}, tab.props.style || {}), tab.props.contentStyle || {});
+      var style = _objectSpread$w(_objectSpread$w({}, tab.props.style || {}), tab.props.contentStyle || {});
 
       var className = classNames('p-toggleable-content', tab.props.contentClassName, tab.props.className);
       var contentId = idState + '_content_' + index;
@@ -3611,15 +3620,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   AccordionTab.displayName = 'AccordionTab';
   AccordionTab.defaultProps = {
     __TYPE: 'AccordionTab',
-    header: null,
-    disabled: false,
-    style: null,
     className: null,
-    headerStyle: null,
+    contentClassName: null,
+    contentStyle: null,
+    disabled: false,
+    header: null,
     headerClassName: null,
+    headerStyle: null,
     headerTemplate: null,
-    contentStyle: null,
-    contentClassName: null
+    style: null,
+    tabIndex: 0
   };
   Accordion.displayName = 'Accordion';
   Accordion.defaultProps = {
@@ -3648,15 +3658,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var bindEvents = function bindEvents() {
       if (targetRef.current) {
         targetRef.current.addEventListener('mousedown', onMouseDown);
+        DomHandler.isTouchDevice() && targetRef.current.addEventListener('touchstart', onTouchStart);
       }
     };
 
     var unbindEvents = function unbindEvents() {
       if (targetRef.current) {
         targetRef.current.removeEventListener('mousedown', onMouseDown);
+        DomHandler.isTouchDevice() && targetRef.current.removeEventListener('touchstart', onTouchStart);
       }
     };
 
+    var onTouchStart = function onTouchStart(event) {
+      onMouseDown(event);
+      event.preventDefault();
+    };
+
     var onMouseDown = function onMouseDown(event) {
       if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
         return;
@@ -4242,6 +4259,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         updateTargetEvents: updateTargetEvents,
         loadTargetEvents: loadTargetEvents,
         unloadTargetEvents: unloadTargetEvents,
+        show: show,
+        hide: hide,
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -4368,7 +4387,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var disabled = props.disabled || props.loading;
     var otherProps = ObjectUtils.findDiffKeys(props, Button.defaultProps);
     var className = classNames('p-button p-component', props.className, _defineProperty({
-      'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label,
+      'p-button-icon-only': (props.icon || props.loading && props.loadingIcon) && !props.label && !props.children,
       'p-button-vertical': (props.iconPos === 'top' || props.iconPos === 'bottom') && props.label,
       'p-disabled': disabled,
       'p-button-loading': props.loading,
@@ -4544,9 +4563,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var OverlayService = EventBus();
 
-  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$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$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$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 VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var vertical = props.orientation === 'vertical';
     var horizontal = props.orientation === 'horizontal';
@@ -5143,7 +5162,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var loaderOptions = function loaderOptions(index, extOptions) {
       var count = loaderArrState.length;
-      return _objectSpread$u({
+      return _objectSpread$v({
         index: index,
         count: count,
         first: index === 0,
@@ -5398,9 +5417,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onLazyLoad: 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$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$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$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 AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
       return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
@@ -5465,7 +5484,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createContent = function createContent() {
       if (props.showEmptyMessage && ObjectUtils.isEmpty(props.suggestions)) {
-        var emptyMessage = props.emptyMessage || localeOption$1('emptyMessage');
+        var emptyMessage = props.emptyMessage || localeOption('emptyMessage');
         return /*#__PURE__*/React__namespace.createElement("ul", {
           className: "p-autocomplete-items"
         }, /*#__PURE__*/React__namespace.createElement("li", {
@@ -5474,8 +5493,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$t(_objectSpread$t({}, props.virtualScrollerOptions), {
-          style: _objectSpread$t(_objectSpread$t({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$u(_objectSpread$u({}, props.virtualScrollerOptions), {
+          style: _objectSpread$u(_objectSpread$u({}, props.virtualScrollerOptions.style), {
             height: props.scrollHeight
           }),
           autoSize: true,
@@ -5510,7 +5529,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$t({
+      var style = _objectSpread$u({
         maxHeight: props.scrollHeight
       }, props.panelStyle || {});
 
@@ -6002,6 +6021,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return {
         props: props,
         search: search,
+        show: show,
+        hide: hide,
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -6053,7 +6074,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onContextMenu: props.onContextMenu,
         onClick: props.onClick,
         onDoubleClick: props.onDblClick
-      }, ariaProps, dataProps));
+      }, ariaProps));
     };
 
     var createChips = function createChips() {
@@ -6094,6 +6115,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         "aria-haspopup": "listbox",
         "aria-expanded": overlayVisibleState,
         autoComplete: "off",
+        readOnly: props.readOnly,
         tabIndex: props.tabIndex,
         onChange: onInputChange,
         id: props.inputId,
@@ -6106,7 +6128,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onKeyPress: props.onKeyPress,
         onFocus: onMultiInputFocus,
         onBlur: onMultiInputBlur
-      }, ariaProps, dataProps)));
+      }, ariaProps)));
     };
 
     var createMultipleAutoComplete = function createMultipleAutoComplete() {
@@ -6127,7 +6149,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createDropdown = function createDropdown() {
       if (props.dropdown) {
-        var ariaLabel = props.dropdownAriaLabel || props.placeholder || localeOption$1('choose');
+        var ariaLabel = props.dropdownAriaLabel || props.placeholder || localeOption('choose');
         return /*#__PURE__*/React__namespace.createElement(Button, {
           type: "button",
           icon: props.dropdownIcon,
@@ -6158,7 +6180,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var listId = idState + '_list';
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = ObjectUtils.findDiffKeys(props, AutoComplete.defaultProps);
-    var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
     var className = classNames('p-autocomplete p-component p-inputwrapper', {
       'p-autocomplete-dd': props.dropdown,
@@ -6207,6 +6228,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     delay: 300,
     disabled: false,
     dropdown: false,
+    dropdownAriaLabel: null,
     dropdownAutoFocus: true,
     dropdownIcon: 'pi pi-chevron-down',
     dropdownMode: 'blank',
@@ -6787,7 +6809,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         unbindOverlayListener = _useOverlayListener2[1];
 
     var getDateFormat = function getDateFormat() {
-      return props.dateFormat || localeOption$1('dateFormat', props.locale);
+      return props.dateFormat || localeOption('dateFormat', props.locale);
     };
 
     var onInputFocus = function onInputFocus(event) {
@@ -8299,7 +8321,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var getSundayIndex = function getSundayIndex() {
-      var firstDayOfWeek = localeOption$1('firstDayOfWeek', props.locale);
+      var firstDayOfWeek = localeOption('firstDayOfWeek', props.locale);
       return firstDayOfWeek > 0 ? 7 - firstDayOfWeek : 0;
     };
 
@@ -8667,6 +8689,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var formatDateTime = function formatDateTime(date) {
+      if (props.formatDateTime) {
+        return props.formatDateTime(date);
+      }
+
       var formattedValue = null;
 
       if (date) {
@@ -8866,6 +8892,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var parseDateTime = function parseDateTime(text) {
+      if (props.parseDateTime) {
+        return props.parseDateTime(text);
+      }
+
       var date;
       var parts = text.split(' ');
 
@@ -9183,7 +9213,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     }, [props.onViewDateChange, props.value]);
     useUpdateEffect(function () {
-      if (previousValue !== props.value && (!viewStateChanged.current || !visible)) {
+      if (previousValue !== props.value && (!viewStateChanged.current || visible)) {
         updateInputfield(props.value);
       }
     }, [props.value, visible]);
@@ -9282,7 +9312,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createTitleMonthElement = function createTitleMonthElement(month) {
-      var monthNames = localeOption$1('monthNames', props.locale);
+      var monthNames = localeOption('monthNames', props.locale);
 
       if (props.monthNavigator && props.view !== 'month') {
         var viewDate = getViewDate();
@@ -9431,7 +9461,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           scope: "col",
           key: "wn",
           className: "p-datepicker-weekheader p-disabled"
-        }, /*#__PURE__*/React__namespace.createElement("span", null, localeOption$1('weekHeader', props.locale)));
+        }, /*#__PURE__*/React__namespace.createElement("span", null, localeOption('weekHeader', props.locale)));
         return [weekHeader].concat(_toConsumableArray(dayNames));
       }
 
@@ -9531,7 +9561,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var monthPickerValues = function monthPickerValues() {
       var monthPickerValues = [];
-      var monthNamesShort = localeOption$1('monthNamesShort', props.locale);
+      var monthNamesShort = localeOption('monthNamesShort', props.locale);
 
       for (var i = 0; i <= 11; i++) {
         monthPickerValues.push(monthNamesShort[i]);
@@ -9905,7 +9935,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             },
             key: "year".concat(i + 1),
             className: classNames('p-yearpicker-year', {
-              'p-highlight': isYearSelected(y)
+              'p-highlight': isYearSelected(y),
+              'p-disabled': !isSelectable(0, 0, y)
             })
           }, y);
         }));
@@ -10704,14 +10735,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'pi-chevron-left': !isVertical,
           'pi-chevron-up': isVertical
         });
-        return /*#__PURE__*/React__namespace.createElement(Button, {
+        return /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           className: _className,
-          icon: iconClassName,
           onClick: navBackward,
           disabled: isDisabled,
           "aria-label": ariaLabel('previousPageLabel')
-        });
+        }, /*#__PURE__*/React__namespace.createElement("span", {
+          className: iconClassName
+        }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
       }
 
       return null;
@@ -10729,14 +10761,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'pi-chevron-right': !isVertical,
           'pi-chevron-down': isVertical
         });
-        return /*#__PURE__*/React__namespace.createElement(Button, {
+        return /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           className: _className2,
-          icon: iconClassName,
           onClick: navForward,
           disabled: isDisabled,
           "aria-label": ariaLabel('nextPageLabel')
-        });
+        }, /*#__PURE__*/React__namespace.createElement("span", {
+          className: iconClassName
+        }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
       }
 
       return null;
@@ -10751,14 +10784,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
         className: className
-      }, /*#__PURE__*/React__namespace.createElement(Button, {
+      }, /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: "p-link",
         onClick: function onClick(e) {
           return onDotClick(e, index);
         },
         "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(index + 1)
-      }));
+      }, /*#__PURE__*/React__namespace.createElement(Ripple, null)));
     };
 
     var createIndicators = function createIndicators() {
@@ -11633,7 +11666,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var checked = isChecked();
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = ObjectUtils.findDiffKeys(props, Checkbox.defaultProps);
-    var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
     var className = classNames('p-checkbox p-component', {
       'p-checkbox-checked': checked,
@@ -11675,7 +11707,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       disabled: props.disabled,
       readOnly: props.readOnly,
       required: props.required
-    }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
+    }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
       className: boxClass
     }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
       target: elementRef,
@@ -12753,80 +12785,82 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   Column.displayName = 'Column';
   Column.defaultProps = {
     __TYPE: 'Column',
-    columnKey: null,
-    field: null,
-    sortField: null,
-    filterField: null,
-    exportField: null,
-    header: null,
+    align: null,
+    alignFrozen: 'left',
+    alignHeader: null,
     body: null,
-    footer: null,
-    sortable: false,
-    sortableDisabled: false,
-    sortFunction: null,
+    bodyClassName: null,
+    bodyStyle: null,
+    cellEditValidator: null,
+    cellEditValidatorEvent: 'click',
+    className: null,
+    colSpan: null,
+    columnKey: null,
     dataType: 'text',
+    editor: null,
+    excludeGlobalFilter: false,
+    expander: false,
+    exportField: null,
+    exportable: true,
+    field: null,
     filter: false,
-    filterMatchMode: null,
-    filterPlaceholder: null,
-    filterType: 'text',
-    filterMaxLength: null,
+    filterApply: null,
+    filterClear: null,
     filterElement: null,
+    filterField: null,
+    filterFooter: null,
     filterFunction: null,
-    filterHeaderStyle: null,
+    filterHeader: null,
     filterHeaderClassName: null,
-    showFilterMenu: true,
-    showFilterOperator: true,
-    showClearButton: true,
-    showApplyButton: true,
-    showFilterMatchModes: true,
-    showFilterMenuOptions: true,
-    showAddButton: true,
+    filterHeaderStyle: null,
+    filterMatchMode: null,
     filterMatchModeOptions: null,
-    maxConstraints: 2,
+    filterMaxLength: null,
     filterMenuClassName: null,
     filterMenuStyle: null,
-    align: null,
-    alignHeader: null,
-    alignFrozen: 'left',
-    hidden: false,
-    onFilterClear: null,
-    onFilterApplyClick: null,
-    onFilterMatchModeChange: null,
-    onFilterOperatorChange: null,
-    onFilterConstraintAdd: null,
-    onFilterConstraintRemove: null,
-    filterClear: null,
-    filterApply: null,
-    filterHeader: null,
-    filterFooter: null,
-    style: null,
-    className: null,
-    headerStyle: null,
-    headerClassName: null,
-    bodyStyle: null,
-    bodyClassName: null,
-    footerStyle: null,
+    filterPlaceholder: null,
+    filterType: 'text',
+    footer: null,
     footerClassName: null,
-    expander: false,
+    footerStyle: null,
     frozen: false,
-    selectionMode: null,
-    colSpan: null,
-    rowSpan: null,
-    editor: null,
-    cellEditValidator: null,
-    cellEditValidatorEvent: 'click',
+    header: null,
+    headerClassName: null,
+    headerStyle: null,
+    headerTooltip: null,
+    headerTooltipOptions: null,
+    hidden: false,
+    maxConstraints: 2,
     onBeforeCellEditHide: null,
     onBeforeCellEditShow: null,
-    onCellEditInit: null,
-    onCellEditComplete: null,
     onCellEditCancel: null,
-    excludeGlobalFilter: false,
+    onCellEditComplete: null,
+    onCellEditInit: null,
+    onFilterApplyClick: null,
+    onFilterClear: null,
+    onFilterConstraintAdd: null,
+    onFilterConstraintRemove: null,
+    onFilterMatchModeChange: null,
+    onFilterOperatorChange: null,
+    reorderable: true,
+    resizeable: true,
+    rowEditor: false,
     rowReorder: false,
     rowReorderIcon: 'pi pi-bars',
-    rowEditor: false,
-    exportable: true,
-    reorderable: true,
-    resizeable: true
+    rowSpan: null,
+    selectionMode: null,
+    showAddButton: true,
+    showApplyButton: true,
+    showClearButton: true,
+    showFilterMatchModes: true,
+    showFilterMenu: true,
+    showFilterMenuOptions: true,
+    showFilterOperator: true,
+    sortField: null,
+    sortFunction: null,
+    sortable: false,
+    sortableDisabled: false,
+    style: null
   };
 
   var ColumnGroup = function ColumnGroup() {};
@@ -13184,16 +13218,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var disableDocumentSettings = function disableDocumentSettings() {
       unbindGlobalListeners();
+      var isMaximized = props.maximizable && maximized;
 
       if (props.modal) {
         var hasBlockScroll = document.primeDialogParams && document.primeDialogParams.some(function (param) {
           return param.hasBlockScroll;
         });
 
-        if (hasBlockScroll) {
+        if (hasBlockScroll || isMaximized) {
           DomHandler.removeClass(document.body, 'p-overflow-hidden');
         }
-      } else if (props.blockScroll || props.maximizable && maximized) {
+      } else if (props.blockScroll || isMaximized) {
         DomHandler.removeClass(document.body, 'p-overflow-hidden');
       }
     };
@@ -13317,7 +13352,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createCloseIcon = function createCloseIcon() {
       if (props.closable) {
-        var ariaLabel = props.ariaCloseIconLabel || localeOption$1('close');
+        var ariaLabel = props.ariaCloseIconLabel || localeOption('close');
         return /*#__PURE__*/React__namespace.createElement("button", {
           ref: closeRef,
           type: "button",
@@ -13475,66 +13510,66 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   Dialog.displayName = 'Dialog';
   Dialog.defaultProps = {
     __TYPE: 'Dialog',
-    id: null,
-    header: null,
-    footer: null,
-    visible: false,
-    position: 'center',
-    draggable: true,
-    resizable: true,
-    modal: true,
-    onHide: null,
-    onShow: null,
-    headerStyle: null,
-    headerClassName: null,
-    contentStyle: null,
-    contentClassName: null,
-    closeOnEscape: true,
-    dismissableMask: false,
-    rtl: false,
-    closable: true,
-    style: null,
-    className: null,
-    maskStyle: null,
-    maskClassName: null,
-    showHeader: true,
     appendTo: null,
+    ariaCloseIconLabel: null,
     baseZIndex: 0,
-    maximizable: false,
     blockScroll: false,
-    icons: null,
-    ariaCloseIconLabel: null,
+    breakpoints: null,
+    className: null,
+    closable: true,
+    closeOnEscape: true,
+    contentClassName: null,
+    contentStyle: null,
+    dismissableMask: false,
+    draggable: true,
     focusOnShow: true,
-    minX: 0,
-    minY: 0,
+    footer: null,
+    header: null,
+    headerClassName: null,
+    headerStyle: null,
+    icons: null,
+    id: null,
     keepInViewport: true,
+    maskClassName: null,
+    maskStyle: null,
+    maximizable: false,
     maximized: false,
-    breakpoints: null,
-    transitionOptions: null,
-    onMaximize: null,
-    onDragStart: null,
+    minX: 0,
+    minY: 0,
+    modal: true,
+    onClick: null,
     onDrag: null,
     onDragEnd: null,
-    onResizeStart: null,
+    onDragStart: null,
+    onHide: null,
+    onMaskClick: null,
+    onMaximize: null,
     onResize: null,
     onResizeEnd: null,
-    onClick: null,
-    onMaskClick: null
+    onResizeStart: null,
+    onShow: null,
+    position: 'center',
+    resizable: true,
+    rtl: false,
+    showHeader: true,
+    style: null,
+    transitionOptions: null,
+    visible: false
   };
 
-  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$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$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$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 confirmDialog = function confirmDialog() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    props = _objectSpread$s(_objectSpread$s({}, props), {
+    props = _objectSpread$t(_objectSpread$t({}, 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$s(_objectSpread$s(_objectSpread$s({}, props), updatedProps), {
+      OverlayService.emit('confirm-dialog', _objectSpread$t(_objectSpread$t(_objectSpread$t({}, props), updatedProps), {
         visible: true
       }));
     };
@@ -13579,8 +13614,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return ObjectUtils.getPropValue(getPropValue(key), param);
     };
 
-    var acceptLabel = getPropValue('acceptLabel') || localeOption$1('accept');
-    var rejectLabel = getPropValue('rejectLabel') || localeOption$1('reject');
+    var acceptLabel = getPropValue('acceptLabel') || localeOption('accept');
+    var rejectLabel = getPropValue('rejectLabel') || localeOption('reject');
 
     var accept = function accept() {
       callbackFromProp('accept');
@@ -13729,19 +13764,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     reject: null
   };
 
-  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$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$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$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 confirmPopup = function confirmPopup() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    props = _objectSpread$r(_objectSpread$r({}, props), {
+    props = _objectSpread$s(_objectSpread$s({}, 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$r(_objectSpread$r(_objectSpread$r({}, props), updatedProps), {
+      OverlayService.emit('confirm-popup', _objectSpread$s(_objectSpread$s(_objectSpread$s({}, props), updatedProps), {
         visible: true
       }));
     };
@@ -13790,8 +13825,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return ObjectUtils.getPropValue(getPropValue(key), param);
     };
 
-    var acceptLabel = getPropValue('acceptLabel') || localeOption$1('accept');
-    var rejectLabel = getPropValue('rejectLabel') || localeOption$1('reject');
+    var acceptLabel = getPropValue('acceptLabel') || localeOption('accept');
+    var rejectLabel = getPropValue('rejectLabel') || localeOption('reject');
 
     var _useOverlayListener = useOverlayListener({
       target: getPropValue('target'),
@@ -14595,7 +14630,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useUpdateEffect(function () {
       if (props.value) {
         value.current = props.value;
-        first.current = 0;
+
+        if (!props.lazy) {
+          first.current = 0;
+        }
+
         dataToRender.current = [];
         handleDataChange();
       }
@@ -14652,7 +14691,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createEmptyMessage = function createEmptyMessage() {
-      var content = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption$1('emptyMessage');
+      var content = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption('emptyMessage');
       return /*#__PURE__*/React__namespace.createElement("li", null, content);
     };
 
@@ -14702,9 +14741,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     lazy: false
   };
 
-  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$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$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$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 CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (props) {
     var report = {
       currentPage: props.page + 1,
@@ -14720,7 +14759,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, text);
 
     if (props.template) {
-      var defaultOptions = _objectSpread$q(_objectSpread$q({}, report), {
+      var defaultOptions = _objectSpread$r(_objectSpread$r({}, report), {
         className: 'p-paginator-current',
         element: element,
         props: props
@@ -14748,14 +14787,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-    var element = /*#__PURE__*/React__namespace.createElement(Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": ariaLabel('firstPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -14779,9 +14819,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     template: null
   };
 
-  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$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$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$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 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),
@@ -14859,7 +14899,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var getDecimalExpression = function getDecimalExpression() {
-      var formatter = new Intl.NumberFormat(props.locale, _objectSpread$p(_objectSpread$p({}, getOptions()), {}, {
+      var formatter = new Intl.NumberFormat(props.locale, _objectSpread$q(_objectSpread$q({}, getOptions()), {}, {
         useGrouping: false
       }));
       return new RegExp("[".concat(formatter.format(1.1).replace(_currency.current, '').trim().replace(_numeral.current, ''), "]"), 'g');
@@ -15218,7 +15258,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
                 _decimal.current.lastIndex = 0;
 
                 if (_decimalLength) {
-                  $refs.input.$el.setSelectionRange(selectionStart + 1, selectionStart + 1);
+                  inputRef.current.setSelectionRange(selectionStart + 1, selectionStart + 1);
                 } else {
                   newValueStr = inputValue.slice(0, selectionStart) + inputValue.slice(selectionStart + 1);
                 }
@@ -15544,7 +15584,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var validateValue = function validateValue(value) {
-      if (value === '-' || value == null) {
+      if (value === '-') {
+        return null;
+      }
+
+      return validateValueByLimit(value);
+    };
+
+    var validateValueByLimit = function validateValueByLimit(value) {
+      if (ObjectUtils.isEmpty(value)) {
         return null;
       }
 
@@ -15710,8 +15758,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var changeValue = function changeValue() {
+      updateInputValue(validateValueByLimit(props.value));
       var newValue = validateValue(props.value);
-      updateInputValue(newValue);
 
       if (props.value !== null && props.value !== newValue) {
         updateModel(null, newValue);
@@ -15968,14 +16016,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-    var element = /*#__PURE__*/React__namespace.createElement(Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": ariaLabel('lastPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -16004,14 +16053,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-right';
-    var element = /*#__PURE__*/React__namespace.createElement(Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": ariaLabel('nextPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -16058,14 +16108,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'p-paginator-page-end': pageLink === endPageInView,
           'p-highlight': pageLink - 1 === props.page
         });
-        var element = /*#__PURE__*/React__namespace.createElement(Button, {
+        var element = /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           className: className,
           onClick: function onClick(e) {
             return onPageLinkClick(e, pageLink);
           },
           "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(pageLink + 1)
-        }, pageLink);
+        }, pageLink, /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
         if (props.template) {
           var defaultOptions = {
@@ -16112,14 +16162,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-left';
-    var element = /*#__PURE__*/React__namespace.createElement(Button, {
+    var element = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: className,
-      icon: iconClassName,
       onClick: props.onClick,
       disabled: props.disabled,
       "aria-label": ariaLabel('previousPageLabel')
-    });
+    }, /*#__PURE__*/React__namespace.createElement("span", {
+      className: iconClassName
+    }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
     if (props.template) {
       var defaultOptions = {
@@ -16171,9 +16222,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   DropdownItem.displayName = 'DropdownItem';
 
-  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$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$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$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 DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var virtualScrollerRef = React__namespace.useRef(null);
     var filterInputRef = React__namespace.useRef(null);
@@ -16234,7 +16285,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
-      var message = ObjectUtils.getJSXElement(emptyMessage, props) || localeOption$1(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
+      var message = ObjectUtils.getJSXElement(emptyMessage, props) || localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
       return /*#__PURE__*/React__namespace.createElement("li", {
         className: "p-dropdown-empty-message"
       }, message);
@@ -16285,7 +16336,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createFilterClearIcon = function createFilterClearIcon() {
       if (props.showFilterClear && props.filterValue) {
-        var ariaLabel = localeOption$1('clear');
+        var ariaLabel = localeOption('clear');
         return /*#__PURE__*/React__namespace.createElement("i", {
           className: "p-dropdown-filter-clear-icon pi pi-times",
           "aria-label": ariaLabel,
@@ -16345,15 +16396,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createContent = function createContent() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$o(_objectSpread$o({}, props.virtualScrollerOptions), {
-          style: _objectSpread$o(_objectSpread$o({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$p(_objectSpread$p({}, props.virtualScrollerOptions), {
+          style: _objectSpread$p(_objectSpread$p({}, 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$o(_objectSpread$o({}, event), {
+            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$p(_objectSpread$p({}, event), {
               filter: props.filterValue
             }));
           },
@@ -16423,9 +16474,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   DropdownPanel.displayName = 'DropdownPanel';
 
-  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$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$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$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 _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; } } }; }
 
@@ -16493,7 +16544,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$n(_objectSpread$n({}, optgroup), {
+                filteredGroups.push(_objectSpread$o(_objectSpread$o({}, optgroup), {
                   items: filteredSubOptions
                 }));
               }
@@ -17101,14 +17152,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-hidden-accessible p-dropdown-hidden-select"
-      }, /*#__PURE__*/React__namespace.createElement("select", _extends({
+      }, /*#__PURE__*/React__namespace.createElement("select", {
         ref: inputRef,
         required: props.required,
         defaultValue: option.value,
         name: props.name,
         tabIndex: -1,
         "aria-hidden": "true"
-      }, dataProps), /*#__PURE__*/React__namespace.createElement("option", {
+      }, /*#__PURE__*/React__namespace.createElement("option", {
         value: option.value
       }, option.label)));
     };
@@ -17191,7 +17242,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var selectedOption = getSelectedOption();
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = ObjectUtils.findDiffKeys(props, Dropdown.defaultProps);
-    var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
     var className = classNames('p-dropdown p-component p-inputwrapper', {
       'p-disabled': props.disabled,
@@ -17314,7 +17364,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         value: opt
       };
     }) : [];
-    var ariaLabel = localeOption$1('choose');
+    var ariaLabel = localeOption('choose');
     var element = hasOptions ? /*#__PURE__*/React__namespace.createElement(Dropdown, {
       value: props.value,
       options: options,
@@ -17322,7 +17372,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       appendTo: props.appendTo,
       disabled: props.disabled,
       placeholder: ariaLabel,
-      ariaLabel: ariaLabel
+      "aria-label": ariaLabel
     }) : null;
 
     if (props.template) {
@@ -17449,7 +17499,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
     useUpdateEffect(function () {
       if (!rppChanged.current) {
-        changePage(0, props.rows);
+        changePage(props.first, props.rows);
       }
 
       rppChanged.current = false;
@@ -17785,9 +17835,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   RowRadioButton.displayName = 'RowRadioButton';
 
-  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$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$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$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; }
   var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(props.editing),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -17882,7 +17932,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var getCellCallbackParams = function getCellCallbackParams(event) {
       var params = getCellParams();
-      return _objectSpread$m({
+      return _objectSpread$n({
         originalEvent: event
       }, params);
     };
@@ -17929,7 +17979,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var newRowData = editingRowDataState;
       var newValue = resolveFieldData(newRowData);
 
-      var params = _objectSpread$m(_objectSpread$m({}, callbackParams), {}, {
+      var params = _objectSpread$n(_objectSpread$n({}, callbackParams), {}, {
         newRowData: newRowData,
         newValue: newValue
       });
@@ -18010,7 +18060,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$m({}, styleObjectState);
+        var styleObject = _objectSpread$n({}, styleObjectState);
 
         var align = getColumnProp('alignFrozen');
 
@@ -18040,7 +18090,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var editorCallback = function editorCallback(val) {
-      var editingRowData = _objectSpread$m({}, editingRowDataState);
+      var editingRowData = _objectSpread$n({}, editingRowDataState);
 
       editingRowData[field] = val;
       setEditingRowDataState(editingRowData); // update editing meta for complete methods on row mode
@@ -18272,7 +18322,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.editMode === 'cell' || props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
 
-        var params = _objectSpread$m(_objectSpread$m({}, callbackParams), {}, {
+        var params = _objectSpread$n(_objectSpread$n({}, callbackParams), {}, {
           editing: editingState,
           editingKey: editingKey
         });
@@ -18308,7 +18358,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var tabIndex = getTabIndex(cellSelected);
       var selectionMode = getColumnProp('selectionMode');
       var rowReorder = getColumnProp('rowReorder');
-      var expander = getColumnProp('expander');
       var rowEditor = getColumnProp('rowEditor');
       var header = getColumnProp('header');
       var body = getColumnProp('body');
@@ -18316,12 +18365,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var frozen = getColumnProp('frozen');
       var align = getColumnProp('align');
       var value = resolveFieldData();
-      var cellClassName = ObjectUtils.getPropValue(props.cellClassName, value, {
-        props: props.tableProps,
-        rowData: props.rowData,
-        column: props.column
-      });
-      var className = classNames(getColumnProp('bodyClassName'), getColumnProp('className'), cellClassName, _defineProperty({
+      var columnBodyOptions = {
+        column: props.column,
+        field: field,
+        rowIndex: props.rowIndex,
+        frozenRow: props.frozenRow,
+        props: props.tableProps
+      };
+      var expander = ObjectUtils.getPropValue(getColumnProp('expander'), props.rowData, columnBodyOptions);
+      var cellClassName = ObjectUtils.getPropValue(props.cellClassName, value, columnBodyOptions);
+      var bodyClassName = ObjectUtils.getPropValue(getColumnProp('bodyClassName'), props.rowData, columnBodyOptions);
+      var className = classNames(bodyClassName, getColumnProp('className'), cellClassName, _defineProperty({
         'p-selection-column': selectionMode !== null,
         'p-editable-column': editor,
         'p-cell-editing': editor && editingState,
@@ -18523,9 +18577,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   BodyCell.displayName = 'BodyCell';
 
-  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$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$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; }
+  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 BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -18767,7 +18821,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (dataKey) {
           var dataKeyValue = String(ObjectUtils.resolveFieldData(data, dataKey));
-          editingRows = props.editingRows ? _objectSpread$l({}, props.editingRows) : {};
+          editingRows = props.editingRows ? _objectSpread$m({}, props.editingRows) : {};
 
           if (!isEditing) {
             delete editingRows[dataKeyValue]; // if the key value was changed, stop editing for the new key value too
@@ -18968,9 +19022,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var _excluded = ["originalEvent"];
 
-  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$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$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$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( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19294,8 +19348,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onRangeSelection = function onRangeSelection(event, type) {
       DomHandler.clearSelection();
       rangeRowIndex.current = allowCellSelection() ? event.rowIndex : event.index;
-      var selectionInRange = selectRange(event);
-      var selection = isMultipleSelection() ? _toConsumableArray(new Set([].concat(_toConsumableArray(props.selection || []), _toConsumableArray(selectionInRange)))) : selectionInRange;
+      var selection = selectRange(event);
 
       if (props.onSelectionChange && selection !== props.selection) {
         props.onSelectionChange({
@@ -19377,6 +19430,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
         var rowData = value[i];
         var columns = props.columns;
+        var rowIndex = props.paginator ? i + props.first : i;
 
         for (var j = cellRangeStart; j <= cellRangeEnd; j++) {
           var field = columns[j].props.field;
@@ -19387,7 +19441,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             value: _value,
             field: field,
             rowData: rowData,
-            rowIndex: i,
+            rowIndex: rowIndex,
             cellIndex: j,
             selected: true
           };
@@ -19412,7 +19466,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onSelect = function onSelect(event) {
-      if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$k(_objectSpread$k({
+      if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$l(_objectSpread$l({
         originalEvent: event.originalEvent
       }, event.data), {}, {
         type: event.type
@@ -19420,7 +19474,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onUnselect = function onUnselect(event) {
-      if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$k(_objectSpread$k({
+      if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$l(_objectSpread$l({
         originalEvent: event.originalEvent
       }, event.data), {}, {
         type: event.type
@@ -19489,12 +19543,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           anchorRowFirst.current = props.first;
 
           if (isSingleSelection()) {
-            onSingleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
+            onSingleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
           } else {
-            onMultipleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
+            onMultipleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
@@ -19574,7 +19628,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       if (hasDataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-        expandedRows = props.expandedRows ? _objectSpread$k({}, props.expandedRows) : {};
+        expandedRows = props.expandedRows ? _objectSpread$l({}, props.expandedRows) : {};
 
         if (expandedRows[dataKeyValue] != null) {
           delete expandedRows[dataKeyValue];
@@ -19713,14 +19767,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onRadioChange = function onRadioChange(event) {
-      onSingleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
+      onSingleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
         toggleable: true,
         type: 'radio'
       }));
     };
 
     var onCheckboxChange = function onCheckboxChange(event) {
-      onMultipleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
+      onMultipleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
         toggleable: true,
         type: 'checkbox'
       }));
@@ -19860,7 +19914,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var _content = ObjectUtils.getJSXElement(props.emptyMessage, {
           props: props.tableProps,
           frozen: props.frozenRow
-        }) || localeOption$1('emptyMessage');
+        }) || localeOption('emptyMessage');
 
         return /*#__PURE__*/React__namespace.createElement("tr", {
           className: "p-datatable-emptymessage",
@@ -20047,9 +20101,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   TableBody.displayName = 'TableBody';
 
-  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$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$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$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 FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20070,7 +20124,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$j({}, styleObjectState);
+        var styleObject = _objectSpread$k({}, styleObjectState);
 
         var _align = getColumnProp('alignFrozen');
 
@@ -20176,9 +20230,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableFooter.displayName = 'TableFooter';
 
-  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$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$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$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 ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20219,7 +20273,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var hasFilter = function hasFilter() {
       if (!filterStoreModel || !filterModel) return false;
-      return filterStoreModel.operator ? !isFilterBlank(filterModel.constraints[0].value) && filterStoreModel.constraints[0].value !== filterModel.constraints[0].value : !isFilterBlank(filterModel.value) && filterStoreModel.value !== filterModel.value;
+      return filterStoreModel.operator ? !isFilterBlank(filterModel.constraints[0].value) : !isFilterBlank(filterModel.value);
     };
 
     var hasRowFilter = function hasRowFilter() {
@@ -20241,7 +20295,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var matchModes = function matchModes() {
       return getColumnProp('filterMatchModeOptions') || PrimeReact.filterMatchModeOptions[findDataType()].map(function (key) {
         return {
-          label: localeOption$1(key),
+          label: localeOption(key),
           value: key
         };
       });
@@ -20312,7 +20366,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filterClearCallback = getColumnProp('onFilterClear');
       var defaultConstraint = getDefaultConstraint();
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       if (filters[field].operator) {
         filters[field].constraints.splice(1);
@@ -20377,7 +20431,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onInputChange = function onInputChange(event, index) {
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       var value = event.target.value;
 
@@ -20397,7 +20451,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onRowMatchModeChange = function onRowMatchModeChange(matchMode) {
       var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       filters[field].matchMode = matchMode;
       filterMatchModeChangeCallback && filterMatchModeChangeCallback({
@@ -20448,7 +20502,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filterOperationChangeCallback = getColumnProp('onFilterOperatorChange');
       var value = e.value;
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       filters[field].operator = value;
       props.onFilterChange(filters);
@@ -20465,7 +20519,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onMenuMatchModeChange = function onMenuMatchModeChange(value, index) {
       var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       filters[field].constraints[index].matchMode = value;
       props.onFilterChange(filters);
@@ -20484,7 +20538,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filterConstraintAddCallback = getColumnProp('onFilterConstraintAdd');
       var defaultConstraint = getDefaultConstraint();
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       var newConstraint = {
         value: null,
@@ -20505,7 +20559,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var removeConstraint = function removeConstraint(index) {
       var filterConstraintRemoveCallback = getColumnProp('onFilterConstraintRemove');
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       var removedConstraint = filters[field].constraints.splice(index, 1);
       filterConstraintRemoveCallback && filterConstraintRemoveCallback({
@@ -20587,42 +20641,42 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var operatorOptions = function operatorOptions() {
       return [{
-        label: localeOption$1('matchAll'),
+        label: localeOption('matchAll'),
         value: FilterOperator.AND
       }, {
-        label: localeOption$1('matchAny'),
+        label: localeOption('matchAny'),
         value: FilterOperator.OR
       }];
     };
 
     var filterLabel = function filterLabel() {
-      return localeOption$1('filter');
+      return localeOption('filter');
     };
 
     var noFilterLabel = function noFilterLabel() {
-      return localeOption$1('noFilter');
+      return localeOption('noFilter');
     };
 
     var removeRuleButtonLabel = function removeRuleButtonLabel() {
-      return localeOption$1('removeRule');
+      return localeOption('removeRule');
     };
 
     var addRuleButtonLabel = function addRuleButtonLabel() {
-      return localeOption$1('addRule');
+      return localeOption('addRule');
     };
 
     var clearButtonLabel = function clearButtonLabel() {
-      return localeOption$1('clear');
+      return localeOption('clear');
     };
 
     var applyButtonLabel = function applyButtonLabel() {
-      return localeOption$1('apply');
+      return localeOption('apply');
     };
 
     var filterCallback = function filterCallback(value) {
       var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       var meta = filters[field];
       props.display === 'menu' && meta && meta.operator ? filters[field].constraints[index].value = value : filters[field].value = value;
@@ -21033,9 +21087,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   HeaderCheckbox.displayName = 'HeaderCheckbox';
 
-  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$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$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$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 HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -21111,7 +21165,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$h({}, styleObjectState);
+        var styleObject = _objectSpread$i({}, styleObjectState);
 
         var align = getColumnProp('alignFrozen');
 
@@ -21357,9 +21411,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var colSpan = getColumnProp('colSpan');
       var rowSpan = getColumnProp('rowSpan');
       var ariaSort = getAriaSort(sortMeta);
+      var headerTooltip = getColumnProp('headerTooltip');
+      var hasTooltip = ObjectUtils.isNotEmpty(headerTooltip);
+      var headerTooltipOptions = getColumnProp('headerTooltipOptions');
       var resizer = createResizer();
       var header = createHeader(sortMeta);
-      return /*#__PURE__*/React__namespace.createElement("th", {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", {
         ref: elementRef,
         style: style,
         className: className,
@@ -21375,7 +21432,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         colSpan: colSpan,
         rowSpan: rowSpan,
         "aria-sort": ariaSort
-      }, resizer, header);
+      }, resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+        target: elementRef,
+        content: headerTooltip
+      }, headerTooltipOptions)));
     };
 
     var element = createElement();
@@ -21383,9 +21443,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   HeaderCell.displayName = 'HeaderCell';
 
-  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$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$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$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 TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState([]),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -21527,7 +21587,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               selectionMode = _col$props.selectionMode,
               filter = _col$props.filter;
 
-          var colStyle = _objectSpread$g(_objectSpread$g({}, filterHeaderStyle || {}), style || {});
+          var colStyle = _objectSpread$h(_objectSpread$h({}, filterHeaderStyle || {}), style || {});
 
           var colClassName = classNames('p-filter-column', filterHeaderClassName, className, {
             'p-frozen-column': frozen
@@ -21573,9 +21633,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableHeader.displayName = 'TableHeader';
 
-  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$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$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$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 DataTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.first),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -22077,13 +22137,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           e.rowIndex;
           var editing = e.editing;
 
-      var editingMeta = _objectSpread$f({}, editingMetaState);
+      var editingMeta = _objectSpread$g({}, editingMetaState);
 
       var meta = editingMeta[editingKey];
 
       if (editing) {
         !meta && (meta = editingMeta[editingKey] = {
-          data: _objectSpread$f({}, rowData),
+          data: _objectSpread$g({}, rowData),
           fields: []
         });
         meta['fields'].push(field);
@@ -22266,6 +22326,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return;
       }
 
+      if (!props.reorderableColumns) return;
       colReorderIconWidth.current = DomHandler.getHiddenElementOuterWidth(reorderIndicatorUpRef.current);
       colReorderIconHeight.current = DomHandler.getHiddenElementOuterHeight(reorderIndicatorUpRef.current);
       draggedColumn.current = column;
@@ -22600,10 +22661,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setD_filtersState(filters);
     };
 
-    var onFilterApply = function onFilterApply() {
+    var onFilterApply = function onFilterApply(filtersToApply) {
       clearTimeout(filterTimeout.current);
       filterTimeout.current = setTimeout(function () {
-        var filters = cloneFilters(d_filtersState);
+        var filters = cloneFilters(filtersToApply || d_filtersState);
 
         if (props.onFilter) {
           props.onFilter(createEvent({
@@ -22671,7 +22732,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (isGlobalFilter && !globalMatch && globalFilterFieldsArray) {
           for (var _j = 0; _j < globalFilterFieldsArray.length; _j++) {
             var globalFilterField = globalFilterFieldsArray[_j];
-            var matchMode = filters['global'] ? filters['global'].matchMode : FilterMatchMode.CONTAINS;
+            var matchMode = filters['global'] ? filters['global'].matchMode : props.globalFilterMatchMode;
             var value = filters['global'] ? filters['global'].value : props.globalFilter;
             globalMatch = FilterService.filters[matchMode](ObjectUtils.resolveFieldData(data[i], globalFilterField), value, props.filterLocale);
 
@@ -22722,9 +22783,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           cloned[prop] = value.operator ? {
             operator: value.operator,
             constraints: value.constraints.map(function (constraint) {
-              return _objectSpread$f({}, constraint);
+              return _objectSpread$g({}, constraint);
             })
-          } : _objectSpread$f({}, value);
+          } : _objectSpread$g({}, value);
         });
       } else {
         var _columns2 = getColumns();
@@ -22765,7 +22826,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$f({}, d_filtersState);
+      var filters = _objectSpread$g({}, d_filtersState);
 
       var meta = filters[field];
       var constraint = meta && meta.operator ? meta.constraints[index] : meta;
@@ -22778,7 +22839,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       };
       props.filterDisplay === 'menu' && meta && meta.operator ? filters[field].constraints[index] = constraint : filters[field] = constraint;
       setD_filtersState(filters);
-      onFilterApply();
+      onFilterApply(filters);
     };
 
     var reset = function reset() {
@@ -22892,7 +22953,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createEvent = function createEvent(event) {
-      return _objectSpread$f({
+      return _objectSpread$g({
         first: getFirst(),
         rows: getRows(),
         sortField: getSortField(),
@@ -22983,7 +23044,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [props.responsiveLayout]);
     useUpdateEffect(function () {
       if (props.globalFilter) {
-        filter(props.globalFilter, 'global', 'contains');
+        filter(props.globalFilter, 'global', props.globalFilterMatchMode);
       }
     }, [props.globalFilter]);
     useUnmountEffect(function () {
@@ -22994,14 +23055,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
-        reset: reset,
-        resetScroll: resetScroll,
+        clearState: clearState,
+        closeEditingCell: closeEditingCell,
         exportCSV: exportCSV,
         filter: filter,
+        reset: reset,
         resetColumnOrder: resetColumnOrder,
-        closeEditingCell: closeEditingCell,
+        resetScroll: resetScroll,
+        restoreColumnWidths: restoreColumnWidths,
+        restoreState: restoreState,
         restoreTableState: restoreTableState,
-        clearState: clearState,
+        saveState: saveState,
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -23264,7 +23328,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, virtualScrollerOptions, {
         items: processedData,
         columns: columns,
-        style: _objectSpread$f(_objectSpread$f({}, virtualScrollerOptions.style), {
+        style: _objectSpread$g(_objectSpread$g({}, virtualScrollerOptions.style), {
           height: props.scrollHeight !== 'flex' ? props.scrollHeight : undefined
         }),
         scrollHeight: props.scrollHeight !== 'flex' ? undefined : '100%',
@@ -23422,134 +23486,135 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   DataTable.displayName = 'DataTable';
   DataTable.defaultProps = {
     __TYPE: 'DataTable',
-    id: null,
-    value: null,
-    header: null,
-    footer: null,
-    style: null,
-    className: null,
-    tableStyle: null,
-    tableClassName: null,
-    paginator: false,
-    paginatorPosition: 'bottom',
     alwaysShowPaginator: true,
-    paginatorClassName: null,
-    paginatorTemplate: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
-    paginatorLeft: null,
-    paginatorRight: null,
-    paginatorDropdownAppendTo: null,
-    pageLinkSize: 5,
-    rowsPerPageOptions: null,
-    currentPageReportTemplate: '({currentPage} of {totalPages})',
-    first: 0,
-    rows: null,
-    totalRecords: null,
-    lazy: false,
-    sortField: null,
-    sortOrder: null,
-    multiSortMeta: null,
-    sortMode: 'single',
-    defaultSortOrder: 1,
-    removableSort: false,
-    emptyMessage: null,
-    selectionMode: null,
-    dragSelection: false,
+    autoLayout: false,
+    breakpoint: '960px',
+    cellClassName: null,
     cellSelection: false,
-    selection: null,
-    selectionAriaLabel: null,
-    onSelectionChange: null,
-    contextMenuSelection: null,
-    onContextMenuSelectionChange: null,
-    compareSelectionBy: 'deepEquals',
-    dataKey: null,
-    metaKeySelection: true,
-    selectOnEdit: true,
-    selectionPageOnly: false,
-    selectionAutoFocus: true,
-    showSelectAll: true,
-    selectAll: false,
-    onSelectAllChange: null,
-    headerColumnGroup: null,
-    footerColumnGroup: null,
-    rowExpansionTemplate: null,
-    expandedRows: null,
-    onRowToggle: null,
-    resizableColumns: false,
+    className: null,
+    collapsedRowIcon: 'pi pi-chevron-right',
     columnResizeMode: 'fit',
-    reorderableColumns: false,
-    reorderableRows: false,
-    filters: null,
-    globalFilter: null,
-    filterDelay: 300,
-    filterLocale: undefined,
-    scrollable: false,
-    scrollHeight: null,
-    scrollDirection: 'vertical',
-    virtualScrollerOptions: null,
-    frozenWidth: null,
-    frozenValue: null,
+    compareSelectionBy: 'deepEquals',
+    contextMenuSelection: null,
     csvSeparator: ',',
-    exportFilename: 'download',
-    rowGroupMode: null,
-    autoLayout: false,
-    rowClassName: null,
-    cellClassName: null,
-    rowGroupHeaderTemplate: null,
-    rowGroupFooterTemplate: null,
-    loading: false,
-    loadingIcon: 'pi pi-spinner',
-    tabIndex: 0,
-    stateKey: null,
-    stateStorage: 'session',
-    groupRowsBy: null,
+    currentPageReportTemplate: '({currentPage} of {totalPages})',
+    customRestoreState: null,
+    customSaveState: null,
+    dataKey: null,
+    defaultSortOrder: 1,
+    dragSelection: false,
     editMode: 'cell',
     editingRows: null,
+    emptyMessage: null,
     expandableRowGroups: false,
-    rowHover: false,
-    showGridlines: false,
-    stripedRows: false,
-    size: 'normal',
-    responsiveLayout: 'stack',
-    breakpoint: '960px',
-    filterDisplay: 'menu',
     expandedRowIcon: 'pi pi-chevron-down',
-    collapsedRowIcon: 'pi pi-chevron-right',
-    onRowEditComplete: null,
+    expandedRows: null,
+    exportFilename: 'download',
+    exportFunction: null,
+    filterDelay: 300,
+    filterDisplay: 'menu',
+    filterLocale: undefined,
+    filters: null,
+    first: 0,
+    footer: null,
+    footerColumnGroup: null,
+    frozenValue: null,
+    frozenWidth: null,
+    globalFilter: null,
     globalFilterFields: null,
-    showSelectionElement: null,
-    showRowReorderElement: null,
+    globalFilterMatchMode: FilterMatchMode.CONTAINS,
+    groupRowsBy: null,
+    header: null,
+    headerColumnGroup: null,
+    id: null,
     isDataSelectable: null,
+    lazy: false,
+    loading: false,
+    loadingIcon: 'pi pi-spinner',
+    metaKeySelection: true,
+    multiSortMeta: null,
+    onAllRowsSelect: null,
+    onAllRowsUnselect: null,
+    onCellClick: null,
+    onCellSelect: null,
+    onCellUnselect: null,
+    onColReorder: null,
     onColumnResizeEnd: null,
     onColumnResizerClick: null,
     onColumnResizerDoubleClick: null,
-    onSort: null,
-    onPage: null,
+    onContextMenu: null,
+    onContextMenuSelectionChange: null,
     onFilter: null,
-    onAllRowsSelect: null,
-    onAllRowsUnselect: null,
+    onPage: null,
     onRowClick: null,
+    onRowCollapse: null,
     onRowDoubleClick: null,
-    onRowSelect: null,
-    onRowUnselect: null,
+    onRowEditCancel: null,
+    onRowEditChange: null,
+    onRowEditComplete: null,
+    onRowEditInit: null,
+    onRowEditSave: null,
     onRowExpand: null,
-    onRowCollapse: null,
-    onContextMenu: null,
-    onColReorder: null,
-    onCellClick: null,
-    onCellSelect: null,
-    onCellUnselect: null,
     onRowReorder: null,
+    onRowSelect: null,
+    onRowToggle: null,
+    onRowUnselect: null,
+    onSelectAllChange: null,
+    onSelectionChange: null,
+    onSort: null,
+    onStateRestore: null,
+    onStateSave: null,
     onValueChange: null,
+    pageLinkSize: 5,
+    paginator: false,
+    paginatorClassName: null,
+    paginatorDropdownAppendTo: null,
+    paginatorLeft: null,
+    paginatorPosition: 'bottom',
+    paginatorRight: null,
+    paginatorTemplate: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
+    removableSort: false,
+    reorderableColumns: false,
+    reorderableRows: false,
+    resizableColumns: false,
+    responsiveLayout: 'stack',
+    rowClassName: null,
     rowEditValidator: null,
-    onRowEditInit: null,
-    onRowEditSave: null,
-    onRowEditCancel: null,
-    onRowEditChange: null,
-    exportFunction: null,
-    customSaveState: null,
-    customRestoreState: null,
-    onStateSave: null,
-    onStateRestore: null
+    rowExpansionTemplate: null,
+    rowGroupFooterTemplate: null,
+    rowGroupHeaderTemplate: null,
+    rowGroupMode: null,
+    rowHover: false,
+    rows: null,
+    rowsPerPageOptions: null,
+    scrollDirection: 'vertical',
+    scrollHeight: null,
+    scrollable: false,
+    selectAll: false,
+    selectOnEdit: true,
+    selection: null,
+    selectionAriaLabel: null,
+    selectionAutoFocus: true,
+    selectionMode: null,
+    selectionPageOnly: false,
+    showGridlines: false,
+    showRowReorderElement: null,
+    showSelectAll: true,
+    showSelectionElement: null,
+    size: 'normal',
+    sortField: null,
+    sortMode: 'single',
+    sortOrder: null,
+    stateKey: null,
+    stateStorage: 'session',
+    stripedRows: false,
+    style: null,
+    tabIndex: 0,
+    tableClassName: null,
+    tableStyle: null,
+    totalRecords: null,
+    value: null,
+    virtualScrollerOptions: null
   };
 
   var DataViewLayoutOptions = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -23694,7 +23759,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createEmptyMessage = function createEmptyMessage() {
       if (!props.loading) {
-        var _content = props.emptyMessage || localeOption$1('emptyMessage');
+        var _content = props.emptyMessage || localeOption('emptyMessage');
 
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-col-12 col-12 p-dataview-emptymessage"
@@ -24117,9 +24182,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     footer: null
   };
 
-  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$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$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$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 QuillJS = function () {
     try {
@@ -24138,7 +24203,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useMountEffect(function () {
       if (!isQuillLoaded.current) {
         var configuration = {
-          modules: _objectSpread$e({
+          modules: _objectSpread$f({
             toolbar: props.showHeader ? toolbarRef.current : false
           }, props.modules),
           placeholder: props.placeholder,
@@ -24204,6 +24269,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         }
 
+        if (props.maxLength) {
+          var length = quill.current.getLength();
+
+          if (length > props.maxLength) {
+            quill.current.deleteText(props.maxLength, length);
+          }
+        }
+
         if (props.onTextChange) {
           props.onTextChange({
             htmlValue: html,
@@ -24372,7 +24445,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     headerTemplate: null,
     onTextChange: null,
     onSelectionChange: null,
-    onLoad: null
+    onLoad: null,
+    maxLength: null
   };
 
   var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -24576,7 +24650,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createCloseIcon = function createCloseIcon() {
       if (closable !== false) {
-        var ariaLabel = localeOption$1('close');
+        var ariaLabel = localeOption('close');
         return /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           className: "p-message-close p-link",
@@ -24755,9 +24829,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createLabel = function createLabel() {
       if (props.showValue && props.value != null) {
         var label = props.displayValueTemplate ? props.displayValueTemplate(props.value) : props.value + props.unit;
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-progressbar-label"
-        }, label);
+        return label;
       }
 
       return null;
@@ -24780,10 +24852,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: "p-progressbar-value p-progressbar-value-animate",
         style: {
           width: props.value + '%',
-          display: 'block',
+          display: 'flex',
           backgroundColor: props.color
         }
-      }), label);
+      }, props.value != null && props.value !== 0 && props.showValue && /*#__PURE__*/React__namespace.createElement("div", {
+        className: "p-progressbar-label"
+      }, label)));
     };
 
     var createIndeterminate = function createIndeterminate() {
@@ -24862,9 +24936,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var uploadedFileCount = React__namespace.useRef(0);
     var hasFiles = ObjectUtils.isNotEmpty(filesState);
     var disabled = props.disabled || uploadingState;
-    var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || localeOption$1('choose');
-    var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || localeOption$1('upload');
-    var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || localeOption$1('cancel');
+    var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || localeOption('choose');
+    var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || localeOption('upload');
+    var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || localeOption('cancel');
     var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
     var uploadDisabled = disabled || !hasFiles;
     var cancelDisabled = disabled || !hasFiles;
@@ -26537,7 +26611,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var previewRef = React__namespace.useRef(null);
     var previewClick = React__namespace.useRef(false);
 
-    var onImageClick = function onImageClick() {
+    var show = function show() {
       if (props.preview) {
         setMaskVisibleState(true);
         setTimeout(function () {
@@ -26546,11 +26620,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
-    var onPreviewImageClick = function onPreviewImageClick() {
-      previewClick.current = true;
-    };
-
-    var onMaskClick = function onMaskClick() {
+    var hide = function hide() {
       if (!previewClick.current) {
         setPreviewVisibleState(false);
         setRotateState(0);
@@ -26560,6 +26630,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       previewClick.current = false;
     };
 
+    var onPreviewImageClick = function onPreviewImageClick() {
+      previewClick.current = true;
+    };
+
     var onDownload = function onDownload() {
       var name = props.alt,
           src = props.src;
@@ -26627,7 +26701,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.preview) {
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-image-preview-indicator",
-          onClick: onImageClick
+          onClick: show
         }, content);
       }
 
@@ -26644,7 +26718,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement("div", {
         ref: maskRef,
         className: "p-image-mask p-component-overlay p-component-overlay-enter",
-        onClick: onMaskClick
+        onClick: hide
       }, /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-image-toolbar"
       }, downloadable && /*#__PURE__*/React__namespace.createElement("button", {
@@ -26682,7 +26756,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       })), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         type: "button",
-        "aria-label": localeOption$1('close')
+        "aria-label": localeOption('close')
       }, /*#__PURE__*/React__namespace.createElement("i", {
         className: "pi pi-times"
       }))), /*#__PURE__*/React__namespace.createElement(CSSTransition, {
@@ -26702,7 +26776,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, /*#__PURE__*/React__namespace.createElement("div", {
         ref: previewRef
       }, /*#__PURE__*/React__namespace.createElement("img", {
-        src: props.src,
+        src: props.zoomSrc || props.src,
         className: "p-image-preview",
         style: imagePreviewStyle,
         onClick: onPreviewImageClick,
@@ -26713,6 +26787,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        show: show,
+        hide: hide,
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -26734,7 +26810,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: "p-image-preview-icon pi pi-eye"
     });
     var preview = createPreview();
-    var image = /*#__PURE__*/React__namespace.createElement("img", {
+    var image = props.src && /*#__PURE__*/React__namespace.createElement("img", {
       ref: imageRef,
       src: src,
       className: props.imageClassName,
@@ -26755,17 +26831,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   Image.displayName = 'Image';
   Image.defaultProps = {
     __TYPE: 'Image',
-    preview: false,
+    alt: null,
     className: null,
     downloadable: false,
-    imageStyle: null,
+    height: null,
     imageClassName: null,
-    template: null,
+    imageStyle: null,
+    onError: null,
+    preview: false,
+    zoomSrc: null,
     src: null,
-    alt: null,
-    width: null,
-    height: null,
-    onError: null
+    template: null,
+    width: null
   };
 
   var InplaceDisplay = function InplaceDisplay(props) {
@@ -26850,7 +26927,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: "p-inplace-content-close",
           icon: "pi pi-times",
           onClick: close,
-          "aria-label": localeOption$1('close')
+          "aria-label": localeOption('close')
         });
       }
 
@@ -27583,7 +27660,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [inputRef, props.inputRef]);
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = ObjectUtils.findDiffKeys(props, InputSwitch.defaultProps);
-    var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
     var className = classNames('p-inputswitch p-component', {
       'p-inputswitch-checked': checked,
@@ -27614,7 +27690,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       role: "switch",
       tabIndex: props.tabIndex,
       "aria-checked": checked
-    }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("span", {
+    }, ariaProps))), /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-inputswitch-slider"
     })), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
       target: elementRef,
@@ -28121,9 +28197,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   ListBoxItem.displayName = 'ListBoxItem';
 
-  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$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$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$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 _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; } } }; }
 
@@ -28359,7 +28435,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$d(_objectSpread$d({}, optgroup), {
+                filteredGroups.push(_objectSpread$e(_objectSpread$e({}, optgroup), {
                   items: filteredSubOptions
                 }));
               }
@@ -28483,10 +28559,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createList = function createList() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$d(_objectSpread$d({}, props.virtualScrollerOptions), {
+        var virtualScrollerProps = _objectSpread$e(_objectSpread$e({}, props.virtualScrollerOptions), {
           items: visibleOptions,
           onLazyLoad: function onLazyLoad(event) {
-            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$d(_objectSpread$d({}, event), {
+            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$e(_objectSpread$e({}, event), {
               filter: visibleOptions
             }));
           },
@@ -29011,9 +29087,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     end: null
   };
 
-  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$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$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$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; }
   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),
@@ -29404,7 +29480,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$c({
+      var panelStyle = _objectSpread$d({
         maxHeight: props.scrollHeight
       }, props.panelStyle);
 
@@ -30339,7 +30415,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: "p-multiselect-close p-link",
-      "aria-label": localeOption$1('close'),
+      "aria-label": localeOption('close'),
       onClick: props.onClose
     }, /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-multiselect-close-icon pi pi-times",
@@ -30421,9 +30497,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   MultiSelectItem.displayName = 'MultiSelectItem';
 
-  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$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$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$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 MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var virtualScrollerRef = React__namespace.useRef(null);
 
@@ -30503,7 +30579,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createEmptyFilter = function createEmptyFilter() {
-      var emptyFilterMessage = ObjectUtils.getJSXElement(props.emptyFilterMessage, props) || localeOption$1('emptyFilterMessage');
+      var emptyFilterMessage = ObjectUtils.getJSXElement(props.emptyFilterMessage, props) || localeOption('emptyFilterMessage');
       return /*#__PURE__*/React__namespace.createElement("li", {
         className: "p-multiselect-empty-message"
       }, emptyFilterMessage);
@@ -30558,15 +30634,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createContent = function createContent() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$b(_objectSpread$b({}, props.virtualScrollerOptions), {
-          style: _objectSpread$b(_objectSpread$b({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$c(_objectSpread$c({}, props.virtualScrollerOptions), {
+          style: _objectSpread$c(_objectSpread$c({}, 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$b(_objectSpread$b({}, event), {
+            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$c(_objectSpread$c({}, event), {
               filter: props.filterValue
             }));
           },
@@ -30641,9 +30717,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   MultiSelectPanel.displayName = 'MultiSelectPanel';
 
-  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$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$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$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 _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; } } }; }
 
@@ -31207,7 +31283,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$a(_objectSpread$a({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
+                filteredGroups.push(_objectSpread$b(_objectSpread$b({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
               }
             }
           } catch (err) {
@@ -31284,7 +31360,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var visibleOptions = getVisibleOptions();
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = ObjectUtils.findDiffKeys(props, MultiSelect.defaultProps);
-    var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
     var className = classNames('p-multiselect p-component p-inputwrapper', {
       'p-multiselect-chip': props.display === 'chip',
@@ -31318,7 +31393,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       "aria-expanded": overlayVisibleState,
       disabled: props.disabled,
       tabIndex: props.tabIndex
-    }, ariaProps, dataProps))), label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
+    }, ariaProps))), label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-multiselect-trigger"
     }, IconUtils.getJSXIcon(props.dropdownIcon, {
       className: 'p-multiselect-trigger-icon p-c'
@@ -32593,7 +32668,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createCloseIcon = function createCloseIcon() {
       if (props.showCloseIcon) {
-        var ariaLabel = props.ariaCloseLabel || localeOption$1('close');
+        var ariaLabel = props.ariaCloseLabel || localeOption('close');
         return /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           className: "p-overlaypanel-close p-link",
@@ -33256,10 +33331,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
 
   var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-    var promptLabel = props.promptLabel || localeOption$1('passwordPrompt');
-    var weakLabel = props.weakLabel || localeOption$1('weak');
-    var mediumLabel = props.mediumLabel || localeOption$1('medium');
-    var strongLabel = props.strongLabel || localeOption$1('strong');
+    var promptLabel = props.promptLabel || localeOption('passwordPrompt');
+    var weakLabel = props.weakLabel || localeOption('weak');
+    var mediumLabel = props.mediumLabel || localeOption('medium');
+    var strongLabel = props.strongLabel || localeOption('strong');
 
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -34620,7 +34695,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = ObjectUtils.findDiffKeys(props, RadioButton.defaultProps);
-    var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
     var className = classNames('p-radiobutton p-component', {
       'p-radiobutton-checked': props.checked,
@@ -34653,7 +34727,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       disabled: props.disabled,
       required: props.required,
       tabIndex: props.tabIndex
-    }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
+    }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
       className: boxClassName
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-radiobutton-icon"
@@ -34681,9 +34755,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onChange: 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$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$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$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; }
   var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
     var enabled = !props.disabled && !props.readOnly;
@@ -34754,7 +34828,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           type: props.offIcon,
           props: props.offIconProps
         };
-        var content = IconUtils.getJSXIcon(icon.type, _objectSpread$9({
+        var content = IconUtils.getJSXIcon(icon.type, _objectSpread$a({
           className: 'p-rating-icon'
         }, icon.props), {
           props: props
@@ -34775,7 +34849,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createCancelIcon = function createCancelIcon() {
       if (props.cancel) {
-        var content = IconUtils.getJSXIcon(props.cancelIcon, _objectSpread$9({
+        var content = IconUtils.getJSXIcon(props.cancelIcon, _objectSpread$a({
           className: 'p-rating-icon p-rating-cancel'
         }, props.cancelIconProps), {
           props: props
@@ -35515,7 +35589,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createCloseIcon = function createCloseIcon() {
       if (props.showCloseIcon) {
-        var ariaLabel = props.ariaCloseLabel || localeOption$1('close');
+        var ariaLabel = props.ariaCloseLabel || localeOption('close');
         return /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           ref: closeIconRef,
@@ -35658,9 +35732,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: 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$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$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$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),
@@ -35691,7 +35765,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       if (item.items) {
         var key = createKey(item, index);
-        setRenderSubMenu(_objectSpread$8(_objectSpread$8({}, renderSubMenu), {}, _defineProperty({}, key, true)));
+        setRenderSubMenu(_objectSpread$9(_objectSpread$9({}, renderSubMenu), {}, _defineProperty({}, key, true)));
         setActiveItemState(item);
         props.onForward();
       }
@@ -35907,6 +35981,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useUpdateEffect(function () {
       setLevelState(0);
     }, [props.model]);
+    useUpdateEffect(function () {
+      props.onNavigate && props.onNavigate({
+        level: levelState
+      });
+    }, [levelState]);
     useUnmountEffect(function () {
       ZIndexUtils.clear(menuRef.current);
     });
@@ -35916,6 +35995,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         toggle: toggle,
         show: show,
         hide: hide,
+        navigateForward: navigateForward,
+        navigateBack: navigateBack,
+        setLevelState: setLevelState,
         getElement: function getElement() {
           return menuRef.current;
         }
@@ -35993,22 +36075,23 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   SlideMenu.displayName = 'SlideMenu';
   SlideMenu.defaultProps = {
     __TYPE: 'SlideMenu',
-    id: null,
-    model: null,
-    popup: false,
-    style: null,
+    appendTo: null,
+    autoZIndex: true,
+    backLabel: 'Back',
+    baseZIndex: 0,
     className: null,
     easing: 'ease-out',
     effectDuration: 250,
-    backLabel: 'Back',
+    id: null,
     menuWidth: 190,
-    viewportHeight: 175,
-    autoZIndex: true,
-    baseZIndex: 0,
-    appendTo: null,
-    transitionOptions: null,
+    model: null,
+    onHide: null,
     onShow: null,
-    onHide: null
+    onNavigate: null,
+    popup: false,
+    style: null,
+    transitionOptions: null,
+    viewportHeight: 175
   };
 
   var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -36318,9 +36401,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onSlideEnd: 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$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$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$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;
 
@@ -36465,7 +36548,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getItemStyle = function getItemStyle(index) {
       var transitionDelay = calculateTransitionDelay(index);
       var pointStyle = calculatePointStyle(index);
-      return _objectSpread$7({
+      return _objectSpread$8({
         transitionDelay: "".concat(transitionDelay, "ms")
       }, pointStyle);
     };
@@ -36982,6 +37065,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onHide: 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 _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 SplitterPanel = function SplitterPanel() {};
   var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
@@ -36993,11 +37079,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var prevPanelElement = React__namespace.useRef(null);
     var nextPanelElement = React__namespace.useRef(null);
     var prevPanelSize = React__namespace.useRef(null);
+    var prevPanelSizeNew = React__namespace.useRef(null);
     var nextPanelSize = React__namespace.useRef(null);
+    var nextPanelSizeNew = React__namespace.useRef(null);
     var prevPanelIndex = React__namespace.useRef(null);
-    var panelSizes = React__namespace.useRef(null);
-    var mounted = React__namespace.useRef(false);
+
+    var _React$useState = React__namespace.useState([]),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        panelSizes = _React$useState2[0],
+        setPanelSizes = _React$useState2[1];
+
     var isStateful = props.stateKey != null;
+    var childrenLength = props.children && props.children.length;
+
+    var panelSize = function panelSize(sizes, index) {
+      return index in sizes ? sizes[index] : (props.children[index].props.size || 100) / childrenLength;
+    };
 
     var _useEventListener = useEventListener({
       type: 'mousemove',
@@ -37031,6 +37128,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
+      if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;
+      if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;
+
       if (props.children[prevPanelIndex.current].props && props.children[prevPanelIndex.current].props.minSize && props.children[prevPanelIndex.current].props.minSize > newPrevPanelSize) {
         return false;
       }
@@ -37049,11 +37149,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       prevPanelElement.current = null;
       nextPanelElement.current = null;
       prevPanelSize.current = null;
+      prevPanelSizeNew.current = null;
       nextPanelSize.current = null;
+      nextPanelSizeNew.current = null;
       prevPanelIndex.current = null;
     };
 
-    var getStorage = function getStorage() {
+    var getStorage = React__namespace.useCallback(function () {
       switch (props.stateStorage) {
         case 'local':
           return window.localStorage;
@@ -37064,31 +37166,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         default:
           throw new Error(props.stateStorage + ' is not a valid value for the state storage, supported values are "local" and "session".');
       }
-    };
+    }, [props.stateStorage]);
 
-    var saveState = function saveState() {
-      getStorage().setItem(props.stateKey, JSON.stringify(panelSizes.current));
+    var saveState = function saveState(sizes) {
+      getStorage().setItem(props.stateKey, JSON.stringify(sizes));
     };
 
-    var restoreState = function restoreState() {
-      var storage = getStorage();
-      var stateString = storage.getItem(props.stateKey);
-
-      if (stateString) {
-        panelSizes.current = JSON.parse(stateString);
-
-        var children = _toConsumableArray(elementRef.current.children).filter(function (child) {
-          return DomHandler.hasClass(child, 'p-splitter-panel');
-        });
-
-        children.forEach(function (child, i) {
-          child.style.flexBasis = 'calc(' + panelSizes.current[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-        });
-        return true;
-      }
-
-      return false;
-    };
+    var restoreState = React__namespace.useCallback(function () {
+      var stateString = getStorage().getItem(props.stateKey);
+      if (stateString) setPanelSizes(JSON.parse(stateString));
+    }, [getStorage, props.stateKey]);
 
     var onResizeStart = function onResizeStart(event, index) {
       gutterRef.current = gutterRefs.current[index];
@@ -37100,7 +37187,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       prevPanelElement.current = gutterRef.current.previousElementSibling;
       nextPanelElement.current = gutterRef.current.nextElementSibling;
       prevPanelSize.current = 100 * (props.layout === 'horizontal' ? DomHandler.getOuterWidth(prevPanelElement.current, true) : DomHandler.getOuterHeight(prevPanelElement.current, true)) / size.current;
+      prevPanelSizeNew.current = prevPanelSize.current;
       nextPanelSize.current = 100 * (props.layout === 'horizontal' ? DomHandler.getOuterWidth(nextPanelElement.current, true) : DomHandler.getOuterHeight(nextPanelElement.current, true)) / size.current;
+      nextPanelSizeNew.current = nextPanelSize.current;
       prevPanelIndex.current = index;
       DomHandler.addClass(gutterRef.current, 'p-splitter-gutter-resizing');
       DomHandler.addClass(elementRef.current, 'p-splitter-resizing');
@@ -37115,25 +37204,34 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var newNextPanelSize = nextPanelSize.current - newPos;
 
       if (validateResize(newPrevPanelSize, newNextPanelSize)) {
+        prevPanelSizeNew.current = newPrevPanelSize;
+        nextPanelSizeNew.current = newNextPanelSize;
         prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
         nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-        panelSizes.current[prevPanelIndex.current] = newPrevPanelSize;
-        panelSizes.current[prevPanelIndex.current + 1] = newNextPanelSize;
       }
     };
 
     var onResizeEnd = function onResizeEnd(event) {
-      if (isStateful) {
-        saveState();
-      }
+      setPanelSizes(function (prev) {
+        var sizes = [];
 
-      if (props.onResizeEnd) {
-        props.onResizeEnd({
-          originalEvent: event,
-          sizes: panelSizes.current
-        });
-      }
+        for (var index = 0; index < props.children.length; _readOnlyError("index")) {
+          sizes[index] = panelSize(prev, index);
+        }
+
+        sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
+        sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
+
+        if (props.onResizeEnd) {
+          props.onResizeEnd({
+            originalEvent: event,
+            sizes: sizes
+          });
+        }
 
+        if (isStateful) saveState(sizes);
+        return sizes;
+      });
       DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
       DomHandler.removeClass(elementRef.current, 'p-splitter-resizing');
       clear();
@@ -37181,30 +37279,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
         }
       });
-
-      if (props.children && props.children.length) {
-        var initialized = false;
-
-        if (isStateful && !mounted.current) {
-          initialized = restoreState();
-        }
-
-        if (!initialized) {
-          var _panelSizes = [];
-          props.children.map(function (panel, i) {
-            var panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;
-            var panelSize = panelInitialSize || 100 / props.children.length;
-            _panelSizes[i] = panelSize;
-            panelElements[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-            return _panelSizes;
-          });
-          panelSizes.current = _panelSizes;
-          mounted.current && saveState();
-        }
-      }
-
-      mounted.current = true;
-    });
+    }, []);
+    React__namespace.useEffect(function () {
+      if (isStateful) restoreState();
+    }, [restoreState, isStateful]);
 
     var createPanel = function createPanel(panel, index) {
       var otherProps = ObjectUtils.findDiffKeys(panel.props, SplitterPanel.defaultProps);
@@ -37235,10 +37313,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-splitter-gutter-handle"
       }));
+      var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
         key: index,
         className: panelClassName,
-        style: panel.props.style
+        style: _objectSpread$7(_objectSpread$7({}, panel.props.style), {}, {
+          flexBasis: flexBasis
+        })
       }, otherProps), panel.props.children), gutter);
     };
 
@@ -37259,22 +37340,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   SplitterPanel.displayName = 'SplitterPanel';
   SplitterPanel.defaultProps = {
     __TYPE: 'SplitterPanel',
-    size: null,
+    className: null,
     minSize: null,
-    style: null,
-    className: null
+    size: null,
+    style: null
   };
   Splitter.displayName = 'Splitter';
   Splitter.defaultProps = {
     __TYPE: 'Splitter',
-    id: null,
     className: null,
-    style: null,
-    layout: 'horizontal',
     gutterSize: 4,
+    id: null,
+    layout: 'horizontal',
+    onResizeEnd: null,
     stateKey: null,
     stateStorage: 'session',
-    onResizeEnd: null
+    style: null
   };
 
   var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -39005,15 +39086,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createCloseIcon = function createCloseIcon() {
       if (closable !== false) {
-        return /*#__PURE__*/React__namespace.createElement("button", {
+        return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           className: "p-toast-icon-close p-link",
           onClick: onClose,
-          "aria-label": localeOption$1('close')
+          "aria-label": localeOption('close')
         }, /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-toast-icon-close-icon pi pi-times",
           "aria-hidden": "true"
-        }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
+        }), /*#__PURE__*/React__namespace.createElement(Ripple, null)));
       }
 
       return null;
@@ -39076,19 +39157,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var containerRef = React__namespace.useRef(null);
 
-    var show = function show(value) {
-      if (value) {
-        var messages = assignIdentifiers(value, true);
+    var show = function show(messageInfo) {
+      if (messageInfo) {
+        var messages = assignIdentifiers(messageInfo, true);
         messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
         setMessagesState(messages);
       }
     };
 
-    var assignIdentifiers = function assignIdentifiers(value, copy) {
+    var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
       var messages;
 
-      if (Array.isArray(value)) {
-        var multipleMessages = value.reduce(function (acc, message) {
+      if (Array.isArray(messageInfo)) {
+        var multipleMessages = messageInfo.reduce(function (acc, message) {
           acc.push({
             _pId: messageIdx++,
             message: message
@@ -39104,7 +39185,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       } else {
         var message = {
           _pId: messageIdx++,
-          message: value
+          message: messageInfo
         };
 
         if (copy) {
@@ -39122,12 +39203,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setMessagesState([]);
     };
 
-    var replace = function replace(value) {
-      var replaced = assignIdentifiers(value, false);
+    var replace = function replace(messageInfo) {
+      var replaced = assignIdentifiers(messageInfo, false);
       setMessagesState(replaced);
     };
 
-    var onClose = function onClose(messageInfo) {
+    var remove = function remove(messageInfo) {
       var messages = messagesState.filter(function (msg) {
         return msg._pId !== messageInfo._pId;
       });
@@ -39135,6 +39216,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props.onRemove && props.onRemove(messageInfo.message);
     };
 
+    var onClose = function onClose(messageInfo) {
+      remove(messageInfo);
+    };
+
     var onEntered = function onEntered() {
       props.onShow && props.onShow();
     };
@@ -39152,6 +39237,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         props: props,
         show: show,
         replace: replace,
+        remove: remove,
         clear: clear,
         getElement: function getElement() {
           return containerRef.current;
@@ -41184,7 +41270,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onFilterValueChange: onFilterValueChange
       }), hasNoOptions && /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-treeselect-empty-message"
-      }, props.emptyMessage || localeOption$1('emptyMessage')));
+      }, props.emptyMessage || localeOption('emptyMessage')));
     };
 
     var createFilterElement = function createFilterElement() {
@@ -41229,7 +41315,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         type: "button",
         className: "p-treeselect-close p-link",
         onClick: hide,
-        "aria-label": localeOption$1('close')
+        "aria-label": localeOption('close')
       }, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-treeselect-close-icon pi pi-times",
         "aria-hidden": "true"
@@ -41456,7 +41542,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         overlayEventListener.current = null;
       }
     });
-    var className = classNames(props.bodyClassName || props.className, {
+    var bodyClassName = ObjectUtils.getPropValue(props.bodyClassName, props.node.data, {
+      field: props.field,
+      rowIndex: props.rowIndex,
+      props: props
+    });
+    var className = classNames(bodyClassName || props.className, {
       'p-editable-column': props.editor,
       'p-cell-editing': props.editor ? editingState : false
     });
@@ -42141,7 +42232,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       } else {
         var colSpan = props.columns ? props.columns.length : null;
 
-        var _content = props.emptyMessage || localeOption$1('emptyMessage');
+        var _content = props.emptyMessage || localeOption('emptyMessage');
 
         return /*#__PURE__*/React__namespace.createElement("tr", null, /*#__PURE__*/React__namespace.createElement("td", {
           className: "p-treetable-emptymessage",
@@ -42429,6 +42520,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           colSpan: column.props.colSpan
         }, filterElement);
       } else {
+        var headerCellRef = /*#__PURE__*/React__namespace.createRef(null);
         var sortMetaDataIndex = getMultiSortMetaDataIndex(column);
         var multiSortMetaData = sortMetaDataIndex !== -1 ? props.multiSortMeta[sortMetaDataIndex] : null;
         var singleSorted = column.props.field === props.sortField;
@@ -42444,8 +42536,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'p-highlight': sorted,
           'p-resizable-column': props.resizableColumns && getColumnProp(column, 'resizeable')
         });
+        var headerTooltip = column.props.headerTooltip;
+        var hasTooltip = ObjectUtils.isNotEmpty(headerTooltip);
         var resizer = createResizer(column);
-        return /*#__PURE__*/React__namespace.createElement("th", {
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", {
+          ref: headerCellRef,
           key: column.columnKey || column.field || options.index,
           className: className,
           style: column.props.headerStyle || column.props.style,
@@ -42476,7 +42571,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         }, resizer, /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-column-title"
-        }, column.props.header), sortIconElement, sortBadge, filterElement);
+        }, column.props.header), sortIconElement, sortBadge, filterElement), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+          target: headerCellRef,
+          content: headerTooltip
+        }, column.props.headerTooltipOptions)));
       }
     };
 
@@ -43471,7 +43569,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var copyNodeForGlobal = _objectSpread({}, copyNode);
 
               filterValue = props.globalFilter;
-              filterConstraint = FilterService.filters['contains'];
+              filterConstraint = FilterService.filters[props.globalFilterMatchMode];
               paramsWithoutNode = {
                 filterField: filterField,
                 filterValue: filterValue,
@@ -43806,81 +43904,82 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   TreeTable.displayName = 'TreeTable';
   TreeTable.defaultProps = {
     __TYPE: 'TreeTable',
-    id: null,
-    value: null,
-    header: null,
-    footer: null,
-    style: null,
+    alwaysShowPaginator: true,
+    autoLayout: false,
     className: null,
-    tableStyle: null,
-    tableClassName: null,
+    columnResizeMode: 'fit',
+    contextMenuSelectionKey: null,
+    currentPageReportTemplate: '({currentPage} of {totalPages})',
+    defaultSortOrder: 1,
+    emptyMessage: null,
     expandedKeys: null,
+    filterDelay: 300,
+    filterLocale: undefined,
+    filterMode: 'lenient',
+    filters: null,
+    first: null,
+    footer: null,
+    footerColumnGroup: null,
+    frozenFooterColumnGroup: null,
+    frozenHeaderColumnGroup: null,
+    frozenWidth: null,
+    globalFilter: null,
+    globalFilterMatchMode: FilterMatchMode.CONTAINS,
+    header: null,
+    headerColumnGroup: null,
+    id: null,
+    lazy: false,
+    loading: false,
+    loadingIcon: 'pi pi-spinner',
+    metaKeySelection: true,
+    multiSortMeta: null,
+    onColReorder: null,
+    onCollapse: null,
+    onColumnResizeEnd: null,
+    onContextMenu: null,
+    onContextMenuSelectionChange: null,
+    onExpand: null,
+    onFilter: null,
+    onPage: null,
+    onRowClick: null,
+    onSelect: null,
+    onSelectionChange: null,
+    onSort: null,
+    onToggle: null,
+    onUnselect: null,
+    pageLinkSize: 5,
     paginator: false,
-    paginatorPosition: 'bottom',
-    alwaysShowPaginator: true,
     paginatorClassName: null,
-    paginatorTemplate: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
+    paginatorDropdownAppendTo: null,
     paginatorLeft: null,
+    paginatorPosition: 'bottom',
     paginatorRight: null,
-    paginatorDropdownAppendTo: null,
-    pageLinkSize: 5,
-    rowsPerPageOptions: null,
-    currentPageReportTemplate: '({currentPage} of {totalPages})',
-    first: null,
-    rows: null,
-    totalRecords: null,
-    lazy: false,
-    sortField: null,
-    sortOrder: null,
-    multiSortMeta: null,
-    sortMode: 'single',
-    defaultSortOrder: 1,
-    removableSort: false,
-    selectionMode: null,
-    selectionKeys: null,
-    contextMenuSelectionKey: null,
-    metaKeySelection: true,
-    selectOnEdit: true,
-    propagateSelectionUp: true,
+    paginatorTemplate: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
     propagateSelectionDown: true,
-    autoLayout: false,
-    rowClassName: null,
-    loading: false,
-    loadingIcon: 'pi pi-spinner',
-    tabIndex: 0,
-    scrollable: false,
-    scrollHeight: null,
+    propagateSelectionUp: true,
+    removableSort: false,
     reorderableColumns: false,
-    headerColumnGroup: null,
-    footerColumnGroup: null,
-    frozenHeaderColumnGroup: null,
-    frozenFooterColumnGroup: null,
-    frozenWidth: null,
     resizableColumns: false,
-    columnResizeMode: 'fit',
-    emptyMessage: null,
-    filters: null,
-    globalFilter: null,
-    filterMode: 'lenient',
-    filterDelay: 300,
-    filterLocale: undefined,
+    rowClassName: null,
     rowHover: false,
+    rows: null,
+    rowsPerPageOptions: null,
+    scrollHeight: null,
+    scrollable: false,
+    selectOnEdit: true,
+    selectionKeys: null,
+    selectionMode: null,
     showGridlines: false,
+    sortField: null,
+    sortMode: 'single',
+    sortOrder: null,
     stripedRows: false,
-    onFilter: null,
-    onExpand: null,
-    onCollapse: null,
-    onToggle: null,
-    onPage: null,
-    onSort: null,
-    onSelect: null,
-    onUnselect: null,
-    onRowClick: null,
-    onSelectionChange: null,
-    onContextMenuSelectionChange: null,
-    onColumnResizeEnd: null,
-    onColReorder: null,
-    onContextMenu: null
+    style: null,
+    tabIndex: 0,
+    tableClassName: null,
+    tableStyle: null,
+    totalRecords: null,
+    value: null
   };
 
   var TriStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -44120,7 +44219,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   exports.confirmPopup = confirmPopup;
   exports["default"] = PrimeReact;
   exports.locale = locale;
-  exports.localeOption = localeOption$1;
+  exports.localeOption = localeOption;
   exports.localeOptions = localeOptions;
   exports.mask = mask;
   exports.updateLocaleOption = updateLocaleOption;