primereact 8.6.0 → 8.7.0

package/primereact.all.esm.js

@@ -1394,9 +1394,9 @@ function EventBus() {
   };
 }
 
-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,
@@ -1409,7 +1409,7 @@ function mask(el, options) {
     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) {
@@ -2159,9 +2159,9 @@ var ObjectUtils = /*#__PURE__*/function () {
   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() {
@@ -2184,7 +2184,7 @@ var IconUtils = /*#__PURE__*/function () {
         }));
 
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$y({
+          var defaultContentOptions = _objectSpread$z({
             iconProps: iconProps,
             element: content
           }, options);
@@ -2275,14 +2275,23 @@ var FilterService = {
   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;
 
@@ -2302,11 +2311,11 @@ var FilterService = {
             _iterator2.f();
           }
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
 
     return filteredItems;
@@ -2538,9 +2547,9 @@ _defineProperty(PrimeReact, "filterMatchModeOptions", {
   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',
@@ -2613,7 +2622,7 @@ function locale(locale) {
 }
 
 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) {
@@ -2623,10 +2632,10 @@ function updateLocaleOption(key, value, locale) {
 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 {
@@ -3316,9 +3325,9 @@ var useTimeout = function useTimeout(fn) {
 };
 /* 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.forwardRef(function (props, ref) {
   var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact.cssTransition;
 
@@ -3394,7 +3403,7 @@ var CSSTransition = /*#__PURE__*/React.forwardRef(function (props, ref) {
       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.createElement(CSSTransition$1, mergedProps, props.children);
   }
@@ -3404,9 +3413,9 @@ CSSTransition.defaultProps = {
   __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) {
@@ -3485,7 +3494,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   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,
@@ -3493,7 +3502,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, 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.createElement("span", {
       className: "p-accordion-header-text"
     }, tab.props.header);
@@ -3523,7 +3532,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   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;
@@ -3589,15 +3598,16 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
 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 = {
@@ -3626,15 +3636,22 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
   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;
@@ -4220,6 +4237,8 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       updateTargetEvents: updateTargetEvents,
       loadTargetEvents: loadTargetEvents,
       unloadTargetEvents: unloadTargetEvents,
+      show: show,
+      hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -4346,7 +4365,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   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,
@@ -4522,9 +4541,9 @@ InputText.defaultProps = {
 
 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var vertical = props.orientation === 'vertical';
   var horizontal = props.orientation === 'horizontal';
@@ -5121,7 +5140,7 @@ var VirtualScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
 
   var loaderOptions = function loaderOptions(index, extOptions) {
     var count = loaderArrState.length;
-    return _objectSpread$u({
+    return _objectSpread$v({
       index: index,
       count: count,
       first: index === 0,
@@ -5376,9 +5395,9 @@ VirtualScroller.defaultProps = {
   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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
@@ -5443,7 +5462,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
 
   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.createElement("ul", {
         className: "p-autocomplete-items"
       }, /*#__PURE__*/React.createElement("li", {
@@ -5452,8 +5471,8 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
     }
 
     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,
@@ -5488,7 +5507,7 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
   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 || {});
 
@@ -5980,6 +5999,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     return {
       props: props,
       search: search,
+      show: show,
+      hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -6031,7 +6052,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onContextMenu: props.onContextMenu,
       onClick: props.onClick,
       onDoubleClick: props.onDblClick
-    }, ariaProps, dataProps));
+    }, ariaProps));
   };
 
   var createChips = function createChips() {
@@ -6072,6 +6093,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       "aria-haspopup": "listbox",
       "aria-expanded": overlayVisibleState,
       autoComplete: "off",
+      readOnly: props.readOnly,
       tabIndex: props.tabIndex,
       onChange: onInputChange,
       id: props.inputId,
@@ -6084,7 +6106,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onKeyPress: props.onKeyPress,
       onFocus: onMultiInputFocus,
       onBlur: onMultiInputBlur
-    }, ariaProps, dataProps)));
+    }, ariaProps)));
   };
 
   var createMultipleAutoComplete = function createMultipleAutoComplete() {
@@ -6105,7 +6127,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   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.createElement(Button, {
         type: "button",
         icon: props.dropdownIcon,
@@ -6136,7 +6158,6 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   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,
@@ -6185,6 +6206,7 @@ AutoComplete.defaultProps = {
   delay: 300,
   disabled: false,
   dropdown: false,
+  dropdownAriaLabel: null,
   dropdownAutoFocus: true,
   dropdownIcon: 'pi pi-chevron-down',
   dropdownMode: 'blank',
@@ -6765,7 +6787,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       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) {
@@ -8277,7 +8299,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var getSundayIndex = function getSundayIndex() {
-    var firstDayOfWeek = localeOption$1('firstDayOfWeek', props.locale);
+    var firstDayOfWeek = localeOption('firstDayOfWeek', props.locale);
     return firstDayOfWeek > 0 ? 7 - firstDayOfWeek : 0;
   };
 
@@ -8645,6 +8667,10 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var formatDateTime = function formatDateTime(date) {
+    if (props.formatDateTime) {
+      return props.formatDateTime(date);
+    }
+
     var formattedValue = null;
 
     if (date) {
@@ -8844,6 +8870,10 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var parseDateTime = function parseDateTime(text) {
+    if (props.parseDateTime) {
+      return props.parseDateTime(text);
+    }
+
     var date;
     var parts = text.split(' ');
 
@@ -9161,7 +9191,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   }, [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]);
@@ -9260,7 +9290,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   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();
@@ -9409,7 +9439,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         scope: "col",
         key: "wn",
         className: "p-datepicker-weekheader p-disabled"
-      }, /*#__PURE__*/React.createElement("span", null, localeOption$1('weekHeader', props.locale)));
+      }, /*#__PURE__*/React.createElement("span", null, localeOption('weekHeader', props.locale)));
       return [weekHeader].concat(_toConsumableArray(dayNames));
     }
 
@@ -9509,7 +9539,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   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]);
@@ -9883,7 +9913,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           },
           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);
       }));
@@ -10682,14 +10713,15 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         'pi-chevron-left': !isVertical,
         'pi-chevron-up': isVertical
       });
-      return /*#__PURE__*/React.createElement(Button, {
+      return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: _className,
-        icon: iconClassName,
         onClick: navBackward,
         disabled: isDisabled,
         "aria-label": ariaLabel('previousPageLabel')
-      });
+      }, /*#__PURE__*/React.createElement("span", {
+        className: iconClassName
+      }), /*#__PURE__*/React.createElement(Ripple, null));
     }
 
     return null;
@@ -10707,14 +10739,15 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         'pi-chevron-right': !isVertical,
         'pi-chevron-down': isVertical
       });
-      return /*#__PURE__*/React.createElement(Button, {
+      return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: _className2,
-        icon: iconClassName,
         onClick: navForward,
         disabled: isDisabled,
         "aria-label": ariaLabel('nextPageLabel')
-      });
+      }, /*#__PURE__*/React.createElement("span", {
+        className: iconClassName
+      }), /*#__PURE__*/React.createElement(Ripple, null));
     }
 
     return null;
@@ -10729,14 +10762,14 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return /*#__PURE__*/React.createElement("li", {
       key: key,
       className: className
-    }, /*#__PURE__*/React.createElement(Button, {
+    }, /*#__PURE__*/React.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.createElement(Ripple, null)));
   };
 
   var createIndicators = function createIndicators() {
@@ -11611,7 +11644,6 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   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,
@@ -11653,7 +11685,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required
-  }, ariaProps, dataProps))), /*#__PURE__*/React.createElement("div", {
+  }, ariaProps))), /*#__PURE__*/React.createElement("div", {
     className: boxClass
   }, icon)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
@@ -12731,80 +12763,82 @@ var Column = function Column() {};
 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() {};
@@ -13162,16 +13196,17 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   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');
     }
   };
@@ -13295,7 +13330,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var createCloseIcon = function createCloseIcon() {
     if (props.closable) {
-      var ariaLabel = props.ariaCloseIconLabel || localeOption$1('close');
+      var ariaLabel = props.ariaCloseIconLabel || localeOption('close');
       return /*#__PURE__*/React.createElement("button", {
         ref: closeRef,
         type: "button",
@@ -13453,66 +13488,66 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
 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
     }));
   };
@@ -13557,8 +13592,8 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     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');
@@ -13707,19 +13742,19 @@ ConfirmDialog.defaultProps = {
   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
     }));
   };
@@ -13768,8 +13803,8 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     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'),
@@ -14573,7 +14608,11 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   useUpdateEffect(function () {
     if (props.value) {
       value.current = props.value;
-      first.current = 0;
+
+      if (!props.lazy) {
+        first.current = 0;
+      }
+
       dataToRender.current = [];
       handleDataChange();
     }
@@ -14630,7 +14669,7 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   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.createElement("li", null, content);
   };
 
@@ -14680,9 +14719,9 @@ DataScroller.defaultProps = {
   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.memo(function (props) {
   var report = {
     currentPage: props.page + 1,
@@ -14698,7 +14737,7 @@ var CurrentPageReport = /*#__PURE__*/React.memo(function (props) {
   }, 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
@@ -14726,14 +14765,15 @@ var FirstPageLink = /*#__PURE__*/React.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-  var element = /*#__PURE__*/React.createElement(Button, {
+  var element = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('firstPageLabel')
-  });
+  }, /*#__PURE__*/React.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -14757,9 +14797,9 @@ FirstPageLink.defaultProps = {
   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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14837,7 +14877,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
 
   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');
@@ -15196,7 +15236,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
               _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);
               }
@@ -15522,7 +15562,15 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
 
   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;
     }
 
@@ -15688,8 +15736,8 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
 
   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);
@@ -15946,14 +15994,15 @@ var LastPageLink = /*#__PURE__*/React.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-  var element = /*#__PURE__*/React.createElement(Button, {
+  var element = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('lastPageLabel')
-  });
+  }, /*#__PURE__*/React.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -15982,14 +16031,15 @@ var NextPageLink = /*#__PURE__*/React.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-right';
-  var element = /*#__PURE__*/React.createElement(Button, {
+  var element = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('nextPageLabel')
-  });
+  }, /*#__PURE__*/React.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -16036,14 +16086,14 @@ var PageLinks = /*#__PURE__*/React.memo(function (props) {
         'p-paginator-page-end': pageLink === endPageInView,
         'p-highlight': pageLink - 1 === props.page
       });
-      var element = /*#__PURE__*/React.createElement(Button, {
+      var element = /*#__PURE__*/React.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.createElement(Ripple, null));
 
       if (props.template) {
         var defaultOptions = {
@@ -16090,14 +16140,15 @@ var PrevPageLink = /*#__PURE__*/React.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-left';
-  var element = /*#__PURE__*/React.createElement(Button, {
+  var element = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('previousPageLabel')
-  });
+  }, /*#__PURE__*/React.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -16149,9 +16200,9 @@ var DropdownItem = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var virtualScrollerRef = React.useRef(null);
   var filterInputRef = React.useRef(null);
@@ -16212,7 +16263,7 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
   };
 
   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.createElement("li", {
       className: "p-dropdown-empty-message"
     }, message);
@@ -16263,7 +16314,7 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
 
   var createFilterClearIcon = function createFilterClearIcon() {
     if (props.showFilterClear && props.filterValue) {
-      var ariaLabel = localeOption$1('clear');
+      var ariaLabel = localeOption('clear');
       return /*#__PURE__*/React.createElement("i", {
         className: "p-dropdown-filter-clear-icon pi pi-times",
         "aria-label": ariaLabel,
@@ -16323,15 +16374,15 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
 
   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
           }));
         },
@@ -16401,9 +16452,9 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
 }));
 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; } } }; }
 
@@ -16471,7 +16522,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
             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
               }));
             }
@@ -17079,14 +17130,14 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     return /*#__PURE__*/React.createElement("div", {
       className: "p-hidden-accessible p-dropdown-hidden-select"
-    }, /*#__PURE__*/React.createElement("select", _extends({
+    }, /*#__PURE__*/React.createElement("select", {
       ref: inputRef,
       required: props.required,
       defaultValue: option.value,
       name: props.name,
       tabIndex: -1,
       "aria-hidden": "true"
-    }, dataProps), /*#__PURE__*/React.createElement("option", {
+    }, /*#__PURE__*/React.createElement("option", {
       value: option.value
     }, option.label)));
   };
@@ -17169,7 +17220,6 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   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,
@@ -17292,7 +17342,7 @@ var RowsPerPageDropdown = /*#__PURE__*/React.memo(function (props) {
       value: opt
     };
   }) : [];
-  var ariaLabel = localeOption$1('choose');
+  var ariaLabel = localeOption('choose');
   var element = hasOptions ? /*#__PURE__*/React.createElement(Dropdown, {
     value: props.value,
     options: options,
@@ -17300,7 +17350,7 @@ var RowsPerPageDropdown = /*#__PURE__*/React.memo(function (props) {
     appendTo: props.appendTo,
     disabled: props.disabled,
     placeholder: ariaLabel,
-    ariaLabel: ariaLabel
+    "aria-label": ariaLabel
   }) : null;
 
   if (props.template) {
@@ -17427,7 +17477,7 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   });
   useUpdateEffect(function () {
     if (!rppChanged.current) {
-      changePage(0, props.rows);
+      changePage(props.first, props.rows);
     }
 
     rppChanged.current = false;
@@ -17763,9 +17813,9 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
   var _React$useState = React.useState(props.editing),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -17860,7 +17910,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
 
   var getCellCallbackParams = function getCellCallbackParams(event) {
     var params = getCellParams();
-    return _objectSpread$m({
+    return _objectSpread$n({
       originalEvent: event
     }, params);
   };
@@ -17907,7 +17957,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     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
     });
@@ -17988,7 +18038,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
 
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$m({}, styleObjectState);
+      var styleObject = _objectSpread$n({}, styleObjectState);
 
       var align = getColumnProp('alignFrozen');
 
@@ -18018,7 +18068,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   };
 
   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
@@ -18250,7 +18300,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     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
       });
@@ -18286,7 +18336,6 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     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');
@@ -18294,12 +18343,17 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     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,
@@ -18501,9 +18555,9 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -18745,7 +18799,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
 
       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
@@ -18946,9 +19000,9 @@ RowTogglerButton.displayName = 'RowTogglerButton';
 
 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19272,8 +19326,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   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({
@@ -19355,6 +19408,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     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;
@@ -19365,7 +19419,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           value: _value,
           field: field,
           rowData: rowData,
-          rowIndex: i,
+          rowIndex: rowIndex,
           cellIndex: j,
           selected: true
         };
@@ -19390,7 +19444,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   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
@@ -19398,7 +19452,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   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
@@ -19467,12 +19521,12 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         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'
           }));
@@ -19552,7 +19606,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
     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];
@@ -19691,14 +19745,14 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   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'
     }));
@@ -19838,7 +19892,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var _content = ObjectUtils.getJSXElement(props.emptyMessage, {
         props: props.tableProps,
         frozen: props.frozenRow
-      }) || localeOption$1('emptyMessage');
+      }) || localeOption('emptyMessage');
 
       return /*#__PURE__*/React.createElement("tr", {
         className: "p-datatable-emptymessage",
@@ -20025,9 +20079,9 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 }));
 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.memo(function (props) {
   var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20048,7 +20102,7 @@ var FooterCell = /*#__PURE__*/React.memo(function (props) {
 
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$j({}, styleObjectState);
+      var styleObject = _objectSpread$k({}, styleObjectState);
 
       var _align = getColumnProp('alignFrozen');
 
@@ -20154,9 +20208,9 @@ var TableFooter = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20197,7 +20251,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
 
   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() {
@@ -20219,7 +20273,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   var matchModes = function matchModes() {
     return getColumnProp('filterMatchModeOptions') || PrimeReact.filterMatchModeOptions[findDataType()].map(function (key) {
       return {
-        label: localeOption$1(key),
+        label: localeOption(key),
         value: key
       };
     });
@@ -20290,7 +20344,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     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);
@@ -20355,7 +20409,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   };
 
   var onInputChange = function onInputChange(event, index) {
-    var filters = _objectSpread$i({}, props.filters);
+    var filters = _objectSpread$j({}, props.filters);
 
     var value = event.target.value;
 
@@ -20375,7 +20429,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   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({
@@ -20426,7 +20480,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     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);
@@ -20443,7 +20497,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   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);
@@ -20462,7 +20516,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     var filterConstraintAddCallback = getColumnProp('onFilterConstraintAdd');
     var defaultConstraint = getDefaultConstraint();
 
-    var filters = _objectSpread$i({}, props.filters);
+    var filters = _objectSpread$j({}, props.filters);
 
     var newConstraint = {
       value: null,
@@ -20483,7 +20537,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   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({
@@ -20565,42 +20619,42 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
 
   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;
@@ -21011,9 +21065,9 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
   var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -21089,7 +21143,7 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
 
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$h({}, styleObjectState);
+      var styleObject = _objectSpread$i({}, styleObjectState);
 
       var align = getColumnProp('alignFrozen');
 
@@ -21335,9 +21389,12 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
     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.createElement("th", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("th", {
       ref: elementRef,
       style: style,
       className: className,
@@ -21353,7 +21410,10 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
       colSpan: colSpan,
       rowSpan: rowSpan,
       "aria-sort": ariaSort
-    }, resizer, header);
+    }, resizer, header), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+      target: elementRef,
+      content: headerTooltip
+    }, headerTooltipOptions)));
   };
 
   var element = createElement();
@@ -21361,9 +21421,9 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
   var _React$useState = React.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -21505,7 +21565,7 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
             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
@@ -21551,9 +21611,9 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
 });
 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.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.first),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -22055,13 +22115,13 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
         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);
@@ -22244,6 +22304,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return;
     }
 
+    if (!props.reorderableColumns) return;
     colReorderIconWidth.current = DomHandler.getHiddenElementOuterWidth(reorderIndicatorUpRef.current);
     colReorderIconHeight.current = DomHandler.getHiddenElementOuterHeight(reorderIndicatorUpRef.current);
     draggedColumn.current = column;
@@ -22578,10 +22639,10 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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({
@@ -22649,7 +22710,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       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);
 
@@ -22700,9 +22761,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
         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();
@@ -22743,7 +22804,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   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;
@@ -22756,7 +22817,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
     props.filterDisplay === 'menu' && meta && meta.operator ? filters[field].constraints[index] = constraint : filters[field] = constraint;
     setD_filtersState(filters);
-    onFilterApply();
+    onFilterApply(filters);
   };
 
   var reset = function reset() {
@@ -22870,7 +22931,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var createEvent = function createEvent(event) {
-    return _objectSpread$f({
+    return _objectSpread$g({
       first: getFirst(),
       rows: getRows(),
       sortField: getSortField(),
@@ -22961,7 +23022,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [props.responsiveLayout]);
   useUpdateEffect(function () {
     if (props.globalFilter) {
-      filter(props.globalFilter, 'global', 'contains');
+      filter(props.globalFilter, 'global', props.globalFilterMatchMode);
     }
   }, [props.globalFilter]);
   useUnmountEffect(function () {
@@ -22972,14 +23033,17 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   React.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;
       },
@@ -23242,7 +23306,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, 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%',
@@ -23400,134 +23464,135 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 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.memo(function (props) {
@@ -23672,7 +23737,7 @@ var DataView = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var createEmptyMessage = function createEmptyMessage() {
     if (!props.loading) {
-      var _content = props.emptyMessage || localeOption$1('emptyMessage');
+      var _content = props.emptyMessage || localeOption('emptyMessage');
 
       return /*#__PURE__*/React.createElement("div", {
         className: "p-col-12 col-12 p-dataview-emptymessage"
@@ -24095,9 +24160,9 @@ Dock.defaultProps = {
   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 {
@@ -24116,7 +24181,7 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   useMountEffect(function () {
     if (!isQuillLoaded.current) {
       var configuration = {
-        modules: _objectSpread$e({
+        modules: _objectSpread$f({
           toolbar: props.showHeader ? toolbarRef.current : false
         }, props.modules),
         placeholder: props.placeholder,
@@ -24182,6 +24247,14 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
         }
       }
 
+      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,
@@ -24350,7 +24423,8 @@ Editor.defaultProps = {
   headerTemplate: null,
   onTextChange: null,
   onSelectionChange: null,
-  onLoad: null
+  onLoad: null,
+  maxLength: null
 };
 
 var Fieldset = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -24554,7 +24628,7 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
-      var ariaLabel = localeOption$1('close');
+      var ariaLabel = localeOption('close');
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "p-message-close p-link",
@@ -24733,9 +24807,7 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   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.createElement("div", {
-        className: "p-progressbar-label"
-      }, label);
+      return label;
     }
 
     return null;
@@ -24758,10 +24830,12 @@ var ProgressBar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       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.createElement("div", {
+      className: "p-progressbar-label"
+    }, label)));
   };
 
   var createIndeterminate = function createIndeterminate() {
@@ -24840,9 +24914,9 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var uploadedFileCount = React.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;
@@ -26515,7 +26589,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   var previewRef = React.useRef(null);
   var previewClick = React.useRef(false);
 
-  var onImageClick = function onImageClick() {
+  var show = function show() {
     if (props.preview) {
       setMaskVisibleState(true);
       setTimeout(function () {
@@ -26524,11 +26598,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     }
   };
 
-  var onPreviewImageClick = function onPreviewImageClick() {
-    previewClick.current = true;
-  };
-
-  var onMaskClick = function onMaskClick() {
+  var hide = function hide() {
     if (!previewClick.current) {
       setPreviewVisibleState(false);
       setRotateState(0);
@@ -26538,6 +26608,10 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     previewClick.current = false;
   };
 
+  var onPreviewImageClick = function onPreviewImageClick() {
+    previewClick.current = true;
+  };
+
   var onDownload = function onDownload() {
     var name = props.alt,
         src = props.src;
@@ -26605,7 +26679,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     if (props.preview) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-image-preview-indicator",
-        onClick: onImageClick
+        onClick: show
       }, content);
     }
 
@@ -26622,7 +26696,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     return /*#__PURE__*/React.createElement("div", {
       ref: maskRef,
       className: "p-image-mask p-component-overlay p-component-overlay-enter",
-      onClick: onMaskClick
+      onClick: hide
     }, /*#__PURE__*/React.createElement("div", {
       className: "p-image-toolbar"
     }, downloadable && /*#__PURE__*/React.createElement("button", {
@@ -26660,7 +26734,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     })), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       type: "button",
-      "aria-label": localeOption$1('close')
+      "aria-label": localeOption('close')
     }, /*#__PURE__*/React.createElement("i", {
       className: "pi pi-times"
     }))), /*#__PURE__*/React.createElement(CSSTransition, {
@@ -26680,7 +26754,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     }, /*#__PURE__*/React.createElement("div", {
       ref: previewRef
     }, /*#__PURE__*/React.createElement("img", {
-      src: props.src,
+      src: props.zoomSrc || props.src,
       className: "p-image-preview",
       style: imagePreviewStyle,
       onClick: onPreviewImageClick,
@@ -26691,6 +26765,8 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      show: show,
+      hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -26712,7 +26788,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     className: "p-image-preview-icon pi pi-eye"
   });
   var preview = createPreview();
-  var image = /*#__PURE__*/React.createElement("img", {
+  var image = props.src && /*#__PURE__*/React.createElement("img", {
     ref: imageRef,
     src: src,
     className: props.imageClassName,
@@ -26733,17 +26809,18 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
 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) {
@@ -26828,7 +26905,7 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: "p-inplace-content-close",
         icon: "pi pi-times",
         onClick: close,
-        "aria-label": localeOption$1('close')
+        "aria-label": localeOption('close')
       });
     }
 
@@ -27561,7 +27638,6 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   }, [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,
@@ -27592,7 +27668,7 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     role: "switch",
     tabIndex: props.tabIndex,
     "aria-checked": checked
-  }, ariaProps, dataProps))), /*#__PURE__*/React.createElement("span", {
+  }, ariaProps))), /*#__PURE__*/React.createElement("span", {
     className: "p-inputswitch-slider"
   })), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
@@ -28099,9 +28175,9 @@ var ListBoxItem = /*#__PURE__*/React.memo(function (props) {
 });
 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; } } }; }
 
@@ -28337,7 +28413,7 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
             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
               }));
             }
@@ -28461,10 +28537,10 @@ var ListBox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
 
   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
           }));
         },
@@ -28989,9 +29065,9 @@ MegaMenu.defaultProps = {
   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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -29382,7 +29458,7 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   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);
 
@@ -30317,7 +30393,7 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
   var closeElement = /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "p-multiselect-close p-link",
-    "aria-label": localeOption$1('close'),
+    "aria-label": localeOption('close'),
     onClick: props.onClose
   }, /*#__PURE__*/React.createElement("span", {
     className: "p-multiselect-close-icon pi pi-times",
@@ -30399,9 +30475,9 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var virtualScrollerRef = React.useRef(null);
 
@@ -30481,7 +30557,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
   };
 
   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.createElement("li", {
       className: "p-multiselect-empty-message"
     }, emptyFilterMessage);
@@ -30536,15 +30612,15 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
 
   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
           }));
         },
@@ -30619,9 +30695,9 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
 }));
 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; } } }; }
 
@@ -31185,7 +31261,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
             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) {
@@ -31262,7 +31338,6 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   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',
@@ -31296,7 +31371,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     "aria-expanded": overlayVisibleState,
     disabled: props.disabled,
     tabIndex: props.tabIndex
-  }, ariaProps, dataProps))), label, clearIcon, /*#__PURE__*/React.createElement("div", {
+  }, ariaProps))), label, clearIcon, /*#__PURE__*/React.createElement("div", {
     className: "p-multiselect-trigger"
   }, IconUtils.getJSXIcon(props.dropdownIcon, {
     className: 'p-multiselect-trigger-icon p-c'
@@ -32571,7 +32646,7 @@ var OverlayPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var createCloseIcon = function createCloseIcon() {
     if (props.showCloseIcon) {
-      var ariaLabel = props.ariaCloseLabel || localeOption$1('close');
+      var ariaLabel = props.ariaCloseLabel || localeOption('close');
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "p-overlaypanel-close p-link",
@@ -33234,10 +33309,10 @@ PanelMenu.defaultProps = {
 };
 
 var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.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.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -34598,7 +34673,6 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   });
   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,
@@ -34631,7 +34705,7 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex
-  }, ariaProps, dataProps))), /*#__PURE__*/React.createElement("div", {
+  }, ariaProps))), /*#__PURE__*/React.createElement("div", {
     className: boxClassName
   }, /*#__PURE__*/React.createElement("div", {
     className: "p-radiobutton-icon"
@@ -34659,9 +34733,9 @@ RadioButton.defaultProps = {
   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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var enabled = !props.disabled && !props.readOnly;
@@ -34732,7 +34806,7 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
         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
@@ -34753,7 +34827,7 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
 
   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
@@ -35493,7 +35567,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var createCloseIcon = function createCloseIcon() {
     if (props.showCloseIcon) {
-      var ariaLabel = props.ariaCloseLabel || localeOption$1('close');
+      var ariaLabel = props.ariaCloseLabel || localeOption('close');
       return /*#__PURE__*/React.createElement("button", {
         type: "button",
         ref: closeIconRef,
@@ -35636,9 +35710,9 @@ Skeleton.defaultProps = {
   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.memo(function (props) {
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -35669,7 +35743,7 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
 
     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();
     }
@@ -35885,6 +35959,11 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   useUpdateEffect(function () {
     setLevelState(0);
   }, [props.model]);
+  useUpdateEffect(function () {
+    props.onNavigate && props.onNavigate({
+      level: levelState
+    });
+  }, [levelState]);
   useUnmountEffect(function () {
     ZIndexUtils.clear(menuRef.current);
   });
@@ -35894,6 +35973,9 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       toggle: toggle,
       show: show,
       hide: hide,
+      navigateForward: navigateForward,
+      navigateBack: navigateBack,
+      setLevelState: setLevelState,
       getElement: function getElement() {
         return menuRef.current;
       }
@@ -35971,22 +36053,23 @@ var SlideMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -36296,9 +36379,9 @@ Slider.defaultProps = {
   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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames2;
 
@@ -36443,7 +36526,7 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var getItemStyle = function getItemStyle(index) {
     var transitionDelay = calculateTransitionDelay(index);
     var pointStyle = calculatePointStyle(index);
-    return _objectSpread$7({
+    return _objectSpread$8({
       transitionDelay: "".concat(transitionDelay, "ms")
     }, pointStyle);
   };
@@ -36960,6 +37043,9 @@ SplitButton.defaultProps = {
   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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
@@ -36971,11 +37057,22 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var prevPanelElement = React.useRef(null);
   var nextPanelElement = React.useRef(null);
   var prevPanelSize = React.useRef(null);
+  var prevPanelSizeNew = React.useRef(null);
   var nextPanelSize = React.useRef(null);
+  var nextPanelSizeNew = React.useRef(null);
   var prevPanelIndex = React.useRef(null);
-  var panelSizes = React.useRef(null);
-  var mounted = React.useRef(false);
+
+  var _React$useState = React.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',
@@ -37009,6 +37106,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   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;
     }
@@ -37027,11 +37127,13 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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.useCallback(function () {
     switch (props.stateStorage) {
       case 'local':
         return window.localStorage;
@@ -37042,31 +37144,16 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       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.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];
@@ -37078,7 +37165,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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');
@@ -37093,25 +37182,34 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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();
@@ -37159,30 +37257,10 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         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.useEffect(function () {
+    if (isStateful) restoreState();
+  }, [restoreState, isStateful]);
 
   var createPanel = function createPanel(panel, index) {
     var otherProps = ObjectUtils.findDiffKeys(panel.props, SplitterPanel.defaultProps);
@@ -37213,10 +37291,13 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }, /*#__PURE__*/React.createElement("div", {
       className: "p-splitter-gutter-handle"
     }));
+    var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.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);
   };
 
@@ -37237,22 +37318,22 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -38983,15 +39064,15 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
-      return /*#__PURE__*/React.createElement("button", {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "p-toast-icon-close p-link",
         onClick: onClose,
-        "aria-label": localeOption$1('close')
+        "aria-label": localeOption('close')
       }, /*#__PURE__*/React.createElement("span", {
         className: "p-toast-icon-close-icon pi pi-times",
         "aria-hidden": "true"
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }), /*#__PURE__*/React.createElement(Ripple, null)));
     }
 
     return null;
@@ -39054,19 +39135,19 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
 
   var containerRef = React.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
@@ -39082,7 +39163,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     } else {
       var message = {
         _pId: messageIdx++,
-        message: value
+        message: messageInfo
       };
 
       if (copy) {
@@ -39100,12 +39181,12 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     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;
     });
@@ -39113,6 +39194,10 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     props.onRemove && props.onRemove(messageInfo.message);
   };
 
+  var onClose = function onClose(messageInfo) {
+    remove(messageInfo);
+  };
+
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
   };
@@ -39130,6 +39215,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       props: props,
       show: show,
       replace: replace,
+      remove: remove,
       clear: clear,
       getElement: function getElement() {
         return containerRef.current;
@@ -41162,7 +41248,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       onFilterValueChange: onFilterValueChange
     }), hasNoOptions && /*#__PURE__*/React.createElement("div", {
       className: "p-treeselect-empty-message"
-    }, props.emptyMessage || localeOption$1('emptyMessage')));
+    }, props.emptyMessage || localeOption('emptyMessage')));
   };
 
   var createFilterElement = function createFilterElement() {
@@ -41207,7 +41293,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       type: "button",
       className: "p-treeselect-close p-link",
       onClick: hide,
-      "aria-label": localeOption$1('close')
+      "aria-label": localeOption('close')
     }, /*#__PURE__*/React.createElement("span", {
       className: "p-treeselect-close-icon pi pi-times",
       "aria-hidden": "true"
@@ -41434,7 +41520,12 @@ var TreeTableBodyCell = function TreeTableBodyCell(props) {
       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
   });
@@ -42119,7 +42210,7 @@ var TreeTableBody = /*#__PURE__*/React.memo(function (props) {
     } 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.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
         className: "p-treetable-emptymessage",
@@ -42407,6 +42498,7 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
         colSpan: column.props.colSpan
       }, filterElement);
     } else {
+      var headerCellRef = /*#__PURE__*/React.createRef(null);
       var sortMetaDataIndex = getMultiSortMetaDataIndex(column);
       var multiSortMetaData = sortMetaDataIndex !== -1 ? props.multiSortMeta[sortMetaDataIndex] : null;
       var singleSorted = column.props.field === props.sortField;
@@ -42422,8 +42514,11 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
         '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.createElement("th", {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("th", {
+        ref: headerCellRef,
         key: column.columnKey || column.field || options.index,
         className: className,
         style: column.props.headerStyle || column.props.style,
@@ -42454,7 +42549,10 @@ var TreeTableHeader = /*#__PURE__*/React.memo(function (props) {
         }
       }, resizer, /*#__PURE__*/React.createElement("span", {
         className: "p-column-title"
-      }, column.props.header), sortIconElement, sortBadge, filterElement);
+      }, column.props.header), sortIconElement, sortBadge, filterElement), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+        target: headerCellRef,
+        content: headerTooltip
+      }, column.props.headerTooltipOptions)));
     }
   };
 
@@ -43449,7 +43547,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
             var copyNodeForGlobal = _objectSpread({}, copyNode);
 
             filterValue = props.globalFilter;
-            filterConstraint = FilterService.filters['contains'];
+            filterConstraint = FilterService.filters[props.globalFilterMatchMode];
             paramsWithoutNode = {
               filterField: filterField,
               filterValue: filterValue,
@@ -43784,81 +43882,82 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -43972,4 +44071,4 @@ TriStateCheckbox.defaultProps = {
   onChange: null
 };
 
-export { Accordion, AccordionTab, AutoComplete, Avatar, AvatarGroup, Badge, BlockUI, BreadCrumb, Button, CSSTransition, Calendar, Captcha, Card, Carousel, CascadeSelect, PrimeReactChart as Chart, Checkbox, Chip, Chips, ColorPicker, Column, ColumnGroup, ConfirmDialog, ConfirmPopup, ConnectedOverlayScrollHandler, ContextMenu, DataScroller, DataTable, DataView, DataViewItem, DataViewLayoutOptions, DeferredContent, Dialog, Divider, Dock, DomHandler, Dropdown, Editor, EventBus, Fieldset, FileUpload, FilterMatchMode, FilterOperator, FilterService, GMap, Galleria, IconUtils, Image, Inplace, InplaceContent, InplaceDisplay, InputMask, InputNumber, InputSwitch, InputText, InputTextarea, KeyFilter, Knob, ListBox, MegaMenu, Mention, Menu, Menubar, Message, MessageSeverity, Messages, MultiSelect, MultiStateCheckbox, ObjectUtils, OrderList, OrganizationChart, OverlayPanel, OverlayService, Paginator, Panel, PanelMenu, Password, PickList, Portal, PrimeIcons, ProgressBar, ProgressSpinner, RadioButton, Rating, Ripple, Row, ScrollPanel, ScrollTop, SelectButton, Sidebar, Skeleton, SlideMenu, Slider, SortOrder, SpeedDial, SplitButton, Splitter, SplitterPanel, Steps, StyleClass, TabMenu, TabPanel, TabView, Tag, Terminal, TerminalService, TieredMenu, Timeline, Toast, ToggleButton, Toolbar, Tooltip, Tree, TreeSelect, TreeTable, TriStateCheckbox, UniqueComponentId, VirtualScroller, ZIndexUtils, addLocale, ariaLabel, classNames, confirmDialog, confirmPopup, PrimeReact as default, locale, localeOption$1 as localeOption, localeOptions, mask, updateLocaleOption, updateLocaleOptions, useEventListener, useInterval, useLocalStorage, useMountEffect, useOverlayListener, useOverlayScrollListener, usePrevious, useResizeListener, useSessionStorage, useStorage, useTimeout, useUnmountEffect, useUpdateEffect };
+export { Accordion, AccordionTab, AutoComplete, Avatar, AvatarGroup, Badge, BlockUI, BreadCrumb, Button, CSSTransition, Calendar, Captcha, Card, Carousel, CascadeSelect, PrimeReactChart as Chart, Checkbox, Chip, Chips, ColorPicker, Column, ColumnGroup, ConfirmDialog, ConfirmPopup, ConnectedOverlayScrollHandler, ContextMenu, DataScroller, DataTable, DataView, DataViewItem, DataViewLayoutOptions, DeferredContent, Dialog, Divider, Dock, DomHandler, Dropdown, Editor, EventBus, Fieldset, FileUpload, FilterMatchMode, FilterOperator, FilterService, GMap, Galleria, IconUtils, Image, Inplace, InplaceContent, InplaceDisplay, InputMask, InputNumber, InputSwitch, InputText, InputTextarea, KeyFilter, Knob, ListBox, MegaMenu, Mention, Menu, Menubar, Message, MessageSeverity, Messages, MultiSelect, MultiStateCheckbox, ObjectUtils, OrderList, OrganizationChart, OverlayPanel, OverlayService, Paginator, Panel, PanelMenu, Password, PickList, Portal, PrimeIcons, ProgressBar, ProgressSpinner, RadioButton, Rating, Ripple, Row, ScrollPanel, ScrollTop, SelectButton, Sidebar, Skeleton, SlideMenu, Slider, SortOrder, SpeedDial, SplitButton, Splitter, SplitterPanel, Steps, StyleClass, TabMenu, TabPanel, TabView, Tag, Terminal, TerminalService, TieredMenu, Timeline, Toast, ToggleButton, Toolbar, Tooltip, Tree, TreeSelect, TreeTable, TriStateCheckbox, UniqueComponentId, VirtualScroller, ZIndexUtils, addLocale, ariaLabel, classNames, confirmDialog, confirmPopup, PrimeReact as default, locale, localeOption, localeOptions, mask, updateLocaleOption, updateLocaleOptions, useEventListener, useInterval, useLocalStorage, useMountEffect, useOverlayListener, useOverlayScrollListener, usePrevious, useResizeListener, useSessionStorage, useStorage, useTimeout, useUnmountEffect, useUpdateEffect };