primereact 8.0.0 → 8.1.1

package/primereact.all.js

@@ -208,9 +208,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
   });
 
-  function ownKeys$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; }
   var locales = {
     'en': {
       startsWith: 'Starts with',
@@ -254,7 +254,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       strong: 'Strong',
       passwordPrompt: 'Enter a password',
       emptyFilterMessage: 'No available options',
-      emptyMessage: 'No results found'
+      emptyMessage: 'No results found',
+      aria: {
+        trueLabel: 'True',
+        falseLabel: 'False',
+        nullLabel: 'Not Selected',
+        pageLabel: 'Page',
+        firstPageLabel: 'First Page',
+        lastPageLabel: 'Last Page',
+        nextPageLabel: 'Next Page',
+        previousPageLabel: 'Previous Page'
+      }
     }
   };
 
@@ -267,7 +277,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }
 
   function addLocale(locale, options) {
-    locales[locale] = _objectSpread$z(_objectSpread$z({}, locales['en']), options);
+    locales[locale] = _objectSpread$A(_objectSpread$A({}, locales['en']), options);
   }
 
   function updateLocaleOption(key, value, locale) {
@@ -277,7 +287,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   function updateLocaleOptions(options, locale) {
     var _locale = locale || PrimeReact.locale;
 
-    locales[_locale] = _objectSpread$z(_objectSpread$z({}, locales[_locale]), options);
+    locales[_locale] = _objectSpread$A(_objectSpread$A({}, locales[_locale]), options);
   }
 
   function localeOption(key, locale) {
@@ -290,6 +300,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
   }
 
+  function ariaLabel(key) {
+    var _locale = PrimeReact.locale;
+
+    try {
+      return localeOptions(_locale)['aria'][key];
+    } catch (error) {
+      throw new Error("The ".concat(key, " option is not found in the current locale('").concat(_locale, "')."));
+    }
+  }
+
   function localeOptions(locale) {
     var _locale = locale || PrimeReact.locale;
 
@@ -1662,9 +1682,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
   }
 
-  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; }
   function mask(el, options) {
     var defaultOptions = {
       mask: null,
@@ -1677,7 +1697,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onFocus: null,
       onBlur: null
     };
-    options = _objectSpread$y(_objectSpread$y({}, defaultOptions), options);
+    options = _objectSpread$z(_objectSpread$z({}, defaultOptions), options);
     var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
 
     var caret = function caret(first, last) {
@@ -2385,9 +2405,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return ObjectUtils;
   }();
 
-  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 IconUtils = /*#__PURE__*/function () {
     function IconUtils() {
@@ -2410,7 +2430,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }));
 
           if (iconType !== 'string') {
-            var defaultContentOptions = _objectSpread$x({
+            var defaultContentOptions = _objectSpread$y({
               iconProps: iconProps,
               element: content
             }, options);
@@ -3027,9 +3047,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var useStorage = function useStorage(initialValue, key) {
     var storage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'local';
-    // Since the local storage API isn't available in server-rendering environments, 
+    // Since the local storage API isn't available in server-rendering environments,
     // we check that typeof window !== 'undefined' to make SSR and SSG work properly.
-    var storageAvailable = typeof window !== 'undefined';
+    var storageAvailable = typeof window !== 'undefined'; // subscribe to window storage event so changes in one tab to a stored value
+    // are properly reflected in all tabs
+
+    var _useEventListener = useEventListener({
+      target: 'window',
+      type: 'storage',
+      listener: function listener(event) {
+        var area = storage === 'local' ? window.localStorage : window.sessionStorage;
+
+        if (event.storageArea === area && event.key === key) {
+          setStoredValue(event.newValue || undefined);
+        }
+      }
+    }),
+        _useEventListener2 = _slicedToArray(_useEventListener, 2),
+        bindWindowStorageListener = _useEventListener2[0],
+        unbindWindowStorageListener = _useEventListener2[1];
 
     var _React$useState = React__namespace.useState(function () {
       if (!storageAvailable) {
@@ -3063,8 +3099,36 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
+    React__namespace.useEffect(function () {
+      bindWindowStorageListener();
+      return function () {
+        return unbindWindowStorageListener();
+      };
+    }, []);
     return [storedValue, setValue];
   };
+  /**
+   * Hook to wrap around useState that stores the value in the browser local storage.
+   *
+   * @param {any} initialValue the initial value to store
+   * @param {string} key the key to store the value in local storage
+   * @returns a stateful value, and a function to update it.
+   */
+
+  var useLocalStorage = function useLocalStorage(initialValue, key) {
+    return useStorage(initialValue, key, 'local');
+  };
+  /**
+   * Hook to wrap around useState that stores the value in the browser session storage.
+   *
+   * @param {any} initialValue the initial value to store
+   * @param {string} key the key to store the value in session storage
+   * @returns a stateful value, and a function to update it.
+   */
+
+  var useSessionStorage = function useSessionStorage(initialValue, key) {
+    return useStorage(initialValue, key, 'session');
+  };
   /* eslint-enable */
 
   /* eslint-disable */
@@ -3098,9 +3162,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* eslint-enable */
 
-  function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact.cssTransition;
 
@@ -3176,7 +3240,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         unmountOnExit: props.unmountOnExit
       };
 
-      var mergedProps = _objectSpread$w(_objectSpread$w(_objectSpread$w({}, mutableProps), props.options || {}), immutableProps);
+      var mergedProps = _objectSpread$x(_objectSpread$x(_objectSpread$x({}, mutableProps), props.options || {}), immutableProps);
 
       return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
     }
@@ -3186,9 +3250,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     __TYPE: 'CSSTransition'
   };
 
-  function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var AccordionTab = function AccordionTab() {};
   var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.id),
@@ -3253,7 +3317,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
 
     var createTabHeader = function createTabHeader(tab, selected, index) {
-      var style = _objectSpread$v(_objectSpread$v({}, tab.props.style || {}), tab.props.headerStyle || {});
+      var style = _objectSpread$w(_objectSpread$w({}, tab.props.style || {}), tab.props.headerStyle || {});
 
       var className = classNames('p-accordion-header', {
         'p-highlight': selected,
@@ -3289,7 +3353,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createTabContent = function createTabContent(tab, selected, index) {
-      var style = _objectSpread$v(_objectSpread$v({}, tab.props.style || {}), tab.props.contentStyle || {});
+      var style = _objectSpread$w(_objectSpread$w({}, tab.props.style || {}), tab.props.contentStyle || {});
 
       var className = classNames('p-toggleable-content', tab.props.contentClassName, tab.props.className);
       var contentId = idState + '_content_' + index;
@@ -4082,7 +4146,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var icon = createIcon();
     var label = createLabel();
     var badge = createBadge();
-    var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : '';
+    var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : props['aria-label'];
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", _extends({
       ref: elementRef,
       "aria-label": defaultAriaLabel
@@ -4298,9 +4362,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var OverlayService = EventBus();
 
-  function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var vertical = props.orientation === 'vertical';
     var horizontal = props.orientation === 'horizontal';
@@ -4842,7 +4906,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var loaderOptions = function loaderOptions(index, extOptions) {
       var count = loaderArrState.length;
-      return _objectSpread$u({
+      return _objectSpread$v({
         index: index,
         count: count,
         first: index === 0,
@@ -5062,9 +5126,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onLazyLoad: null
   };
 
-  function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var AutoCompletePanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
       return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
@@ -5121,8 +5185,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createContent = function createContent() {
       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
           }),
           items: props.suggestions,
@@ -5156,7 +5220,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createElement = function createElement() {
       var className = classNames('p-autocomplete-panel p-component', props.panelClassName);
 
-      var style = _objectSpread$t({
+      var style = _objectSpread$u({
         maxHeight: props.scrollHeight
       }, props.panelStyle || {});
 
@@ -5374,7 +5438,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var onOverlayEntering = function onOverlayEntering() {
       if (props.autoHighlight && props.suggestions && props.suggestions.length) {
-        DomHandler.addClass(overlayRef.current.firstChild.firstChild, 'p-highlight');
+        var element = getScrollableElement().firstChild.firstChild;
+        DomHandler.addClass(element, 'p-highlight');
       }
     };
 
@@ -5447,7 +5512,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               if (nextElement) {
                 DomHandler.addClass(nextElement, 'p-highlight');
                 DomHandler.removeClass(highlightItem, 'p-highlight');
-                DomHandler.scrollInView(overlayRef.current, nextElement);
+                DomHandler.scrollInView(getScrollableElement(), nextElement);
               }
             } else {
               highlightItem = DomHandler.findSingle(overlayRef.current, 'li');
@@ -5472,7 +5537,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               if (previousElement) {
                 DomHandler.addClass(previousElement, 'p-highlight');
                 DomHandler.removeClass(highlightItem, 'p-highlight');
-                DomHandler.scrollInView(overlayRef.current, previousElement);
+                DomHandler.scrollInView(getScrollableElement(), previousElement);
               }
             }
 
@@ -5605,6 +5670,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }) : -1;
     };
 
+    var getScrollableElement = function getScrollableElement() {
+      return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
+    };
+
     var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
       return props.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel) : optionGroup;
     };
@@ -5651,7 +5720,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createSimpleAutoComplete = function createSimpleAutoComplete() {
       var value = formatValue(props.value);
-      var ariaControls = idState + '_list';
+      var ariaControls = overlayVisibleState ? idState + '_list' : null;
       var className = classNames('p-autocomplete-input', props.inputClassName, {
         'p-autocomplete-dd-input': props.dropdown
       });
@@ -5661,10 +5730,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         type: props.type,
         name: props.name,
         defaultValue: value,
-        role: "searchbox",
+        role: "combobox",
         "aria-autocomplete": "list",
         "aria-controls": ariaControls,
-        "aria-labelledby": props.ariaLabelledBy,
+        "aria-haspopup": "listbox",
+        "aria-expanded": overlayVisibleState,
+        "aria-labelledby": props['aria-labelledby'],
+        "aria-label": props['aria-label'],
         className: className,
         style: props.inputStyle,
         autoComplete: "off",
@@ -5711,7 +5783,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createMultiInput = function createMultiInput() {
-      var ariaControls = idState + '_list';
+      var ariaControls = overlayVisibleState ? idState + '_list' : null;
       return /*#__PURE__*/React__namespace.createElement("li", {
         className: "p-autocomplete-input-token"
       }, /*#__PURE__*/React__namespace.createElement("input", {
@@ -5719,10 +5791,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         type: props.type,
         disabled: props.disabled,
         placeholder: props.placeholder,
-        role: "searchbox",
+        role: "combobox",
         "aria-autocomplete": "list",
         "aria-controls": ariaControls,
-        "aria-labelledby": props.ariaLabelledBy,
+        "aria-haspopup": "listbox",
+        "aria-expanded": overlayVisibleState,
+        "aria-labelledby": props['aria-labelledby'],
+        "aria-label": props['aria-label'],
         autoComplete: "off",
         tabIndex: props.tabIndex,
         onChange: onInputChange,
@@ -5799,10 +5874,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       ref: elementRef,
       id: idState,
       style: props.style,
-      className: className,
-      "aria-haspopup": "listbox",
-      "aria-expanded": overlayVisibleState,
-      "aria-owns": listId
+      className: className
     }, otherProps), input, loader, dropdown, /*#__PURE__*/React__namespace.createElement(AutoCompletePanel, _extends({
       ref: overlayRef,
       virtualScrollerRef: virtualScrollerRef
@@ -5864,13 +5936,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     autoFocus: false,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     completeMethod: null,
     itemTemplate: null,
     selectedItemTemplate: null,
     transitionOptions: null,
     dropdownIcon: 'pi pi-chevron-down',
     removeIcon: 'pi pi-times-circle',
+    'aria-label': null,
+    'aria-labelledby': null,
     onChange: null,
     onFocus: null,
     onBlur: null,
@@ -6116,7 +6189,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             url = home.url,
             disabled = home.disabled,
             style = home.style,
-            _className = home.className;
+            _className = home.className,
+            template = home.template;
 
         var _className2 = classNames('p-breadcrumb-home', {
           'p-disabled': disabled
@@ -6127,10 +6201,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, {
           props: props
         });
-        return /*#__PURE__*/React__namespace.createElement("li", {
-          className: _className2,
-          style: style
-        }, /*#__PURE__*/React__namespace.createElement("a", {
+        var content = /*#__PURE__*/React__namespace.createElement("a", {
           href: url || '#',
           className: "p-menuitem-link",
           "aria-disabled": disabled,
@@ -6138,7 +6209,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onClick: function onClick(event) {
             return itemClick(event, home);
           }
-        }, icon));
+        }, icon);
+
+        if (template) {
+          var defaultContentOptions = {
+            onClick: function onClick(event) {
+              return itemClick(event, home);
+            },
+            className: 'p-menuitem-link',
+            labelClassName: 'p-menuitem-text',
+            element: content,
+            props: props
+          };
+          content = ObjectUtils.getJSXElement(template, home, defaultContentOptions);
+        }
+
+        return /*#__PURE__*/React__namespace.createElement("li", {
+          className: _className2,
+          style: style
+        }, content);
       }
 
       return null;
@@ -8721,7 +8810,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
     };
 
-    var createTitleMonthElement = function createTitleMonthElement() {
+    var createTitleMonthElement = function createTitleMonthElement(month) {
       var monthNames = localeOption('monthNames', props.locale);
 
       if (props.monthNavigator && props.view !== 'month') {
@@ -8773,7 +8862,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: "p-datepicker-month p-link",
         onClick: switchToMonthView,
         disabled: switchViewButtonDisabled()
-      }, monthNames[currentMonth]);
+      }, monthNames[month]);
     };
 
     var createTitleYearElement = function createTitleYearElement() {
@@ -9389,7 +9478,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onExit: onOverlayExit,
       onExited: onOverlayExited,
       transitionOptions: props.transitionOptions
-    }, datePicker, timePicker, buttonBar, footer, monthPicker, yearPicker));
+    }, datePicker, timePicker, monthPicker, yearPicker, buttonBar, footer));
   }));
   Calendar.displayName = 'Calendar';
   Calendar.defaultProps = {
@@ -9527,6 +9616,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         script.onload = function () {
           if (!window.grecaptcha) {
+            // eslint-disable-next-line no-console
             console.warn('Recaptcha is not loaded');
             return;
           }
@@ -9689,10 +9779,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var prevPage = usePrevious(props.page);
     var isVertical = props.orientation === 'vertical';
     var circular = props.circular || !!props.autoplayInterval;
-    var isCircular = circular && props.value.length >= numVisibleState;
-    var isAutoplay = props.autoplayInterval && allowAutoplay.current;
+    var isCircular = circular && props.value && props.value.length >= numVisibleState;
     var currentPage = props.onPageChange ? props.page : pageState;
-    var totalIndicators = props.value ? Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1 : 0;
+    var totalIndicators = props.value ? Math.max(Math.ceil((props.value.length - numVisibleState) / numScrollState) + 1, 0) : 0;
+    var isAutoplay = totalIndicators && props.autoplayInterval && allowAutoplay.current;
 
     var _useResizeListener = useResizeListener({
       listener: function listener() {
@@ -10126,14 +10216,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'pi-chevron-left': !isVertical,
         'pi-chevron-up': isVertical
       });
-      return /*#__PURE__*/React__namespace.createElement("button", {
+      return /*#__PURE__*/React__namespace.createElement(Button, {
         type: "button",
         className: className,
+        icon: iconClassName,
         onClick: navBackward,
-        disabled: isDisabled
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
-      }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
+        disabled: isDisabled,
+        "aria-label": ariaLabel('previousPageLabel')
+      });
     };
 
     var createForwardNavigator = function createForwardNavigator() {
@@ -10145,14 +10235,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'pi-chevron-right': !isVertical,
         'pi-chevron-down': isVertical
       });
-      return /*#__PURE__*/React__namespace.createElement("button", {
+      return /*#__PURE__*/React__namespace.createElement(Button, {
         type: "button",
         className: className,
+        icon: iconClassName,
         onClick: navForward,
-        disabled: isDisabled
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
-      }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
+        disabled: isDisabled,
+        "aria-label": ariaLabel('nextPageLabel')
+      });
     };
 
     var createIndicator = function createIndicator(index) {
@@ -10164,13 +10254,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
         className: className
-      }, /*#__PURE__*/React__namespace.createElement("button", {
+      }, /*#__PURE__*/React__namespace.createElement(Button, {
         type: "button",
         className: "p-link",
         onClick: function onClick(e) {
           return onDotClick(e, index);
-        }
-      }, /*#__PURE__*/React__namespace.createElement(Ripple, null)));
+        },
+        "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(index + 1)
+      }));
     };
 
     var createIndicators = function createIndicators() {
@@ -10519,7 +10610,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var getOptionLabel = function getOptionLabel(option) {
-      return props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
+      var label = props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
+      return label || option;
     };
 
     var getOptionValue = function getOptionValue(option) {
@@ -10942,7 +11034,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
         inputRef.current.checked = !_checked;
         inputRef.current.focus();
-        event.preventDefault();
       }
     };
 
@@ -12096,7 +12187,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     rowReorderIcon: 'pi pi-bars',
     rowEditor: false,
     exportable: true,
-    reorderable: true
+    reorderable: true,
+    resizeable: true
   };
 
   var ColumnGroup = function ColumnGroup() {};
@@ -12598,9 +12690,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var icons = ObjectUtils.getJSXElement(props.icons, props);
         var header = ObjectUtils.getJSXElement(props.header, props);
         var headerId = idState + '_header';
+        var headerClassName = classNames('p-dialog-header', props.headerClassName);
         return /*#__PURE__*/React__namespace.createElement("div", {
           ref: headerRef,
-          className: "p-dialog-header",
+          style: props.headerStyle,
+          className: headerClassName,
           onMouseDown: onDragStart
         }, /*#__PURE__*/React__namespace.createElement("div", {
           id: headerId,
@@ -12722,6 +12816,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     modal: true,
     onHide: null,
     onShow: null,
+    headerStyle: null,
+    headerClassName: null,
     contentStyle: null,
     contentClassName: null,
     closeOnEscape: true,
@@ -12757,19 +12853,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     onMaskClick: null
   };
 
-  function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$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
       }));
     };
@@ -12959,19 +13055,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     reject: null
   };
 
-  function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var confirmPopup = function confirmPopup() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    props = _objectSpread$r(_objectSpread$r({}, props), {
+    props = _objectSpread$s(_objectSpread$s({}, props), {
       visible: props.visible === undefined ? true : props.visible
     });
     props.visible && OverlayService.emit('confirm-popup', props);
 
     var show = function show() {
       var updatedProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      OverlayService.emit('confirm-popup', _objectSpread$r(_objectSpread$r(_objectSpread$r({}, props), updatedProps), {
+      OverlayService.emit('confirm-popup', _objectSpread$s(_objectSpread$s(_objectSpread$s({}, props), updatedProps), {
         visible: true
       }));
     };
@@ -13907,9 +14003,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     lazy: false
   };
 
-  function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (props) {
     var report = {
       currentPage: props.page + 1,
@@ -13925,7 +14021,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, text);
 
     if (props.template) {
-      var defaultOptions = _objectSpread$q(_objectSpread$q({}, report), {
+      var defaultOptions = _objectSpread$r(_objectSpread$r({}, report), {
         className: 'p-paginator-current',
         element: element,
         props: props
@@ -13953,14 +14049,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
+      disabled: props.disabled,
+      "aria-label": ariaLabel('firstPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -13984,9 +14080,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     template: null
   };
 
-  function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14064,7 +14160,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var getDecimalExpression = function getDecimalExpression() {
-      var formatter = new Intl.NumberFormat(props.locale, _objectSpread$p(_objectSpread$p({}, getOptions()), {}, {
+      var formatter = new Intl.NumberFormat(props.locale, _objectSpread$q(_objectSpread$q({}, getOptions()), {}, {
         useGrouping: false
       }));
       return new RegExp("[".concat(formatter.format(1.1).replace(_currency.current, '').trim().replace(_numeral.current, ''), "]"), 'g');
@@ -14187,21 +14283,36 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (inputRef.current) {
         var step = props.step * dir;
         var currentValue = parseValue(inputRef.current.value) || 0;
-        var newValue = validateValue(currentValue + step);
-        updateInput(newValue, null, 'spin');
+        var newValue = validateValue(currentValue + step); // touch devices trigger the keyboard to display because of setSelectionRange
+
+        !DomHandler.isTouchDevice() && updateInput(newValue, null, 'spin');
         updateModel(event, newValue);
         handleOnChange(event, currentValue, newValue);
       }
     };
 
+    var onUpButtonTouchStart = function onUpButtonTouchStart(event) {
+      if (!props.disabled && !props.readOnly) {
+        repeat(event, null, 1);
+        event.preventDefault();
+      }
+    };
+
     var onUpButtonMouseDown = function onUpButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        inputRef.current.focus();
+        props.autoFocus && inputRef.current.focus();
         repeat(event, null, 1);
         event.preventDefault();
       }
     };
 
+    var onUpButtonTouchEnd = function onUpButtonTouchEnd() {
+      if (!props.disabled && !props.readOnly) {
+        clearTimer();
+        event.preventDefault();
+      }
+    };
+
     var onUpButtonMouseUp = function onUpButtonMouseUp() {
       if (!props.disabled && !props.readOnly) {
         clearTimer();
@@ -14226,9 +14337,23 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
+    var onDownButtonTouchStart = function onDownButtonTouchStart(event) {
+      if (!props.disabled && !props.readOnly) {
+        repeat(event, null, -1);
+        event.preventDefault();
+      }
+    };
+
+    var onDownButtonTouchEnd = function onDownButtonTouchEnd() {
+      if (!props.disabled && !props.readOnly) {
+        clearTimer();
+        event.preventDefault();
+      }
+    };
+
     var onDownButtonMouseDown = function onDownButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        inputRef.current.focus();
+        props.autoFocus && inputRef.current.focus();
         repeat(event, null, -1);
         event.preventDefault();
       }
@@ -14972,6 +15097,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onMouseUp: onUpButtonMouseUp,
         onKeyDown: onUpButtonKeyDown,
         onKeyUp: onUpButtonKeyUp,
+        onTouchStart: onUpButtonTouchStart,
+        onTouchEnd: onUpButtonTouchEnd,
         disabled: props.disabled,
         tabIndex: -1
       }, /*#__PURE__*/React__namespace.createElement("span", {
@@ -14992,6 +15119,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onMouseUp: onDownButtonMouseUp,
         onKeyDown: onDownButtonKeyDown,
         onKeyUp: onDownButtonKeyUp,
+        onTouchStart: onDownButtonTouchStart,
+        onTouchEnd: onDownButtonTouchEnd,
         disabled: props.disabled,
         tabIndex: -1
       }, /*#__PURE__*/React__namespace.createElement("span", {
@@ -15131,14 +15260,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
+      disabled: props.disabled,
+      "aria-label": ariaLabel('lastPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -15167,14 +15296,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-right';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
+      disabled: props.disabled,
+      "aria-label": ariaLabel('nextPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -15221,13 +15350,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'p-paginator-page-end': pageLink === endPageInView,
           'p-highlight': pageLink - 1 === props.page
         });
-        var element = /*#__PURE__*/React__namespace.createElement("button", {
+        var element = /*#__PURE__*/React__namespace.createElement(Button, {
           type: "button",
           className: className,
           onClick: function onClick(e) {
             return onPageLinkClick(e, pageLink);
-          }
-        }, pageLink, /*#__PURE__*/React__namespace.createElement(Ripple, null));
+          },
+          "aria-label": "".concat(ariaLabel('pageLabel'), " ").concat(pageLink + 1)
+        }, pageLink);
 
         if (props.template) {
           var defaultOptions = {
@@ -15274,14 +15404,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-left';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(Ripple, null));
+      disabled: props.disabled,
+      "aria-label": ariaLabel('previousPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -15332,9 +15462,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   DropdownItem.displayName = 'DropdownItem';
 
-  function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var virtualScrollerRef = React__namespace.useRef(null);
     var filterInputRef = React__namespace.useRef(null);
@@ -15472,14 +15602,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createContent = function createContent() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$o(_objectSpread$o({}, props.virtualScrollerOptions), {
-          style: _objectSpread$o(_objectSpread$o({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$p(_objectSpread$p({}, props.virtualScrollerOptions), {
+          style: _objectSpread$p(_objectSpread$p({}, props.virtualScrollerOptions.style), {
             height: props.scrollHeight
           }),
           className: classNames('p-dropdown-items-wrapper', props.virtualScrollerOptions.className),
           items: props.visibleOptions,
           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
             }));
           },
@@ -15549,9 +15679,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   DropdownPanel.displayName = 'DropdownPanel';
 
-  function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createForOfIteratorHelper$b(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$b(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
@@ -15619,7 +15749,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
 
               if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push(_objectSpread$n(_objectSpread$n({}, optgroup), {
+                filteredGroups.push(_objectSpread$o(_objectSpread$o({}, optgroup), {
                   items: filteredSubOptions
                 }));
               }
@@ -15688,16 +15818,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         case 38:
           onUpKey(event);
           break;
-        //space
+        //space and enter
 
         case 32:
-          overlayVisibleState ? hide() : show();
-          event.preventDefault();
-          break;
-        //enter
-
         case 13:
-          hide();
+          overlayVisibleState ? hide() : show();
           event.preventDefault();
           break;
         //escape and tab
@@ -16077,7 +16202,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (highlightItem && highlightItem.scrollIntoView) {
         highlightItem.scrollIntoView({
           block: 'nearest',
-          inline: 'start'
+          inline: 'nearest'
         });
       }
     };
@@ -16839,9 +16964,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   RowRadioButton.displayName = 'RowRadioButton';
 
-  function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(props.editing),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -16936,7 +17061,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var getCellCallbackParams = function getCellCallbackParams(event) {
       var params = getCellParams();
-      return _objectSpread$m({
+      return _objectSpread$n({
         originalEvent: event
       }, params);
     };
@@ -16983,7 +17108,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var newRowData = editingRowDataState;
       var newValue = resolveFieldData(newRowData);
 
-      var params = _objectSpread$m(_objectSpread$m({}, callbackParams), {}, {
+      var params = _objectSpread$n(_objectSpread$n({}, callbackParams), {}, {
         newRowData: newRowData,
         newValue: newValue
       });
@@ -17064,7 +17189,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$m({}, styleObjectState);
+        var styleObject = _objectSpread$n({}, styleObjectState);
 
         var align = getColumnProp('alignFrozen');
 
@@ -17094,7 +17219,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var editorCallback = function editorCallback(val) {
-      var editingRowData = _objectSpread$m({}, editingRowDataState);
+      var editingRowData = _objectSpread$n({}, editingRowDataState);
 
       editingRowData[field] = val;
       setEditingRowDataState(editingRowData); // update editing meta for complete methods on row mode
@@ -17326,7 +17451,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (props.editMode === 'cell' || props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
 
-        var params = _objectSpread$m(_objectSpread$m({}, callbackParams), {}, {
+        var params = _objectSpread$n(_objectSpread$n({}, callbackParams), {}, {
           editing: editingState,
           editingKey: editingKey
         });
@@ -17461,6 +17586,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           };
           content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", {
             type: "button",
+            name: "row-save",
             onClick: rowEditorProps.onSaveClick,
             className: rowEditorProps.saveClassName,
             tabIndex: props.tabIndex
@@ -17468,6 +17594,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             className: rowEditorProps.saveIconClassName
           }), /*#__PURE__*/React__namespace.createElement(Ripple, null)), /*#__PURE__*/React__namespace.createElement("button", {
             type: "button",
+            name: "row-cancel",
             onClick: rowEditorProps.onCancelClick,
             className: rowEditorProps.cancelClassName,
             tabIndex: props.tabIndex
@@ -17483,6 +17610,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           };
           content = /*#__PURE__*/React__namespace.createElement("button", {
             type: "button",
+            name: "row-edit",
             onClick: rowEditorProps.onInitClick,
             className: rowEditorProps.initClassName,
             tabIndex: props.tabIndex
@@ -17555,9 +17683,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   BodyCell.displayName = 'BodyCell';
 
-  function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -17799,7 +17927,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (dataKey) {
           var dataKeyValue = String(ObjectUtils.resolveFieldData(data, dataKey));
-          editingRows = props.editingRows ? _objectSpread$l({}, props.editingRows) : {};
+          editingRows = props.editingRows ? _objectSpread$m({}, props.editingRows) : {};
 
           if (!isEditing) {
             delete editingRows[dataKeyValue]; // if the key value was changed, stop editing for the new key value too
@@ -17992,9 +18120,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   var _excluded = ["originalEvent"];
 
-  function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TableBody = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -18436,7 +18564,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onSelect = function onSelect(event) {
-      if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$k(_objectSpread$k({
+      if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$l(_objectSpread$l({
         originalEvent: event.originalEvent
       }, event.data), {}, {
         type: event.type
@@ -18444,7 +18572,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onUnselect = function onUnselect(event) {
-      if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$k(_objectSpread$k({
+      if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$l(_objectSpread$l({
         originalEvent: event.originalEvent
       }, event.data), {}, {
         type: event.type
@@ -18513,12 +18641,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           anchorRowFirst.current = props.first;
 
           if (isSingleSelection()) {
-            onSingleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
+            onSingleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
           } else {
-            onMultipleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
+            onMultipleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
@@ -18598,7 +18726,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       if (hasDataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-        expandedRows = props.expandedRows ? _objectSpread$k({}, props.expandedRows) : {};
+        expandedRows = props.expandedRows ? _objectSpread$l({}, props.expandedRows) : {};
 
         if (expandedRows[dataKeyValue] != null) {
           delete expandedRows[dataKeyValue];
@@ -18734,14 +18862,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onRadioChange = function onRadioChange(event) {
-      onSingleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
+      onSingleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
         toggleable: true,
         type: 'radio'
       }));
     };
 
     var onCheckboxChange = function onCheckboxChange(event) {
-      onMultipleSelection(_objectSpread$k(_objectSpread$k({}, event), {}, {
+      onMultipleSelection(_objectSpread$l(_objectSpread$l({}, event), {}, {
         toggleable: true,
         type: 'checkbox'
       }));
@@ -19060,9 +19188,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableBody.displayName = 'TableBody';
 
-  function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19083,7 +19211,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$j({}, styleObjectState);
+        var styleObject = _objectSpread$k({}, styleObjectState);
 
         var _align = getColumnProp('alignFrozen');
 
@@ -19188,9 +19316,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableFooter.displayName = 'TableFooter';
 
-  function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -19323,7 +19451,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filterClearCallback = getColumnProp('onFilterClear');
       var defaultConstraint = getDefaultConstraint();
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       if (filters[field].operator) {
         filters[field].constraints.splice(1);
@@ -19388,7 +19516,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onInputChange = function onInputChange(event, index) {
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       var value = event.target.value;
 
@@ -19408,7 +19536,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onRowMatchModeChange = function onRowMatchModeChange(matchMode) {
       var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       filters[field].matchMode = matchMode;
       filterMatchModeChangeCallback && filterMatchModeChangeCallback({
@@ -19459,7 +19587,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filterOperationChangeCallback = getColumnProp('onFilterOperatorChange');
       var value = e.value;
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       filters[field].operator = value;
       props.onFilterChange(filters);
@@ -19476,7 +19604,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onMenuMatchModeChange = function onMenuMatchModeChange(value, index) {
       var filterMatchModeChangeCallback = getColumnProp('onFilterMatchModeChange');
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       filters[field].constraints[index].matchMode = value;
       props.onFilterChange(filters);
@@ -19495,7 +19623,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var filterConstraintAddCallback = getColumnProp('onFilterConstraintAdd');
       var defaultConstraint = getDefaultConstraint();
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       var newConstraint = {
         value: null,
@@ -19516,7 +19644,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var removeConstraint = function removeConstraint(index) {
       var filterConstraintRemoveCallback = getColumnProp('onFilterConstraintRemove');
 
-      var filters = _objectSpread$i({}, props.filters);
+      var filters = _objectSpread$j({}, props.filters);
 
       var removedConstraint = filters[field].constraints.splice(index, 1);
       filterConstraintRemoveCallback && filterConstraintRemoveCallback({
@@ -19629,7 +19757,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var filterCallback = function filterCallback(value) {
       var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
 
-      var filters = _objectSpread$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;
@@ -20034,9 +20162,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   HeaderCheckbox.displayName = 'HeaderCheckbox';
 
-  function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState({}),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20112,7 +20240,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$h({}, styleObjectState);
+        var styleObject = _objectSpread$i({}, styleObjectState);
 
         var align = getColumnProp('alignFrozen');
 
@@ -20346,7 +20474,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var align = getColumnProp('alignHeader') || getColumnProp('align');
       var className = classNames(getColumnProp('headerClassName'), getColumnProp('className'), _defineProperty({
         'p-sortable-column': getColumnProp('sortable'),
-        'p-resizable-column': props.resizableColumns,
+        'p-resizable-column': props.resizableColumns && getColumnProp('resizeable'),
         'p-highlight': sortMeta.sorted,
         'p-frozen-column': getColumnProp('frozen'),
         'p-selection-column': getColumnProp('selectionMode'),
@@ -20383,9 +20511,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   HeaderCell.displayName = 'HeaderCell';
 
-  function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState([]),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20527,7 +20655,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               selectionMode = _col$props.selectionMode,
               filter = _col$props.filter;
 
-          var colStyle = _objectSpread$g(_objectSpread$g({}, filterHeaderStyle || {}), style || {});
+          var colStyle = _objectSpread$h(_objectSpread$h({}, filterHeaderStyle || {}), style || {});
 
           var colClassName = classNames('p-filter-column', filterHeaderClassName, className, {
             'p-frozen-column': frozen
@@ -20573,9 +20701,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableHeader.displayName = 'TableHeader';
 
-  function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.first),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20642,6 +20770,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var wrapperRef = React__namespace.useRef(null);
     var reorderIndicatorUpRef = React__namespace.useRef(null);
     var reorderIndicatorDownRef = React__namespace.useRef(null);
+    var colReorderIconWidth = React__namespace.useRef(null);
+    var colReorderIconHeight = React__namespace.useRef(null);
     var resizeHelperRef = React__namespace.useRef(null);
     var draggedColumnElement = React__namespace.useRef(null);
     var draggedColumn = React__namespace.useRef(null);
@@ -21071,13 +21201,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           e.rowIndex;
           var editing = e.editing;
 
-      var editingMeta = _objectSpread$f({}, editingMetaState);
+      var editingMeta = _objectSpread$g({}, editingMetaState);
 
       var meta = editingMeta[editingKey];
 
       if (editing) {
         !meta && (meta = editingMeta[editingKey] = {
-          data: _objectSpread$f({}, rowData),
+          data: _objectSpread$g({}, rowData),
           fields: []
         });
         meta['fields'].push(field);
@@ -21246,8 +21376,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return;
       }
 
-      colReorderIconWidth = DomHandler.getHiddenElementOuterWidth(reorderIndicatorUpRef.current);
-      colReorderIconHeight = DomHandler.getHiddenElementOuterHeight(reorderIndicatorUpRef.current);
+      colReorderIconWidth.current = DomHandler.getHiddenElementOuterWidth(reorderIndicatorUpRef.current);
+      colReorderIconHeight.current = DomHandler.getHiddenElementOuterHeight(reorderIndicatorUpRef.current);
       draggedColumn.current = column;
       draggedColumnElement.current = findParentHeader(event.currentTarget);
       event.dataTransfer.setData('text', 'b'); // Firefox requires this to make dragging possible
@@ -21265,16 +21395,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var dropHeaderOffset = DomHandler.getOffset(dropHeader);
           var targetLeft = dropHeaderOffset.left - containerOffset.left;
           var columnCenter = dropHeaderOffset.left + dropHeader.offsetWidth / 2;
-          reorderIndicatorUpRef.current.style.top = dropHeaderOffset.top - containerOffset.top - (colReorderIconHeight - 1) + 'px';
+          reorderIndicatorUpRef.current.style.top = dropHeaderOffset.top - containerOffset.top - (colReorderIconHeight.current - 1) + 'px';
           reorderIndicatorDownRef.current.style.top = dropHeaderOffset.top - containerOffset.top + dropHeader.offsetHeight + 'px';
 
           if (event.pageX > columnCenter) {
-            reorderIndicatorUpRef.current.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(colReorderIconWidth / 2) + 'px';
-            reorderIndicatorDownRef.current.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(colReorderIconWidth / 2) + 'px';
+            reorderIndicatorUpRef.current.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(colReorderIconWidth.current / 2) + 'px';
+            reorderIndicatorDownRef.current.style.left = targetLeft + dropHeader.offsetWidth - Math.ceil(colReorderIconWidth.current / 2) + 'px';
             dropPosition.current = 1;
           } else {
-            reorderIndicatorUpRef.current.style.left = targetLeft - Math.ceil(colReorderIconWidth / 2) + 'px';
-            reorderIndicatorDownRef.current.style.left = targetLeft - Math.ceil(colReorderIconWidth / 2) + 'px';
+            reorderIndicatorUpRef.current.style.left = targetLeft - Math.ceil(colReorderIconWidth.current / 2) + 'px';
+            reorderIndicatorDownRef.current.style.left = targetLeft - Math.ceil(colReorderIconWidth.current / 2) + 'px';
             dropPosition.current = -1;
           }
 
@@ -21507,7 +21637,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var value = _toConsumableArray(data);
 
       if (columnSortable.current && columnSortFunction.current) {
-        value = columnSortFunction({
+        value = columnSortFunction.current({
           field: field,
           order: order
         });
@@ -21700,9 +21830,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           cloned[prop] = value.operator ? {
             operator: value.operator,
             constraints: value.constraints.map(function (constraint) {
-              return _objectSpread$f({}, constraint);
+              return _objectSpread$g({}, constraint);
             })
-          } : _objectSpread$f({}, value);
+          } : _objectSpread$g({}, value);
         });
       } else {
         var _columns2 = getColumns();
@@ -21743,7 +21873,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var filter = function filter(value, field, matchMode) {
       var index = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
 
-      var filters = _objectSpread$f({}, d_filtersState);
+      var filters = _objectSpread$g({}, d_filtersState);
 
       var meta = filters[field];
       var constraint = meta && meta.operator ? meta.constraints[index] : meta;
@@ -21870,7 +22000,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createEvent = function createEvent(event) {
-      return _objectSpread$f({
+      return _objectSpread$g({
         first: getFirst(),
         rows: getRows(),
         sortField: getSortField(),
@@ -23016,9 +23146,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     footer: null
   };
 
-  function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var contentRef = React__namespace.useRef(null);
     var toolbarRef = React__namespace.useRef(null);
@@ -23034,7 +23164,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         import('quill').then(function (module) {
           if (module && module["default"] && DomHandler.isExist(contentRef.current)) {
             quill.current = new module["default"](contentRef.current, {
-              modules: _objectSpread$e({
+              modules: _objectSpread$f({
                 toolbar: props.showHeader ? toolbarRef.current : false
               }, props.modules),
               placeholder: props.placeholder,
@@ -23559,8 +23689,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         style: props.style,
         "aria-valuemin": "0",
         "aria-valuenow": props.value,
-        "aria-valuemax": "100",
-        "aria-label": props.value
+        "aria-valuemax": "100"
       }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-progressbar-value p-progressbar-value-animate",
         style: {
@@ -23626,18 +23755,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         focusedState = _React$useState6[0],
         setFocusedState = _React$useState6[1];
 
+    var _React$useState7 = React__namespace.useState(false),
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        uploadingState = _React$useState8[0],
+        setUploadingState = _React$useState8[1];
+
     var fileInputRef = React__namespace.useRef(null);
     var messagesRef = React__namespace.useRef(null);
     var contentRef = React__namespace.useRef(null);
     var duplicateIEEvent = React__namespace.useRef(false);
     var uploadedFileCount = React__namespace.useRef(0);
     var hasFiles = ObjectUtils.isNotEmpty(filesState);
+    var disabled = props.disabled || uploadingState;
     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 = props.disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
-    var uploadDisabled = props.disabled || !hasFiles;
-    var cancelDisabled = props.disabled || !hasFiles;
+    var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
+    var uploadDisabled = disabled || !hasFiles;
+    var cancelDisabled = disabled || !hasFiles;
 
     var isImage = function isImage(file) {
       return /^image\//.test(file.type);
@@ -23692,7 +23827,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return;
       }
 
-      var currentFiles = filesState ? _toConsumableArray(filesState) : [];
+      var currentFiles = [];
+
+      if (props.multiple) {
+        currentFiles = filesState ? _toConsumableArray(filesState) : [];
+      }
+
       var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
 
       for (var i = 0; i < selectedFiles.length; i++) {
@@ -23764,6 +23904,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var upload = function upload(files) {
       files = files || filesState;
 
+      if (files && files.nativeEvent) {
+        files = filesState;
+      }
+
       if (props.customUpload) {
         if (props.fileLimit) {
           uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
@@ -23779,6 +23923,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
         }
       } else {
+        setUploadingState(true);
         var xhr = new XMLHttpRequest();
         var formData = new FormData();
 
@@ -23820,6 +23965,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         xhr.onreadystatechange = function () {
           if (xhr.readyState === 4) {
             setProgressState(0);
+            setUploadingState(false);
 
             if (xhr.status >= 200 && xhr.status < 300) {
               if (props.fileLimit) {
@@ -23861,6 +24007,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var clear = function clear() {
       setFilesState([]);
+      setUploadingState(false);
       props.onClear && props.onClear();
       clearInput();
     };
@@ -23885,7 +24032,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onDragEnter = function onDragEnter(event) {
-      if (!props.disabled) {
+      if (!disabled) {
         event.dataTransfer.dropEffect = 'copy';
         event.stopPropagation();
         event.preventDefault();
@@ -23893,7 +24040,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onDragOver = function onDragOver(event) {
-      if (!props.disabled) {
+      if (!disabled) {
         event.dataTransfer.dropEffect = 'copy';
         DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
         event.stopPropagation();
@@ -23902,25 +24049,32 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onDragLeave = function onDragLeave(event) {
-      if (!props.disabled) {
+      if (!disabled) {
         event.dataTransfer.dropEffect = 'copy';
         DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
       }
     };
 
     var onDrop = function onDrop(event) {
-      if (!props.disabled) {
-        DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
-        event.stopPropagation();
-        event.preventDefault();
-        var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
-        var allowDrop = props.multiple || files && files.length === 0;
-        allowDrop && onFileSelect(event);
+      if (props.disabled) {
+        return;
+      }
+
+      DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
+      event.stopPropagation();
+      event.preventDefault(); // give caller a chance to stop the drop
+
+      if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
+        return;
       }
+
+      var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
+      var allowDrop = props.multiple || ObjectUtils.isEmpty(filesState) && files && files.length === 1;
+      allowDrop && onFileSelect(event);
     };
 
     var onSimpleUploaderClick = function onSimpleUploaderClick() {
-      hasFiles ? upload() : fileInputRef.current.click();
+      !disabled && hasFiles ? upload() : fileInputRef.current.click();
     };
 
     React__namespace.useImperativeHandle(ref, function () {
@@ -23938,7 +24092,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           _icon = _props$chooseOptions.icon,
           iconOnly = _props$chooseOptions.iconOnly;
       var chooseClassName = classNames('p-button p-fileupload-choose p-component', {
-        'p-disabled': props.disabled,
+        'p-disabled': disabled,
         'p-focus': focusedState,
         'p-button-icon-only': iconOnly
       }, className);
@@ -23992,7 +24146,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         icon: "pi pi-times",
         onClick: function onClick(e) {
           return remove(e, index);
-        }
+        },
+        disabled: disabled
       }));
       var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, preview, fileName, size, removeButton);
 
@@ -24119,7 +24274,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var className = classNames('p-fileupload p-fileupload-basic p-component', props.className);
       var buttonClassName = classNames('p-button p-component p-fileupload-choose', {
         'p-fileupload-choose-selected': hasFiles,
-        'p-disabled': props.disabled,
+        'p-disabled': disabled,
         'p-focus': focusedState
       }, chooseOptions.className);
       var chooseIcon = chooseOptions.icon || classNames({
@@ -24149,7 +24304,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         type: "file",
         accept: props.accept,
         multiple: props.multiple,
-        disabled: props.disabled,
+        disabled: disabled,
         onChange: onFileSelect
       });
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -24223,6 +24378,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     progressBarTemplate: null,
     onBeforeUpload: null,
     onBeforeSend: null,
+    onBeforeDrop: null,
     onUpload: null,
     onError: null,
     onClear: null,
@@ -24255,6 +24411,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     useMountEffect(function () {
+      // eslint-disable-next-line no-console
       console.warn("FullCalendar component is deprecated. Use FullCalendar component of '@fullcalendar/react' package.");
       config.current = {
         theme: true
@@ -26741,14 +26898,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: "p-listbox-header"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-listbox-filter-container"
-    }, /*#__PURE__*/React__namespace.createElement(InputText, {
+    }, /*#__PURE__*/React__namespace.createElement(InputText, _extends({
       type: "text",
       value: props.filter,
       onChange: onFilter,
       className: "p-listbox-filter",
       disabled: props.disabled,
       placeholder: props.filterPlaceholder
-    }), /*#__PURE__*/React__namespace.createElement("span", {
+    }, props.filterInputProps)), /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-listbox-filter-icon pi pi-search"
     })));
   });
@@ -26821,18 +26978,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onClick: onClick,
       onTouchEnd: onTouchEnd,
       onKeyDown: onKeyDown,
-      tabIndex: props.tabIndex,
+      tabIndex: "-1",
       "aria-label": props.label,
       key: props.label,
       role: "option",
-      "aria-selected": props.selected
+      "aria-selected": props.selected,
+      "aria-disabled": props.disabled
     }, content, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   });
   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; } } }; }
 
@@ -27027,7 +27185,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
 
               if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push(_objectSpread$d(_objectSpread$d({}, optgroup), {
+                filteredGroups.push(_objectSpread$e(_objectSpread$e({}, optgroup), {
                   items: filteredSubOptions
                 }));
               }
@@ -27052,7 +27210,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         filter: filteredValue,
         onFilter: onFilter,
         disabled: props.disabled,
-        filterPlaceholder: props.filterPlaceholder
+        filterPlaceholder: props.filterPlaceholder,
+        filterInputProps: props.filterInputProps
       }) : null;
     };
 
@@ -27085,7 +27244,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
           key: key
         }, /*#__PURE__*/React__namespace.createElement("li", {
-          className: "p-listbox-item-group"
+          className: "p-listbox-item-group",
+          role: "group"
         }, groupContent), groupChildrenContent);
       } else {
         var optionLabel = getOptionLabel(option);
@@ -27112,10 +27272,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createList = function createList() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$d(_objectSpread$d({}, props.virtualScrollerOptions), {
+        var virtualScrollerProps = _objectSpread$e(_objectSpread$e({}, props.virtualScrollerOptions), {
           items: visibleOptions,
           onLazyLoad: function onLazyLoad(event) {
-            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$d(_objectSpread$d({}, event), {
+            return props.virtualScrollerOptions.onLazyLoad(_objectSpread$e(_objectSpread$e({}, event), {
               filter: visibleOptions
             }));
           },
@@ -27128,7 +27288,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               ref: option.contentRef,
               className: className,
               role: "listbox",
-              "aria-multiselectable": props.multiple
+              "aria-multiselectable": props.multiple,
+              "aria-labelledby": props['aria-labelledby'],
+              "aria-label": props['aria-label']
             }, option.children);
           }
         });
@@ -27141,7 +27303,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return /*#__PURE__*/React__namespace.createElement("ul", {
           className: "p-listbox-list",
           role: "listbox",
-          "aria-multiselectable": props.multiple
+          "aria-multiselectable": props.multiple,
+          "aria-labelledby": props['aria-labelledby'],
+          "aria-label": props['aria-label']
         }, items);
       }
     };
@@ -27196,10 +27360,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     filterMatchMode: 'contains',
     filterPlaceholder: null,
     filterLocale: undefined,
+    filterInputProps: null,
     tabIndex: 0,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
+    'aria-label': null,
+    'aria-labelledby': null,
     onChange: null,
     onFilterValueChange: null
   };
@@ -27606,9 +27772,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     orientation: 'horizontal'
   };
 
-  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),
@@ -27982,7 +28148,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createPanel = function createPanel() {
       var panelClassName = classNames('p-mention-panel p-component', props.panelClassName);
 
-      var panelStyle = _objectSpread$c({
+      var panelStyle = _objectSpread$d({
         maxHeight: props.scrollHeight
       }, props.panelStyle);
 
@@ -28030,10 +28196,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       style: props.style
     }, /*#__PURE__*/React__namespace.createElement(InputTextarea, _extends({
       ref: inputRef,
-      id: props.inputId
-    }, inputProps, {
+      id: props.inputId,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-label": props['aria-label'],
       className: inputClassName,
-      style: props.inputStyle,
+      style: props.inputStyle
+    }, inputProps, {
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown,
@@ -28063,6 +28231,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     headerTemplate: null,
     footerTemplate: null,
     itemTemplate: null,
+    'aria-label': null,
+    'aria-labelledby': null,
     transitionOptions: null,
     onChange: null,
     onInput: null,
@@ -28920,9 +29090,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   MultiSelectItem.displayName = 'MultiSelectItem';
 
-  function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var virtualScrollerRef = React__namespace.useRef(null);
 
@@ -29048,14 +29218,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var createContent = function createContent() {
       if (props.virtualScrollerOptions) {
-        var virtualScrollerProps = _objectSpread$b(_objectSpread$b({}, props.virtualScrollerOptions), {
-          style: _objectSpread$b(_objectSpread$b({}, props.virtualScrollerOptions.style), {
+        var virtualScrollerProps = _objectSpread$c(_objectSpread$c({}, props.virtualScrollerOptions), {
+          style: _objectSpread$c(_objectSpread$c({}, props.virtualScrollerOptions.style), {
             height: props.scrollHeight
           }),
           className: classNames('p-multiselect-items-wrapper', props.virtualScrollerOptions.className),
           items: props.visibleOptions,
           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
             }));
           },
@@ -29130,9 +29300,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   MultiSelectPanel.displayName = 'MultiSelectPanel';
 
-  function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
   function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
@@ -29380,7 +29550,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (highlightItem && highlightItem.scrollIntoView) {
         highlightItem.scrollIntoView({
           block: 'nearest',
-          inline: 'start'
+          inline: 'nearest'
         });
       }
     };
@@ -29696,9 +29866,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               var filteredSubOptions = FilterService.filter(getOptionGroupChildren(optgroup), searchFields, filterValue, props.filterMatchMode, props.filterLocale);
 
               if (filteredSubOptions && filteredSubOptions.length) {
-                filteredGroups.push(_objectSpread$a(_objectSpread$a({}, optgroup), {
-                  items: filteredSubOptions
-                }));
+                filteredGroups.push(_objectSpread$b(_objectSpread$b({}, optgroup), _defineProperty({}, props.optionGroupChildren, filteredSubOptions)));
               }
             }
           } catch (err) {
@@ -29898,13 +30066,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         setFocusedState = _React$useState2[1];
 
     var elementRef = React__namespace.useRef(null);
-    var inputRef = React__namespace.useRef(props.inputRef);
     var equalityKey = props.optionValue ? null : props.dataKey;
 
     var onClick = function onClick(event) {
       if (!props.disabled && !props.readOnly) {
         toggle(event);
-        inputRef.current.focus();
       }
     };
 
@@ -29912,6 +30078,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option;
     };
 
+    var getOptionAriaLabel = function getOptionAriaLabel(option) {
+      var ariaField = props.optionLabel || props.optionValue;
+      return ariaField ? ObjectUtils.resolveFieldData(option, ariaField) : option;
+    };
+
     var findNextOption = function findNextOption() {
       if (props.options) {
         return selectedOptionIndex === props.options.length - 1 ? props.empty ? null : props.options[0] : props.options[selectedOptionIndex + 1];
@@ -29945,6 +30116,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setFocusedState(false);
     };
 
+    var onKeyDown = function onKeyDown(e) {
+      if (e.keyCode === 32) {
+        toggle(e);
+        e.preventDefault();
+      }
+    };
+
     var getSelectedOptionMap = function getSelectedOptionMap() {
       var option, index;
 
@@ -29961,9 +30139,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       };
     };
 
-    React__namespace.useEffect(function () {
-      ObjectUtils.combinedRefs(inputRef, props.inputRef);
-    }, [inputRef, props.inputRef]);
     useMountEffect(function () {
       if (!props.empty && props.value === null) {
         toggle();
@@ -30003,6 +30178,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-focus': focusedState
     }, selectedOption && selectedOption.className);
     var icon = createIcon();
+    var ariaValueLabel = !!selectedOption ? getOptionAriaLabel(selectedOption) : ariaLabel('nullLabel');
+    var ariaChecked = !!selectedOption ? 'true' : 'false';
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: props.id,
@@ -30011,24 +30188,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, otherProps, {
       onClick: onClick
     }), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-hidden-accessible"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
-      ref: inputRef,
-      type: "checkbox",
-      "aria-labelledby": props.ariaLabelledBy,
-      id: props.inputId,
-      name: props.name,
+      className: boxClassName,
+      style: selectedOption && selectedOption.style,
+      tabIndex: props.tabIndex,
       onFocus: onFocus,
       onBlur: onBlur,
-      disabled: props.disabled,
-      readOnly: props.readOnly,
-      defaultChecked: !!selectedOption
-    })), /*#__PURE__*/React__namespace.createElement("div", {
-      className: boxClassName,
+      onKeyDown: onKeyDown,
       role: "checkbox",
-      "aria-checked": !!selectedOption,
-      style: selectedOption && selectedOption.style
-    }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+      "aria-checked": ariaChecked,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-label": props['aria-label']
+    }, icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
+      className: "p-sr-only",
+      "aria-live": "polite"
+    }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
     }, props.tooltipOptions)));
@@ -30037,22 +30210,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   MultiStateCheckbox.defaultProps = {
     __TYPE: 'MultiStateCheckbox',
     id: null,
-    inputRef: null,
-    inputId: null,
     value: null,
     options: null,
     optionValue: null,
+    optionLabel: null,
     iconTemplate: null,
     dataKey: null,
-    name: null,
     style: null,
     className: null,
     disabled: false,
     readOnly: false,
     empty: true,
+    tabIndex: "0",
+    'aria-label': null,
+    'aria-labelledby': null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     onChange: null
   };
 
@@ -30887,7 +31060,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           innerHTML += "\n                    @media screen and (max-width: ".concat(breakpoint, ") {\n                        .p-overlaypanel[").concat(attributeSelector.current, "] {\n                            width: ").concat(props.breakpoints[breakpoint], " !important;\n                        }\n                    }\n                ");
         }
 
-        styleElement.innerHTML = innerHTML;
+        styleElement.current.innerHTML = innerHTML;
       }
     };
 
@@ -31349,6 +31522,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         activeItemState = _React$useState4[0],
         setActiveItemState = _React$useState4[1];
 
+    var _React$useState5 = React__namespace.useState(false),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        animationDisabled = _React$useState6[0],
+        setAnimationDisabled = _React$useState6[1];
+
     var headerId = idState + '_header';
     var contentId = idState + '_content';
 
@@ -31418,6 +31596,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       setActiveItemState(findActiveItem());
     });
+    useUpdateEffect(function () {
+      setAnimationDisabled(true);
+      setActiveItemState(findActiveItem());
+    }, [props.model]);
+
+    var onEnter = function onEnter() {
+      setAnimationDisabled(false);
+    };
 
     var createPanel = function createPanel(item, index) {
       var key = item.label + '_' + index;
@@ -31490,6 +31676,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           enter: 1000,
           exit: 450
         },
+        onEnter: onEnter,
+        disabled: animationDisabled,
         "in": active,
         unmountOnExit: true,
         options: props.transitionOptions
@@ -32496,6 +32684,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
     var otherProps = ObjectUtils.findDiffKeys(props, PickList.defaultProps);
     var className = classNames('p-picklist p-component', props.className);
+    var sourceItemTemplate = props.sourceItemTemplate ? props.sourceItemTemplate : props.itemTemplate;
+    var targetItemTemplate = props.targetItemTemplate ? props.targetItemTemplate : props.itemTemplate;
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
       className: className,
@@ -32513,7 +32703,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onSelectionChange: function onSelectionChange(e) {
         return _onSelectionChange(e, 'sourceSelection', props.onSourceSelectionChange);
       },
-      itemTemplate: props.itemTemplate,
+      itemTemplate: sourceItemTemplate,
       header: props.sourceHeader,
       style: props.sourceStyle,
       className: "p-picklist-source-wrapper",
@@ -32535,7 +32725,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onSelectionChange: function onSelectionChange(e) {
         return _onSelectionChange(e, 'targetSelection', props.onTargetSelectionChange);
       },
-      itemTemplate: props.itemTemplate,
+      itemTemplate: targetItemTemplate,
       header: props.targetHeader,
       style: props.targetStyle,
       className: "p-picklist-target-wrapper",
@@ -32571,6 +32761,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     tabIndex: 0,
     dataKey: null,
     itemTemplate: null,
+    sourceItemTemplate: null,
+    targetItemTemplate: null,
     onChange: null,
     onMoveToSource: null,
     onMoveAllToSource: null,
@@ -32696,18 +32888,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       ref: inputRef,
       id: props.inputId,
       type: "radio",
-      "aria-labelledby": props.ariaLabelledBy,
       name: props.name,
       defaultChecked: props.checked,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
       disabled: props.disabled,
       required: props.required,
       tabIndex: props.tabIndex
     })), /*#__PURE__*/React__namespace.createElement("div", {
-      className: boxClassName,
-      role: "radio",
-      "aria-checked": props.checked
+      className: boxClassName
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-radiobutton-icon"
     }))), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
@@ -32731,7 +32922,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     tabIndex: null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
+    'aria-label': null,
+    'aria-labelledby': null,
     onChange: null
   };
 
@@ -33178,8 +33370,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onKeyDown = function onKeyDown(event) {
       var keyCode = event.which;
 
-      if (keyCode === 32 || keyCode === 13) {
-        //space and enter
+      if (keyCode === 32) {
         onClick(event);
         event.preventDefault();
       }
@@ -33202,7 +33393,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       role: "button",
       "aria-label": props.label,
       "aria-pressed": props.selected,
-      "aria-labelledby": props.ariaLabelledBy,
       onClick: onClick,
       onKeyDown: onKeyDown,
       tabIndex: props.tabIndex,
@@ -33302,8 +33492,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             template: props.itemTemplate,
             selected: selected,
             tabIndex: tabIndex,
-            disabled: isDisabled,
-            ariaLabelledBy: props.ariaLabelledBy
+            disabled: isDisabled
           });
         });
       }
@@ -33345,7 +33534,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     dataKey: null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     itemTemplate: null,
     onChange: null
   };
@@ -33601,13 +33789,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null
   };
 
+  function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _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 SlideMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(null),
         _React$useState2 = _slicedToArray(_React$useState, 2),
         activeItemState = _React$useState2[0],
         setActiveItemState = _React$useState2[1];
 
-    var onItemClick = function onItemClick(event, item) {
+    var _React$useState3 = React__namespace.useState({}),
+        _React$useState4 = _slicedToArray(_React$useState3, 2),
+        renderSubMenu = _React$useState4[0],
+        setRenderSubMenu = _React$useState4[1];
+
+    var onItemClick = function onItemClick(event, item, index) {
       if (item.disabled) {
         event.preventDefault();
         return;
@@ -33625,6 +33821,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       if (item.items) {
+        var key = createKey(item, index);
+        setRenderSubMenu(_objectSpread$a(_objectSpread$a({}, renderSubMenu), {}, _defineProperty({}, key, true)));
         setActiveItemState(item);
         props.onForward();
       }
@@ -33638,8 +33836,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     };
 
-    var createSubmenu = function createSubmenu(item) {
-      if (item.items) {
+    var createSubmenu = function createSubmenu(item, index) {
+      var shouldRender = renderSubMenu[createKey(item, index)];
+
+      if (item.items && shouldRender) {
         return /*#__PURE__*/React__namespace.createElement(SlideMenuSub, {
           menuProps: props.menuProps,
           model: item.items,
@@ -33654,8 +33854,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return null;
     };
 
+    var createKey = function createKey(item, index) {
+      return item.label + '_' + index;
+    };
+
     var createMenuitem = function createMenuitem(item, index) {
-      var key = item.label + '_' + index;
+      var key = createKey(item, index);
       var active = activeItemState === item;
       var className = classNames('p-menuitem', {
         'p-menuitem-active': active,
@@ -33674,13 +33878,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var submenuIcon = item.items && /*#__PURE__*/React__namespace.createElement("span", {
         className: submenuIconClassName
       });
-      var submenu = createSubmenu(item);
+      var submenu = createSubmenu(item, index);
       var content = /*#__PURE__*/React__namespace.createElement("a", {
         href: item.url || '#',
         className: "p-menuitem-link",
         target: item.target,
         onClick: function onClick(event) {
-          return onItemClick(event, item);
+          return onItemClick(event, item, index);
         },
         "aria-disabled": item.disabled
       }, icon, label, submenuIcon);
@@ -33688,7 +33892,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
-            return onItemClick(event, item);
+            return onItemClick(event, item, index);
           },
           className: 'p-menuitem-link',
           labelClassName: 'p-menuitem-text',
@@ -34156,7 +34360,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         "aria-valuemin": props.min,
         "aria-valuemax": props.max,
         "aria-valuenow": leftValue || bottomValue,
-        "aria-labelledby": props.ariaLabelledBy
+        "aria-labelledby": props['aria-labelledby'],
+        "aria-label": props['aria-label'],
+        "aria-orientation": props.orientation
       });
     };
 
@@ -34223,9 +34429,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null,
     disabled: false,
     tabIndex: 0,
-    ariaLabelledBy: null,
     onChange: null,
-    onSlideEnd: null
+    onSlideEnd: null,
+    'aria-label': null,
+    'aria-labelledby': null
   };
 
   function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -34615,7 +34822,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         role: "menuitem",
         className: className,
         target: target,
-        onClick: onClick
+        onClick: onClick,
+        "aria-label": _label
       }, icon, label);
 
       if (template) {
@@ -34666,9 +34874,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         ref: ref,
         className: className,
         style: props.menuStyle,
-        id: props.id,
         onClick: props.onClick
       }, /*#__PURE__*/React__namespace.createElement("ul", {
+        id: props.menuId,
         className: "p-menu-list p-reset",
         role: "menu"
       }, props.children)));
@@ -34795,13 +35003,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var menuButtonClassName = classNames('p-splitbutton-menubutton', props.menuButtonClassName);
     var buttonContent = props.buttonTemplate ? ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
     var items = createItems();
-    var panelId = idState + '_overlay';
+    var menuId = idState + '_menu';
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: idState,
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement(Button, {
+    }, otherProps), /*#__PURE__*/React__namespace.createElement(Button, _extends({
       ref: defaultButtonRef,
       type: "button",
       className: buttonClassName,
@@ -34810,19 +35018,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onClick: props.onClick,
       disabled: props.disabled,
       tabIndex: props.tabIndex
-    }, buttonContent), /*#__PURE__*/React__namespace.createElement(Button, {
+    }, props.buttonProps), buttonContent), /*#__PURE__*/React__namespace.createElement(Button, _extends({
       type: "button",
       className: menuButtonClassName,
       icon: props.dropdownIcon,
       onClick: onDropdownButtonClick,
       disabled: props.disabled,
       "aria-expanded": overlayVisibleState,
-      "aria-haspopup": true,
-      "aria-owns": panelId
-    }), /*#__PURE__*/React__namespace.createElement(SplitButtonPanel, {
+      "aria-haspopup": "true",
+      "aria-controls": overlayVisibleState ? menuId : null
+    }, props.menuButtonProps)), /*#__PURE__*/React__namespace.createElement(SplitButtonPanel, {
       ref: overlayRef,
       appendTo: props.appendTo,
-      id: panelId,
+      menuId: menuId,
       menuStyle: props.menuStyle,
       menuClassName: props.menuClassName,
       onClick: onPanelClick,
@@ -34851,6 +35059,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     menuStyle: null,
     menuClassName: null,
     menuButtonClassName: null,
+    buttonProps: null,
+    menuButtonProps: null,
     tabIndex: null,
     appendTo: null,
     tooltip: null,
@@ -34866,7 +35076,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   var SplitterPanel = function SplitterPanel() {};
   var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
-    var gutterRef = React__namespace.useRef(null);
+    var gutterRef = React__namespace.useRef();
+    var gutterRefs = React__namespace.useRef({});
     var size = React__namespace.useRef(null);
     var dragging = React__namespace.useRef(null);
     var startPos = React__namespace.useRef(null);
@@ -34970,6 +35181,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onResizeStart = function onResizeStart(event, index) {
+      gutterRef.current = gutterRefs.current[index];
       var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
       var pageY = event.type === 'touchstart' ? event.touches[0].pageY : event.pageY;
       size.current = props.layout === 'horizontal' ? DomHandler.getWidth(elementRef.current) : DomHandler.getHeight(elementRef.current);
@@ -35082,7 +35294,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         height: props.gutterSize + 'px'
       };
       var gutter = index !== props.children.length - 1 && /*#__PURE__*/React__namespace.createElement("div", {
-        ref: gutterRef,
+        ref: function ref(el) {
+          return gutterRefs.current[index] = el;
+        },
         className: "p-splitter-gutter",
         style: gutterStyle,
         onMouseDown: function onMouseDown(event) {
@@ -35285,8 +35499,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
 
         animating.current = false;
-      },
-      when: false
+      }
     }),
         _useEventListener2 = _slicedToArray(_useEventListener, 2),
         bindTargetEnterListener = _useEventListener2[0],
@@ -35303,23 +35516,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         unbindTargetLeaveListener();
         animating.current = false;
-      },
-      when: false
+      }
     }),
         _useEventListener4 = _slicedToArray(_useEventListener3, 2),
         bindTargetLeaveListener = _useEventListener4[0],
         unbindTargetLeaveListener = _useEventListener4[1];
 
     var _useEventListener5 = useEventListener({
-      type: 'animationend',
+      type: 'click',
       listener: function listener(event) {
-        if (getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+        if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
           unbindDocumentClickListener();
-        } else if (!elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target)) {
+        } else if (isOutsideClick(event)) {
           leave();
         }
       },
-      when: false
+      when: props.hideOnOutsideClick
     }),
         _useEventListener6 = _slicedToArray(_useEventListener5, 2),
         bindDocumentClickListener = _useEventListener6[0],
@@ -35335,8 +35547,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         } else {
           if (targetRef.current.offsetParent === null) enter();else leave();
         }
-      },
-      when: false
+      }
     }),
         _useEventListener8 = _slicedToArray(_useEventListener7, 2),
         bindClickListener = _useEventListener8[0],
@@ -35362,8 +35573,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
 
           bindTargetEnterListener({
-            target: targetRef.current,
-            when: true
+            target: targetRef.current
           });
         }
       } else {
@@ -35377,8 +35587,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       bindDocumentClickListener({
-        target: elementRef.current && elementRef.current.ownerDocument,
-        when: props.hideOnOutsideClick
+        target: elementRef.current && elementRef.current.ownerDocument
       });
     };
 
@@ -35393,8 +35602,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
 
           bindTargetLeaveListener({
-            target: targetRef.current,
-            when: true
+            target: targetRef.current
           });
         }
       } else {
@@ -35407,7 +35615,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       }
 
-      unbindDocumentClickListener();
+      if (props.hideOnOutsideClick) {
+        unbindDocumentClickListener();
+      }
     };
 
     var resolveTarget = function resolveTarget() {
@@ -35436,8 +35646,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var init = function init() {
       elementRef.current = ObjectUtils.getRefElement(props.nodeRef);
       bindClickListener({
-        target: elementRef.current,
-        when: true
+        target: elementRef.current
       });
     };
 
@@ -35447,13 +35656,23 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       targetRef.current = null;
     };
 
+    var isVisible = function isVisible(target) {
+      return target.offsetParent !== null;
+    };
+
+    var isOutsideClick = function isOutsideClick(event) {
+      return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
+    };
+
     useMountEffect(function () {
       init();
     });
     useUpdateEffect(function () {
-      destroy();
       init();
-    }, [props.nodeRef]);
+      return function () {
+        unbindClickListener();
+      };
+    });
     useUnmountEffect(function () {
       destroy();
     });
@@ -39435,6 +39654,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.createElement(TreeTableBodyCell, _extends({
         key: column.props.columnKey || column.props.field
       }, column.props, {
+        column: column,
         selectOnEdit: props.selectOnEdit,
         selected: isSelected(),
         node: props.node,
@@ -39948,6 +40168,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
+    var getColumnProp = function getColumnProp(column) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      return column ? typeof args[0] === 'string' ? column.props[args[0]] : (args[0] || column).props[args[1]] : null;
+    };
+
     var createSortIcon = function createSortIcon(column, sorted, sortOrder) {
       if (column.props.sortable) {
         var sortIcon = sorted ? sortOrder < 0 ? 'pi-sort-amount-down' : 'pi-sort-amount-up-alt' : 'pi-sort-alt';
@@ -40021,7 +40249,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var className = classNames(column.props.headerClassName || column.props.className, {
           'p-sortable-column': column.props.sortable,
           'p-highlight': sorted,
-          'p-resizable-column': props.resizableColumns
+          'p-resizable-column': props.resizableColumns && getColumnProp(column, 'resizeable')
         });
         var resizer = createResizer(column);
         return /*#__PURE__*/React__namespace.createElement("th", {
@@ -41465,12 +41693,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         setFocusedState = _React$useState2[1];
 
     var elementRef = React__namespace.useRef(null);
-    var inputRef = React__namespace.useRef(props.inputRef);
 
     var onClick = function onClick(event) {
-      if (!props.disabled) {
+      if (!props.disabled && !props.readOnly) {
         toggle(event);
-        inputRef.current.focus();
       }
     };
 
@@ -41501,9 +41727,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setFocusedState(false);
     };
 
-    React__namespace.useEffect(function () {
-      ObjectUtils.combinedRefs(inputRef, props.inputRef);
-    }, [inputRef, props.inputRef]);
+    var onKeyDown = function onKeyDown(e) {
+      if (e.keyCode === 32) {
+        toggle(e);
+        e.preventDefault();
+      }
+    };
+
     var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = ObjectUtils.findDiffKeys(props, TriStateCheckbox.defaultProps);
     var className = classNames('p-tristatecheckbox p-checkbox p-component', props.className);
@@ -41516,6 +41746,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'pi pi-check': props.value === true,
       'pi pi-times': props.value === false
     });
+    var ariaValueLabel = props.value ? ariaLabel('trueLabel') : props.value === false ? ariaLabel('falseLabel') : ariaLabel('nullLabel');
+    var ariaChecked = props.value ? 'true' : 'false';
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: props.id,
@@ -41524,24 +41756,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, otherProps, {
       onClick: onClick
     }), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-hidden-accessible"
-    }, /*#__PURE__*/React__namespace.createElement("input", {
-      ref: inputRef,
-      type: "checkbox",
-      "aria-labelledby": props.ariaLabelledBy,
-      id: props.inputId,
-      name: props.name,
+      className: boxClassName,
+      tabIndex: props.tabIndex,
       onFocus: onFocus,
       onBlur: onBlur,
-      disabled: props.disabled,
-      defaultChecked: props.value
-    })), /*#__PURE__*/React__namespace.createElement("div", {
-      className: boxClassName,
+      onKeyDown: onKeyDown,
       role: "checkbox",
-      "aria-checked": props.value === true
+      "aria-checked": ariaChecked,
+      "aria-labelledby": props['aria-labelledby'],
+      "aria-label": props['aria-label']
     }, /*#__PURE__*/React__namespace.createElement("span", {
       className: iconClassName
-    }))), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+    })), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
+      className: "p-sr-only",
+      "aria-live": "polite"
+    }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
     }, props.tooltipOptions)));
@@ -41550,16 +41779,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   TriStateCheckbox.defaultProps = {
     __TYPE: 'TriStateCheckbox',
     id: null,
-    inputRef: null,
-    inputId: null,
     value: null,
-    name: null,
     style: null,
     className: null,
     disabled: false,
+    readOnly: false,
+    tabIndex: "0",
+    'aria-label': null,
+    'aria-labelledby': null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     onChange: null
   };
 
@@ -41683,6 +41912,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   exports.VirtualScroller = VirtualScroller;
   exports.ZIndexUtils = ZIndexUtils;
   exports.addLocale = addLocale;
+  exports.ariaLabel = ariaLabel;
   exports.classNames = classNames;
   exports.confirmDialog = confirmDialog;
   exports.confirmPopup = confirmPopup;
@@ -41695,11 +41925,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   exports.updateLocaleOptions = updateLocaleOptions;
   exports.useEventListener = useEventListener;
   exports.useInterval = useInterval;
+  exports.useLocalStorage = useLocalStorage;
   exports.useMountEffect = useMountEffect;
   exports.useOverlayListener = useOverlayListener;
   exports.useOverlayScrollListener = useOverlayScrollListener;
   exports.usePrevious = usePrevious;
   exports.useResizeListener = useResizeListener;
+  exports.useSessionStorage = useSessionStorage;
   exports.useStorage = useStorage;
   exports.useTimeout = useTimeout;
   exports.useUnmountEffect = useUnmountEffect;