primereact 8.6.0 → 8.7.0

package/primereact.all.cjs.js

@@ -1421,9 +1421,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,
@@ -1436,7 +1436,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) {
@@ -2186,9 +2186,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() {
@@ -2211,7 +2211,7 @@ var IconUtils = /*#__PURE__*/function () {
         }));
 
         if (iconType !== 'string') {
-          var defaultContentOptions = _objectSpread$y({
+          var defaultContentOptions = _objectSpread$z({
             iconProps: iconProps,
             element: content
           }, options);
@@ -2302,14 +2302,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;
 
@@ -2329,11 +2338,11 @@ var FilterService = {
             _iterator2.f();
           }
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
 
     return filteredItems;
@@ -2565,9 +2574,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',
@@ -2640,7 +2649,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) {
@@ -2650,10 +2659,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 {
@@ -3343,9 +3352,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__namespace.forwardRef(function (props, ref) {
   var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact.cssTransition;
 
@@ -3421,7 +3430,7 @@ var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (props, re
       unmountOnExit: props.unmountOnExit
     };
 
-    var mergedProps = _objectSpread$w(_objectSpread$w(_objectSpread$w({}, mutableProps), props.options || {}), immutableProps);
+    var mergedProps = _objectSpread$x(_objectSpread$x(_objectSpread$x({}, mutableProps), props.options || {}), immutableProps);
 
     return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
   }
@@ -3431,9 +3440,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) {
@@ -3512,7 +3521,7 @@ var Accordion = /*#__PURE__*/React__namespace.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,
@@ -3520,7 +3529,7 @@ var Accordion = /*#__PURE__*/React__namespace.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__namespace.createElement("span", {
       className: "p-accordion-header-text"
     }, tab.props.header);
@@ -3550,7 +3559,7 @@ var Accordion = /*#__PURE__*/React__namespace.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;
@@ -3616,15 +3625,16 @@ var Accordion = /*#__PURE__*/React__namespace.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 = {
@@ -3653,15 +3663,22 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   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;
@@ -4247,6 +4264,8 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       updateTargetEvents: updateTargetEvents,
       loadTargetEvents: loadTargetEvents,
       unloadTargetEvents: unloadTargetEvents,
+      show: show,
+      hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -4373,7 +4392,7 @@ var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   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,
@@ -4549,9 +4568,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var vertical = props.orientation === 'vertical';
   var horizontal = props.orientation === 'horizontal';
@@ -5148,7 +5167,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
 
   var loaderOptions = function loaderOptions(index, extOptions) {
     var count = loaderArrState.length;
-    return _objectSpread$u({
+    return _objectSpread$v({
       index: index,
       count: count,
       first: index === 0,
@@ -5403,9 +5422,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
     return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
@@ -5470,7 +5489,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
 
   var createContent = function createContent() {
     if (props.showEmptyMessage && ObjectUtils.isEmpty(props.suggestions)) {
-      var emptyMessage = props.emptyMessage || localeOption$1('emptyMessage');
+      var emptyMessage = props.emptyMessage || localeOption('emptyMessage');
       return /*#__PURE__*/React__namespace.createElement("ul", {
         className: "p-autocomplete-items"
       }, /*#__PURE__*/React__namespace.createElement("li", {
@@ -5479,8 +5498,8 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
     }
 
     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,
@@ -5515,7 +5534,7 @@ var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__
   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 || {});
 
@@ -6007,6 +6026,8 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return {
       props: props,
       search: search,
+      show: show,
+      hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -6058,7 +6079,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       onContextMenu: props.onContextMenu,
       onClick: props.onClick,
       onDoubleClick: props.onDblClick
-    }, ariaProps, dataProps));
+    }, ariaProps));
   };
 
   var createChips = function createChips() {
@@ -6099,6 +6120,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       "aria-haspopup": "listbox",
       "aria-expanded": overlayVisibleState,
       autoComplete: "off",
+      readOnly: props.readOnly,
       tabIndex: props.tabIndex,
       onChange: onInputChange,
       id: props.inputId,
@@ -6111,7 +6133,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       onKeyPress: props.onKeyPress,
       onFocus: onMultiInputFocus,
       onBlur: onMultiInputBlur
-    }, ariaProps, dataProps)));
+    }, ariaProps)));
   };
 
   var createMultipleAutoComplete = function createMultipleAutoComplete() {
@@ -6132,7 +6154,7 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var createDropdown = function createDropdown() {
     if (props.dropdown) {
-      var ariaLabel = props.dropdownAriaLabel || props.placeholder || localeOption$1('choose');
+      var ariaLabel = props.dropdownAriaLabel || props.placeholder || localeOption('choose');
       return /*#__PURE__*/React__namespace.createElement(Button, {
         type: "button",
         icon: props.dropdownIcon,
@@ -6163,7 +6185,6 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   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,
@@ -6212,6 +6233,7 @@ AutoComplete.defaultProps = {
   delay: 300,
   disabled: false,
   dropdown: false,
+  dropdownAriaLabel: null,
   dropdownAutoFocus: true,
   dropdownIcon: 'pi pi-chevron-down',
   dropdownMode: 'blank',
@@ -6792,7 +6814,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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) {
@@ -8304,7 +8326,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var getSundayIndex = function getSundayIndex() {
-    var firstDayOfWeek = localeOption$1('firstDayOfWeek', props.locale);
+    var firstDayOfWeek = localeOption('firstDayOfWeek', props.locale);
     return firstDayOfWeek > 0 ? 7 - firstDayOfWeek : 0;
   };
 
@@ -8672,6 +8694,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var formatDateTime = function formatDateTime(date) {
+    if (props.formatDateTime) {
+      return props.formatDateTime(date);
+    }
+
     var formattedValue = null;
 
     if (date) {
@@ -8871,6 +8897,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var parseDateTime = function parseDateTime(text) {
+    if (props.parseDateTime) {
+      return props.parseDateTime(text);
+    }
+
     var date;
     var parts = text.split(' ');
 
@@ -9188,7 +9218,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   }, [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]);
@@ -9287,7 +9317,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   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();
@@ -9436,7 +9466,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         scope: "col",
         key: "wn",
         className: "p-datepicker-weekheader p-disabled"
-      }, /*#__PURE__*/React__namespace.createElement("span", null, localeOption$1('weekHeader', props.locale)));
+      }, /*#__PURE__*/React__namespace.createElement("span", null, localeOption('weekHeader', props.locale)));
       return [weekHeader].concat(_toConsumableArray(dayNames));
     }
 
@@ -9536,7 +9566,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   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]);
@@ -9910,7 +9940,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           },
           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);
       }));
@@ -10709,14 +10740,15 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         'pi-chevron-left': !isVertical,
         'pi-chevron-up': isVertical
       });
-      return /*#__PURE__*/React__namespace.createElement(Button, {
+      return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: _className,
-        icon: iconClassName,
         onClick: navBackward,
         disabled: isDisabled,
         "aria-label": ariaLabel('previousPageLabel')
-      });
+      }, /*#__PURE__*/React__namespace.createElement("span", {
+        className: iconClassName
+      }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     }
 
     return null;
@@ -10734,14 +10766,15 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         'pi-chevron-right': !isVertical,
         'pi-chevron-down': isVertical
       });
-      return /*#__PURE__*/React__namespace.createElement(Button, {
+      return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: _className2,
-        icon: iconClassName,
         onClick: navForward,
         disabled: isDisabled,
         "aria-label": ariaLabel('nextPageLabel')
-      });
+      }, /*#__PURE__*/React__namespace.createElement("span", {
+        className: iconClassName
+      }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     }
 
     return null;
@@ -10756,14 +10789,14 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
       className: className
-    }, /*#__PURE__*/React__namespace.createElement(Button, {
+    }, /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: "p-link",
       onClick: function onClick(e) {
         return onDotClick(e, index);
       },
       "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(index + 1)
-    }));
+    }, /*#__PURE__*/React__namespace.createElement(Ripple, null)));
   };
 
   var createIndicators = function createIndicators() {
@@ -11638,7 +11671,6 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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,
@@ -11680,7 +11712,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required
-  }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
+  }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
     className: boxClass
   }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
     target: elementRef,
@@ -12758,80 +12790,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() {};
@@ -13189,16 +13223,17 @@ var Dialog = /*#__PURE__*/React__namespace.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');
     }
   };
@@ -13322,7 +13357,7 @@ var Dialog = /*#__PURE__*/React__namespace.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__namespace.createElement("button", {
         ref: closeRef,
         type: "button",
@@ -13480,66 +13515,66 @@ var Dialog = /*#__PURE__*/React__namespace.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
     }));
   };
@@ -13584,8 +13619,8 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     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');
@@ -13734,19 +13769,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
     }));
   };
@@ -13795,8 +13830,8 @@ var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     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'),
@@ -14600,7 +14635,11 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   useUpdateEffect(function () {
     if (props.value) {
       value.current = props.value;
-      first.current = 0;
+
+      if (!props.lazy) {
+        first.current = 0;
+      }
+
       dataToRender.current = [];
       handleDataChange();
     }
@@ -14657,7 +14696,7 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
 
   var createEmptyMessage = function createEmptyMessage() {
-    var content = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption$1('emptyMessage');
+    var content = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption('emptyMessage');
     return /*#__PURE__*/React__namespace.createElement("li", null, content);
   };
 
@@ -14707,9 +14746,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__namespace.memo(function (props) {
   var report = {
     currentPage: props.page + 1,
@@ -14725,7 +14764,7 @@ var CurrentPageReport = /*#__PURE__*/React__namespace.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
@@ -14753,14 +14792,15 @@ var FirstPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-  var element = /*#__PURE__*/React__namespace.createElement(Button, {
+  var element = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('firstPageLabel')
-  });
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -14784,9 +14824,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14864,7 +14904,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   };
 
   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');
@@ -15223,7 +15263,7 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
               _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);
               }
@@ -15549,7 +15589,15 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   };
 
   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;
     }
 
@@ -15715,8 +15763,8 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   };
 
   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);
@@ -15973,14 +16021,15 @@ var LastPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-  var element = /*#__PURE__*/React__namespace.createElement(Button, {
+  var element = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('lastPageLabel')
-  });
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -16009,14 +16058,15 @@ var NextPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-right';
-  var element = /*#__PURE__*/React__namespace.createElement(Button, {
+  var element = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('nextPageLabel')
-  });
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -16063,14 +16113,14 @@ var PageLinks = /*#__PURE__*/React__namespace.memo(function (props) {
         'p-paginator-page-end': pageLink === endPageInView,
         'p-highlight': pageLink - 1 === props.page
       });
-      var element = /*#__PURE__*/React__namespace.createElement(Button, {
+      var element = /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: className,
         onClick: function onClick(e) {
           return onPageLinkClick(e, pageLink);
         },
         "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(pageLink + 1)
-      }, pageLink);
+      }, pageLink, /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
       if (props.template) {
         var defaultOptions = {
@@ -16117,14 +16167,15 @@ var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-disabled': props.disabled
   });
   var iconClassName = 'p-paginator-icon pi pi-angle-left';
-  var element = /*#__PURE__*/React__namespace.createElement(Button, {
+  var element = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: className,
-    icon: iconClassName,
     onClick: props.onClick,
     disabled: props.disabled,
     "aria-label": ariaLabel('previousPageLabel')
-  });
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconClassName
+  }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
 
   if (props.template) {
     var defaultOptions = {
@@ -16176,9 +16227,9 @@ var DropdownItem = /*#__PURE__*/React__namespace.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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var virtualScrollerRef = React__namespace.useRef(null);
   var filterInputRef = React__namespace.useRef(null);
@@ -16239,7 +16290,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   };
 
   var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
-    var message = ObjectUtils.getJSXElement(emptyMessage, props) || localeOption$1(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
+    var message = ObjectUtils.getJSXElement(emptyMessage, props) || localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: "p-dropdown-empty-message"
     }, message);
@@ -16290,7 +16341,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
 
   var createFilterClearIcon = function createFilterClearIcon() {
     if (props.showFilterClear && props.filterValue) {
-      var ariaLabel = localeOption$1('clear');
+      var ariaLabel = localeOption('clear');
       return /*#__PURE__*/React__namespace.createElement("i", {
         className: "p-dropdown-filter-clear-icon pi pi-times",
         "aria-label": ariaLabel,
@@ -16350,15 +16401,15 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
 
   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
           }));
         },
@@ -16428,9 +16479,9 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
 }));
 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; } } }; }
 
@@ -16498,7 +16549,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             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
               }));
             }
@@ -17106,14 +17157,14 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-hidden-accessible p-dropdown-hidden-select"
-    }, /*#__PURE__*/React__namespace.createElement("select", _extends({
+    }, /*#__PURE__*/React__namespace.createElement("select", {
       ref: inputRef,
       required: props.required,
       defaultValue: option.value,
       name: props.name,
       tabIndex: -1,
       "aria-hidden": "true"
-    }, dataProps), /*#__PURE__*/React__namespace.createElement("option", {
+    }, /*#__PURE__*/React__namespace.createElement("option", {
       value: option.value
     }, option.label)));
   };
@@ -17196,7 +17247,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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,
@@ -17319,7 +17369,7 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (props) {
       value: opt
     };
   }) : [];
-  var ariaLabel = localeOption$1('choose');
+  var ariaLabel = localeOption('choose');
   var element = hasOptions ? /*#__PURE__*/React__namespace.createElement(Dropdown, {
     value: props.value,
     options: options,
@@ -17327,7 +17377,7 @@ var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (props) {
     appendTo: props.appendTo,
     disabled: props.disabled,
     placeholder: ariaLabel,
-    ariaLabel: ariaLabel
+    "aria-label": ariaLabel
   }) : null;
 
   if (props.template) {
@@ -17454,7 +17504,7 @@ var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   });
   useUpdateEffect(function () {
     if (!rppChanged.current) {
-      changePage(0, props.rows);
+      changePage(props.first, props.rows);
     }
 
     rppChanged.current = false;
@@ -17790,9 +17840,9 @@ var RowRadioButton = /*#__PURE__*/React__namespace.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__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(props.editing),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -17887,7 +17937,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
 
   var getCellCallbackParams = function getCellCallbackParams(event) {
     var params = getCellParams();
-    return _objectSpread$m({
+    return _objectSpread$n({
       originalEvent: event
     }, params);
   };
@@ -17934,7 +17984,7 @@ var BodyCell = /*#__PURE__*/React__namespace.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
     });
@@ -18015,7 +18065,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
 
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$m({}, styleObjectState);
+      var styleObject = _objectSpread$n({}, styleObjectState);
 
       var align = getColumnProp('alignFrozen');
 
@@ -18045,7 +18095,7 @@ var BodyCell = /*#__PURE__*/React__namespace.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
@@ -18277,7 +18327,7 @@ var BodyCell = /*#__PURE__*/React__namespace.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
       });
@@ -18313,7 +18363,6 @@ var BodyCell = /*#__PURE__*/React__namespace.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');
@@ -18321,12 +18370,17 @@ var BodyCell = /*#__PURE__*/React__namespace.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,
@@ -18528,9 +18582,9 @@ var BodyCell = /*#__PURE__*/React__namespace.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__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -18772,7 +18826,7 @@ var BodyRow = /*#__PURE__*/React__namespace.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
@@ -18973,9 +19027,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19299,8 +19353,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   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({
@@ -19382,6 +19435,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     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;
@@ -19392,7 +19446,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           value: _value,
           field: field,
           rowData: rowData,
-          rowIndex: i,
+          rowIndex: rowIndex,
           cellIndex: j,
           selected: true
         };
@@ -19417,7 +19471,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
 
   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
@@ -19425,7 +19479,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
 
   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
@@ -19494,12 +19548,12 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         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'
           }));
@@ -19579,7 +19633,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 
     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];
@@ -19718,14 +19772,14 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
 
   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'
     }));
@@ -19865,7 +19919,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       var _content = ObjectUtils.getJSXElement(props.emptyMessage, {
         props: props.tableProps,
         frozen: props.frozenRow
-      }) || localeOption$1('emptyMessage');
+      }) || localeOption('emptyMessage');
 
       return /*#__PURE__*/React__namespace.createElement("tr", {
         className: "p-datatable-emptymessage",
@@ -20052,9 +20106,9 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 }));
 TableBody.displayName = 'TableBody';
 
-function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20075,7 +20129,7 @@ var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
 
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$j({}, styleObjectState);
+      var styleObject = _objectSpread$k({}, styleObjectState);
 
       var _align = getColumnProp('alignFrozen');
 
@@ -20181,9 +20235,9 @@ var TableFooter = /*#__PURE__*/React__namespace.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__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20224,7 +20278,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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() {
@@ -20246,7 +20300,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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
       };
     });
@@ -20317,7 +20371,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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);
@@ -20382,7 +20436,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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;
 
@@ -20402,7 +20456,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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({
@@ -20453,7 +20507,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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);
@@ -20470,7 +20524,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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);
@@ -20489,7 +20543,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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,
@@ -20510,7 +20564,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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({
@@ -20592,42 +20646,42 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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;
@@ -21038,9 +21092,9 @@ var HeaderCheckbox = /*#__PURE__*/React__namespace.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__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -21116,7 +21170,7 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
 
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$h({}, styleObjectState);
+      var styleObject = _objectSpread$i({}, styleObjectState);
 
       var align = getColumnProp('alignFrozen');
 
@@ -21362,9 +21416,12 @@ var HeaderCell = /*#__PURE__*/React__namespace.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__namespace.createElement("th", {
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", {
       ref: elementRef,
       style: style,
       className: className,
@@ -21380,7 +21437,10 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
       colSpan: colSpan,
       rowSpan: rowSpan,
       "aria-sort": ariaSort
-    }, resizer, header);
+    }, resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+      target: elementRef,
+      content: headerTooltip
+    }, headerTooltipOptions)));
   };
 
   var element = createElement();
@@ -21388,9 +21448,9 @@ var HeaderCell = /*#__PURE__*/React__namespace.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__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -21532,7 +21592,7 @@ var TableHeader = /*#__PURE__*/React__namespace.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
@@ -21578,9 +21638,9 @@ var TableHeader = /*#__PURE__*/React__namespace.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__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.first),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -22082,13 +22142,13 @@ var DataTable = /*#__PURE__*/React__namespace.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);
@@ -22271,6 +22331,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       return;
     }
 
+    if (!props.reorderableColumns) return;
     colReorderIconWidth.current = DomHandler.getHiddenElementOuterWidth(reorderIndicatorUpRef.current);
     colReorderIconHeight.current = DomHandler.getHiddenElementOuterHeight(reorderIndicatorUpRef.current);
     draggedColumn.current = column;
@@ -22605,10 +22666,10 @@ var DataTable = /*#__PURE__*/React__namespace.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({
@@ -22676,7 +22737,7 @@ var DataTable = /*#__PURE__*/React__namespace.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);
 
@@ -22727,9 +22788,9 @@ var DataTable = /*#__PURE__*/React__namespace.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();
@@ -22770,7 +22831,7 @@ var DataTable = /*#__PURE__*/React__namespace.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;
@@ -22783,7 +22844,7 @@ var DataTable = /*#__PURE__*/React__namespace.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() {
@@ -22897,7 +22958,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   };
 
   var createEvent = function createEvent(event) {
-    return _objectSpread$f({
+    return _objectSpread$g({
       first: getFirst(),
       rows: getRows(),
       sortField: getSortField(),
@@ -22988,7 +23049,7 @@ var DataTable = /*#__PURE__*/React__namespace.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 () {
@@ -22999,14 +23060,17 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
-      reset: reset,
-      resetScroll: resetScroll,
+      clearState: clearState,
+      closeEditingCell: closeEditingCell,
       exportCSV: exportCSV,
       filter: filter,
+      reset: reset,
       resetColumnOrder: resetColumnOrder,
-      closeEditingCell: closeEditingCell,
+      resetScroll: resetScroll,
+      restoreColumnWidths: restoreColumnWidths,
+      restoreState: restoreState,
       restoreTableState: restoreTableState,
-      clearState: clearState,
+      saveState: saveState,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -23269,7 +23333,7 @@ var DataTable = /*#__PURE__*/React__namespace.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%',
@@ -23427,134 +23491,135 @@ var DataTable = /*#__PURE__*/React__namespace.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__namespace.memo(function (props) {
@@ -23699,7 +23764,7 @@ var DataView = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   var createEmptyMessage = function createEmptyMessage() {
     if (!props.loading) {
-      var _content = props.emptyMessage || localeOption$1('emptyMessage');
+      var _content = props.emptyMessage || localeOption('emptyMessage');
 
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-col-12 col-12 p-dataview-emptymessage"
@@ -24122,9 +24187,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 {
@@ -24143,7 +24208,7 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   useMountEffect(function () {
     if (!isQuillLoaded.current) {
       var configuration = {
-        modules: _objectSpread$e({
+        modules: _objectSpread$f({
           toolbar: props.showHeader ? toolbarRef.current : false
         }, props.modules),
         placeholder: props.placeholder,
@@ -24209,6 +24274,14 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         }
       }
 
+      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,
@@ -24377,7 +24450,8 @@ Editor.defaultProps = {
   headerTemplate: null,
   onTextChange: null,
   onSelectionChange: null,
-  onLoad: null
+  onLoad: null,
+  maxLength: null
 };
 
 var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -24581,7 +24655,7 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
-      var ariaLabel = localeOption$1('close');
+      var ariaLabel = localeOption('close');
       return /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: "p-message-close p-link",
@@ -24760,9 +24834,7 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var createLabel = function createLabel() {
     if (props.showValue && props.value != null) {
       var label = props.displayValueTemplate ? props.displayValueTemplate(props.value) : props.value + props.unit;
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-progressbar-label"
-      }, label);
+      return label;
     }
 
     return null;
@@ -24785,10 +24857,12 @@ var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       className: "p-progressbar-value p-progressbar-value-animate",
       style: {
         width: props.value + '%',
-        display: 'block',
+        display: 'flex',
         backgroundColor: props.color
       }
-    }), label);
+    }, props.value != null && props.value !== 0 && props.showValue && /*#__PURE__*/React__namespace.createElement("div", {
+      className: "p-progressbar-label"
+    }, label)));
   };
 
   var createIndeterminate = function createIndeterminate() {
@@ -24867,9 +24941,9 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   var uploadedFileCount = React__namespace.useRef(0);
   var hasFiles = ObjectUtils.isNotEmpty(filesState);
   var disabled = props.disabled || uploadingState;
-  var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || localeOption$1('choose');
-  var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || localeOption$1('upload');
-  var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || localeOption$1('cancel');
+  var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || localeOption('choose');
+  var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || localeOption('upload');
+  var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || localeOption('cancel');
   var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
   var uploadDisabled = disabled || !hasFiles;
   var cancelDisabled = disabled || !hasFiles;
@@ -26542,7 +26616,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var previewRef = React__namespace.useRef(null);
   var previewClick = React__namespace.useRef(false);
 
-  var onImageClick = function onImageClick() {
+  var show = function show() {
     if (props.preview) {
       setMaskVisibleState(true);
       setTimeout(function () {
@@ -26551,11 +26625,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     }
   };
 
-  var onPreviewImageClick = function onPreviewImageClick() {
-    previewClick.current = true;
-  };
-
-  var onMaskClick = function onMaskClick() {
+  var hide = function hide() {
     if (!previewClick.current) {
       setPreviewVisibleState(false);
       setRotateState(0);
@@ -26565,6 +26635,10 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     previewClick.current = false;
   };
 
+  var onPreviewImageClick = function onPreviewImageClick() {
+    previewClick.current = true;
+  };
+
   var onDownload = function onDownload() {
     var name = props.alt,
         src = props.src;
@@ -26632,7 +26706,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     if (props.preview) {
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-image-preview-indicator",
-        onClick: onImageClick
+        onClick: show
       }, content);
     }
 
@@ -26649,7 +26723,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     return /*#__PURE__*/React__namespace.createElement("div", {
       ref: maskRef,
       className: "p-image-mask p-component-overlay p-component-overlay-enter",
-      onClick: onMaskClick
+      onClick: hide
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-image-toolbar"
     }, downloadable && /*#__PURE__*/React__namespace.createElement("button", {
@@ -26687,7 +26761,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     })), /*#__PURE__*/React__namespace.createElement("button", {
       className: "p-image-action p-link",
       type: "button",
-      "aria-label": localeOption$1('close')
+      "aria-label": localeOption('close')
     }, /*#__PURE__*/React__namespace.createElement("i", {
       className: "pi pi-times"
     }))), /*#__PURE__*/React__namespace.createElement(CSSTransition, {
@@ -26707,7 +26781,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     }, /*#__PURE__*/React__namespace.createElement("div", {
       ref: previewRef
     }, /*#__PURE__*/React__namespace.createElement("img", {
-      src: props.src,
+      src: props.zoomSrc || props.src,
       className: "p-image-preview",
       style: imagePreviewStyle,
       onClick: onPreviewImageClick,
@@ -26718,6 +26792,8 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
+      show: show,
+      hide: hide,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -26739,7 +26815,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     className: "p-image-preview-icon pi pi-eye"
   });
   var preview = createPreview();
-  var image = /*#__PURE__*/React__namespace.createElement("img", {
+  var image = props.src && /*#__PURE__*/React__namespace.createElement("img", {
     ref: imageRef,
     src: src,
     className: props.imageClassName,
@@ -26760,17 +26836,18 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 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) {
@@ -26855,7 +26932,7 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
         className: "p-inplace-content-close",
         icon: "pi pi-times",
         onClick: close,
-        "aria-label": localeOption$1('close')
+        "aria-label": localeOption('close')
       });
     }
 
@@ -27588,7 +27665,6 @@ var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   }, [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,
@@ -27619,7 +27695,7 @@ var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     role: "switch",
     tabIndex: props.tabIndex,
     "aria-checked": checked
-  }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("span", {
+  }, ariaProps))), /*#__PURE__*/React__namespace.createElement("span", {
     className: "p-inputswitch-slider"
   })), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
     target: elementRef,
@@ -28126,9 +28202,9 @@ var ListBoxItem = /*#__PURE__*/React__namespace.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; } } }; }
 
@@ -28364,7 +28440,7 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
             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
               }));
             }
@@ -28488,10 +28564,10 @@ var ListBox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
 
   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
           }));
         },
@@ -29016,9 +29092,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -29409,7 +29485,7 @@ var Mention = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   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);
 
@@ -30344,7 +30420,7 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: "p-multiselect-close p-link",
-    "aria-label": localeOption$1('close'),
+    "aria-label": localeOption('close'),
     onClick: props.onClose
   }, /*#__PURE__*/React__namespace.createElement("span", {
     className: "p-multiselect-close-icon pi pi-times",
@@ -30426,9 +30502,9 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var virtualScrollerRef = React__namespace.useRef(null);
 
@@ -30508,7 +30584,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
   };
 
   var createEmptyFilter = function createEmptyFilter() {
-    var emptyFilterMessage = ObjectUtils.getJSXElement(props.emptyFilterMessage, props) || localeOption$1('emptyFilterMessage');
+    var emptyFilterMessage = ObjectUtils.getJSXElement(props.emptyFilterMessage, props) || localeOption('emptyFilterMessage');
     return /*#__PURE__*/React__namespace.createElement("li", {
       className: "p-multiselect-empty-message"
     }, emptyFilterMessage);
@@ -30563,15 +30639,15 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
 
   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
           }));
         },
@@ -30646,9 +30722,9 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
 }));
 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; } } }; }
 
@@ -31212,7 +31288,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
             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) {
@@ -31289,7 +31365,6 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   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',
@@ -31323,7 +31398,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     "aria-expanded": overlayVisibleState,
     disabled: props.disabled,
     tabIndex: props.tabIndex
-  }, ariaProps, dataProps))), label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
+  }, ariaProps))), label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-multiselect-trigger"
   }, IconUtils.getJSXIcon(props.dropdownIcon, {
     className: 'p-multiselect-trigger-icon p-c'
@@ -32598,7 +32673,7 @@ var OverlayPanel = /*#__PURE__*/React__namespace.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__namespace.createElement("button", {
         type: "button",
         className: "p-overlaypanel-close p-link",
@@ -33261,10 +33336,10 @@ PanelMenu.defaultProps = {
 };
 
 var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-  var promptLabel = props.promptLabel || localeOption$1('passwordPrompt');
-  var weakLabel = props.weakLabel || localeOption$1('weak');
-  var mediumLabel = props.mediumLabel || localeOption$1('medium');
-  var strongLabel = props.strongLabel || localeOption$1('strong');
+  var promptLabel = props.promptLabel || localeOption('passwordPrompt');
+  var weakLabel = props.weakLabel || localeOption('weak');
+  var mediumLabel = props.mediumLabel || localeOption('medium');
+  var strongLabel = props.strongLabel || localeOption('strong');
 
   var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -34625,7 +34700,6 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   });
   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,
@@ -34658,7 +34732,7 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex
-  }, ariaProps, dataProps))), /*#__PURE__*/React__namespace.createElement("div", {
+  }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
     className: boxClassName
   }, /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-radiobutton-icon"
@@ -34686,9 +34760,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
   var enabled = !props.disabled && !props.readOnly;
@@ -34759,7 +34833,7 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
         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
@@ -34780,7 +34854,7 @@ var Rating = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
 
   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
@@ -35520,7 +35594,7 @@ var Sidebar = /*#__PURE__*/React__namespace.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__namespace.createElement("button", {
         type: "button",
         ref: closeIconRef,
@@ -35663,9 +35737,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__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -35696,7 +35770,7 @@ var SlideMenuSub = /*#__PURE__*/React__namespace.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();
     }
@@ -35912,6 +35986,11 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   useUpdateEffect(function () {
     setLevelState(0);
   }, [props.model]);
+  useUpdateEffect(function () {
+    props.onNavigate && props.onNavigate({
+      level: levelState
+    });
+  }, [levelState]);
   useUnmountEffect(function () {
     ZIndexUtils.clear(menuRef.current);
   });
@@ -35921,6 +36000,9 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       toggle: toggle,
       show: show,
       hide: hide,
+      navigateForward: navigateForward,
+      navigateBack: navigateBack,
+      setLevelState: setLevelState,
       getElement: function getElement() {
         return menuRef.current;
       }
@@ -35998,22 +36080,23 @@ var SlideMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 SlideMenu.displayName = 'SlideMenu';
 SlideMenu.defaultProps = {
   __TYPE: 'SlideMenu',
-  id: null,
-  model: null,
-  popup: false,
-  style: null,
+  appendTo: null,
+  autoZIndex: true,
+  backLabel: 'Back',
+  baseZIndex: 0,
   className: null,
   easing: 'ease-out',
   effectDuration: 250,
-  backLabel: 'Back',
+  id: null,
   menuWidth: 190,
-  viewportHeight: 175,
-  autoZIndex: true,
-  baseZIndex: 0,
-  appendTo: null,
-  transitionOptions: null,
+  model: null,
+  onHide: null,
   onShow: null,
-  onHide: null
+  onNavigate: null,
+  popup: false,
+  style: null,
+  transitionOptions: null,
+  viewportHeight: 175
 };
 
 var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -36323,9 +36406,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _classNames2;
 
@@ -36470,7 +36553,7 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var getItemStyle = function getItemStyle(index) {
     var transitionDelay = calculateTransitionDelay(index);
     var pointStyle = calculatePointStyle(index);
-    return _objectSpread$7({
+    return _objectSpread$8({
       transitionDelay: "".concat(transitionDelay, "ms")
     }, pointStyle);
   };
@@ -36987,6 +37070,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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
@@ -36998,11 +37084,22 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var prevPanelElement = React__namespace.useRef(null);
   var nextPanelElement = React__namespace.useRef(null);
   var prevPanelSize = React__namespace.useRef(null);
+  var prevPanelSizeNew = React__namespace.useRef(null);
   var nextPanelSize = React__namespace.useRef(null);
+  var nextPanelSizeNew = React__namespace.useRef(null);
   var prevPanelIndex = React__namespace.useRef(null);
-  var panelSizes = React__namespace.useRef(null);
-  var mounted = React__namespace.useRef(false);
+
+  var _React$useState = React__namespace.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      panelSizes = _React$useState2[0],
+      setPanelSizes = _React$useState2[1];
+
   var isStateful = props.stateKey != null;
+  var childrenLength = props.children && props.children.length;
+
+  var panelSize = function panelSize(sizes, index) {
+    return index in sizes ? sizes[index] : (props.children[index].props.size || 100) / childrenLength;
+  };
 
   var _useEventListener = useEventListener({
     type: 'mousemove',
@@ -37036,6 +37133,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   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;
     }
@@ -37054,11 +37154,13 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     prevPanelElement.current = null;
     nextPanelElement.current = null;
     prevPanelSize.current = null;
+    prevPanelSizeNew.current = null;
     nextPanelSize.current = null;
+    nextPanelSizeNew.current = null;
     prevPanelIndex.current = null;
   };
 
-  var getStorage = function getStorage() {
+  var getStorage = React__namespace.useCallback(function () {
     switch (props.stateStorage) {
       case 'local':
         return window.localStorage;
@@ -37069,31 +37171,16 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       default:
         throw new Error(props.stateStorage + ' is not a valid value for the state storage, supported values are "local" and "session".');
     }
-  };
+  }, [props.stateStorage]);
 
-  var saveState = function saveState() {
-    getStorage().setItem(props.stateKey, JSON.stringify(panelSizes.current));
+  var saveState = function saveState(sizes) {
+    getStorage().setItem(props.stateKey, JSON.stringify(sizes));
   };
 
-  var restoreState = function restoreState() {
-    var storage = getStorage();
-    var stateString = storage.getItem(props.stateKey);
-
-    if (stateString) {
-      panelSizes.current = JSON.parse(stateString);
-
-      var children = _toConsumableArray(elementRef.current.children).filter(function (child) {
-        return DomHandler.hasClass(child, 'p-splitter-panel');
-      });
-
-      children.forEach(function (child, i) {
-        child.style.flexBasis = 'calc(' + panelSizes.current[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-      });
-      return true;
-    }
-
-    return false;
-  };
+  var restoreState = React__namespace.useCallback(function () {
+    var stateString = getStorage().getItem(props.stateKey);
+    if (stateString) setPanelSizes(JSON.parse(stateString));
+  }, [getStorage, props.stateKey]);
 
   var onResizeStart = function onResizeStart(event, index) {
     gutterRef.current = gutterRefs.current[index];
@@ -37105,7 +37192,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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');
@@ -37120,25 +37209,34 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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();
@@ -37186,30 +37284,10 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
       }
     });
-
-    if (props.children && props.children.length) {
-      var initialized = false;
-
-      if (isStateful && !mounted.current) {
-        initialized = restoreState();
-      }
-
-      if (!initialized) {
-        var _panelSizes = [];
-        props.children.map(function (panel, i) {
-          var panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;
-          var panelSize = panelInitialSize || 100 / props.children.length;
-          _panelSizes[i] = panelSize;
-          panelElements[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-          return _panelSizes;
-        });
-        panelSizes.current = _panelSizes;
-        mounted.current && saveState();
-      }
-    }
-
-    mounted.current = true;
-  });
+  }, []);
+  React__namespace.useEffect(function () {
+    if (isStateful) restoreState();
+  }, [restoreState, isStateful]);
 
   var createPanel = function createPanel(panel, index) {
     var otherProps = ObjectUtils.findDiffKeys(panel.props, SplitterPanel.defaultProps);
@@ -37240,10 +37318,13 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-splitter-gutter-handle"
     }));
+    var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       key: index,
       className: panelClassName,
-      style: panel.props.style
+      style: _objectSpread$7(_objectSpread$7({}, panel.props.style), {}, {
+        flexBasis: flexBasis
+      })
     }, otherProps), panel.props.children), gutter);
   };
 
@@ -37264,22 +37345,22 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 SplitterPanel.displayName = 'SplitterPanel';
 SplitterPanel.defaultProps = {
   __TYPE: 'SplitterPanel',
-  size: null,
+  className: null,
   minSize: null,
-  style: null,
-  className: null
+  size: null,
+  style: null
 };
 Splitter.displayName = 'Splitter';
 Splitter.defaultProps = {
   __TYPE: 'Splitter',
-  id: null,
   className: null,
-  style: null,
-  layout: 'horizontal',
   gutterSize: 4,
+  id: null,
+  layout: 'horizontal',
+  onResizeEnd: null,
   stateKey: null,
   stateStorage: 'session',
-  onResizeEnd: null
+  style: null
 };
 
 var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -39010,15 +39091,15 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
-      return /*#__PURE__*/React__namespace.createElement("button", {
+      return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: "p-toast-icon-close p-link",
         onClick: onClose,
-        "aria-label": localeOption$1('close')
+        "aria-label": localeOption('close')
       }, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-toast-icon-close-icon pi pi-times",
         "aria-hidden": "true"
-      }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
+      }), /*#__PURE__*/React__namespace.createElement(Ripple, null)));
     }
 
     return null;
@@ -39081,19 +39162,19 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 
   var containerRef = React__namespace.useRef(null);
 
-  var show = function show(value) {
-    if (value) {
-      var messages = assignIdentifiers(value, true);
+  var show = function show(messageInfo) {
+    if (messageInfo) {
+      var messages = assignIdentifiers(messageInfo, true);
       messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
       setMessagesState(messages);
     }
   };
 
-  var assignIdentifiers = function assignIdentifiers(value, copy) {
+  var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
     var messages;
 
-    if (Array.isArray(value)) {
-      var multipleMessages = value.reduce(function (acc, message) {
+    if (Array.isArray(messageInfo)) {
+      var multipleMessages = messageInfo.reduce(function (acc, message) {
         acc.push({
           _pId: messageIdx++,
           message: message
@@ -39109,7 +39190,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     } else {
       var message = {
         _pId: messageIdx++,
-        message: value
+        message: messageInfo
       };
 
       if (copy) {
@@ -39127,12 +39208,12 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     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;
     });
@@ -39140,6 +39221,10 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     props.onRemove && props.onRemove(messageInfo.message);
   };
 
+  var onClose = function onClose(messageInfo) {
+    remove(messageInfo);
+  };
+
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
   };
@@ -39157,6 +39242,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       props: props,
       show: show,
       replace: replace,
+      remove: remove,
       clear: clear,
       getElement: function getElement() {
         return containerRef.current;
@@ -41189,7 +41275,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       onFilterValueChange: onFilterValueChange
     }), hasNoOptions && /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-treeselect-empty-message"
-    }, props.emptyMessage || localeOption$1('emptyMessage')));
+    }, props.emptyMessage || localeOption('emptyMessage')));
   };
 
   var createFilterElement = function createFilterElement() {
@@ -41234,7 +41320,7 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       type: "button",
       className: "p-treeselect-close p-link",
       onClick: hide,
-      "aria-label": localeOption$1('close')
+      "aria-label": localeOption('close')
     }, /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-treeselect-close-icon pi pi-times",
       "aria-hidden": "true"
@@ -41461,7 +41547,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
   });
@@ -42146,7 +42237,7 @@ var TreeTableBody = /*#__PURE__*/React__namespace.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__namespace.createElement("tr", null, /*#__PURE__*/React__namespace.createElement("td", {
         className: "p-treetable-emptymessage",
@@ -42434,6 +42525,7 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
         colSpan: column.props.colSpan
       }, filterElement);
     } else {
+      var headerCellRef = /*#__PURE__*/React__namespace.createRef(null);
       var sortMetaDataIndex = getMultiSortMetaDataIndex(column);
       var multiSortMetaData = sortMetaDataIndex !== -1 ? props.multiSortMeta[sortMetaDataIndex] : null;
       var singleSorted = column.props.field === props.sortField;
@@ -42449,8 +42541,11 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.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__namespace.createElement("th", {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", {
+        ref: headerCellRef,
         key: column.columnKey || column.field || options.index,
         className: className,
         style: column.props.headerStyle || column.props.style,
@@ -42481,7 +42576,10 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
         }
       }, resizer, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-column-title"
-      }, column.props.header), sortIconElement, sortBadge, filterElement);
+      }, column.props.header), sortIconElement, sortBadge, filterElement), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+        target: headerCellRef,
+        content: headerTooltip
+      }, column.props.headerTooltipOptions)));
     }
   };
 
@@ -43476,7 +43574,7 @@ var TreeTable = /*#__PURE__*/React__namespace.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,
@@ -43811,81 +43909,82 @@ var TreeTable = /*#__PURE__*/React__namespace.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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
@@ -44125,7 +44224,7 @@ exports.confirmDialog = confirmDialog;
 exports.confirmPopup = confirmPopup;
 exports["default"] = PrimeReact;
 exports.locale = locale;
-exports.localeOption = localeOption$1;
+exports.localeOption = localeOption;
 exports.localeOptions = localeOptions;
 exports.mask = mask;
 exports.updateLocaleOption = updateLocaleOption;