primereact 8.0.0-rc.2 → 8.1.0

package/primereact.all.js

@@ -208,9 +208,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
   });
 
-  function ownKeys$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);
@@ -3016,6 +3036,57 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   };
   /* eslint-enable */
 
+  /**
+   * Hook to wrap around useState that stores the value in the browser local/session storage.
+   *
+   * @param {any} initialValue the initial value to store
+   * @param {string} key the key to store the value in local/session storage
+   * @param {string} storage either 'local' or 'session' for what type of storage
+   * @returns a stateful value, and a function to update it.
+   */
+
+  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, 
+    // we check that typeof window !== 'undefined' to make SSR and SSG work properly.
+    var storageAvailable = typeof window !== 'undefined';
+
+    var _React$useState = React__namespace.useState(function () {
+      if (!storageAvailable) {
+        return initialValue;
+      }
+
+      try {
+        var item = storage === 'local' ? window.localStorage.getItem(key) : window.sessionStorage.getItem(key);
+        return item ? JSON.parse(item) : initialValue;
+      } catch (error) {
+        // If error also return initialValue
+        return initialValue;
+      }
+    }),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        storedValue = _React$useState2[0],
+        setStoredValue = _React$useState2[1];
+
+    var setValue = function setValue(value) {
+      try {
+        // Allow value to be a function so we have same API as useState
+        var valueToStore = value instanceof Function ? value(storedValue) : value;
+        setStoredValue(valueToStore);
+
+        if (storageAvailable) {
+          var serializedValue = JSON.stringify(valueToStore);
+          storage === 'local' ? window.localStorage.setItem(key, serializedValue) : window.sessionStorage.setItem(key, serializedValue);
+        }
+      } catch (error) {
+        throw new Error("PrimeReact useStorage: Failed to serialize the value at key: ".concat(key));
+      }
+    };
+
+    return [storedValue, setValue];
+  };
+  /* eslint-enable */
+
   /* eslint-disable */
   var useTimeout = function useTimeout(fn) {
     var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -3047,9 +3118,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;
 
@@ -3125,7 +3196,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);
     }
@@ -3135,9 +3206,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),
@@ -3202,7 +3273,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,
@@ -3238,7 +3309,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;
@@ -4031,7 +4102,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
@@ -4247,9 +4318,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';
@@ -4791,7 +4862,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,
@@ -5011,9 +5082,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);
@@ -5070,8 +5141,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,
@@ -5105,7 +5176,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 || {});
 
@@ -5600,7 +5671,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
       });
@@ -5610,10 +5681,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",
@@ -5660,7 +5734,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", {
@@ -5668,10 +5742,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,
@@ -5748,10 +5825,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
@@ -5813,13 +5887,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,
@@ -6065,7 +6140,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
@@ -6076,10 +6152,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,
@@ -6087,7 +6160,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;
@@ -8670,7 +8761,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') {
@@ -8722,7 +8813,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() {
@@ -9476,6 +9567,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;
           }
@@ -9625,7 +9717,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var itemsContainerRef = React__namespace.useRef(null);
     var remainingItems = React__namespace.useRef(0);
     var allowAutoplay = React__namespace.useRef(!!props.autoplayInterval);
-    var circular = React__namespace.useRef(props.circular || !!props.autoplayInterval);
     var attributeSelector = React__namespace.useRef('');
     var swipeThreshold = React__namespace.useRef(20);
     var startPos = React__namespace.useRef(null);
@@ -9638,10 +9729,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var prevValue = usePrevious(props.value);
     var prevPage = usePrevious(props.page);
     var isVertical = props.orientation === 'vertical';
-    var isCircular = circular && props.value.length >= numVisibleState;
-    var isAutoplay = props.autoplayInterval && allowAutoplay.current;
+    var circular = props.circular || !!props.autoplayInterval;
+    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() {
@@ -9680,7 +9772,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         page = 0;
       } else if (isCircular && pageState === 0 && dir === 1) {
         totalShiftedItems = 0;
-        page = totalShiftedItems - 1;
+        page = totalIndicators - 1;
       } else if (page === totalIndicators - 1 && remainingItems.current > 0) {
         totalShiftedItems += remainingItems.current * -1 - numScrollState * dir;
         isRemainingItemsAdded.current = true;
@@ -9893,7 +9985,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         remainingItems.current = (props.value.length - numVisibleState) % numScrollState;
         var page = currentPage;
 
-        if (totalIndicators !== 0 && pageState >= totalIndicators) {
+        if (totalIndicators !== 0 && page >= totalIndicators) {
           page = totalIndicators - 1;
 
           if (props.onPageChange) {
@@ -10075,14 +10167,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() {
@@ -10094,32 +10186,33 @@ 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) {
       var isActive = currentPage === index;
-      var key = 'p-carousel-indicator-' + index;
+      var key = 'carousel-indicator-' + index;
       var className = classNames('p-carousel-indicator', {
         'p-highlight': isActive
       });
       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() {
@@ -10468,7 +10561,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) {
@@ -10891,7 +10985,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
         inputRef.current.checked = !_checked;
         inputRef.current.focus();
-        event.preventDefault();
       }
     };
 
@@ -11133,14 +11226,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var values = props.value ? _toConsumableArray(props.value) : [];
 
         if (props.allowDuplicate || values.indexOf(item) === -1) {
-          values.push(item);
+          var allowAddition = true;
 
           if (props.onAdd) {
-            props.onAdd({
+            allowAddition = props.onAdd({
               originalEvent: event,
               value: item
             });
           }
+
+          if (allowAddition !== false) {
+            values.push(item);
+          }
         }
 
         updateInput(event, values, preventDefault);
@@ -12041,7 +12138,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() {};
@@ -12702,19 +12800,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
       }));
     };
@@ -12904,19 +13002,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
       }));
     };
@@ -13852,9 +13950,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,
@@ -13870,7 +13968,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
@@ -13898,14 +13996,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 = {
@@ -13929,9 +14027,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),
@@ -14009,7 +14107,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');
@@ -14132,21 +14230,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();
@@ -14171,9 +14284,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();
       }
@@ -14917,6 +15044,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", {
@@ -14937,6 +15066,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", {
@@ -15076,14 +15207,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 = {
@@ -15112,14 +15243,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 = {
@@ -15166,13 +15297,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 = {
@@ -15219,14 +15351,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 = {
@@ -15277,9 +15409,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);
@@ -15417,14 +15549,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
             }));
           },
@@ -15494,9 +15626,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; } } }; }
 
@@ -15564,7 +15696,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
                 }));
               }
@@ -15633,16 +15765,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
@@ -16784,9 +16911,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),
@@ -16881,7 +17008,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);
     };
@@ -16928,7 +17055,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
       });
@@ -17009,7 +17136,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');
 
@@ -17039,7 +17166,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
@@ -17271,7 +17398,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
         });
@@ -17406,6 +17533,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
@@ -17413,6 +17541,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
@@ -17428,6 +17557,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
@@ -17500,9 +17630,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),
@@ -17744,7 +17874,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
@@ -17937,9 +18067,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),
@@ -18381,7 +18511,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
@@ -18389,7 +18519,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
@@ -18458,12 +18588,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'
             }));
@@ -18543,7 +18673,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];
@@ -18679,14 +18809,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'
       }));
@@ -19005,9 +19135,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),
@@ -19028,7 +19158,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');
 
@@ -19133,9 +19263,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),
@@ -19268,7 +19398,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);
@@ -19333,7 +19463,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;
 
@@ -19353,7 +19483,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({
@@ -19404,7 +19534,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);
@@ -19421,7 +19551,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);
@@ -19440,7 +19570,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,
@@ -19461,7 +19591,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({
@@ -19574,7 +19704,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;
@@ -19979,9 +20109,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),
@@ -20057,7 +20187,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');
 
@@ -20291,7 +20421,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'),
@@ -20328,9 +20458,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),
@@ -20472,7 +20602,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
@@ -20518,9 +20648,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),
@@ -20587,6 +20717,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);
@@ -21016,13 +21148,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);
@@ -21191,8 +21323,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
@@ -21210,16 +21342,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;
           }
 
@@ -21452,7 +21584,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
         });
@@ -21645,9 +21777,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();
@@ -21688,7 +21820,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;
@@ -21815,7 +21947,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(),
@@ -22961,9 +23093,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);
@@ -22979,7 +23111,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,
@@ -23504,8 +23636,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: {
@@ -23571,18 +23702,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);
@@ -23637,7 +23774,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++) {
@@ -23709,6 +23851,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");
@@ -23724,6 +23870,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           });
         }
       } else {
+        setUploadingState(true);
         var xhr = new XMLHttpRequest();
         var formData = new FormData();
 
@@ -23765,6 +23912,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) {
@@ -23806,6 +23954,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     var clear = function clear() {
       setFilesState([]);
+      setUploadingState(false);
       props.onClear && props.onClear();
       clearInput();
     };
@@ -23830,7 +23979,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();
@@ -23838,7 +23987,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();
@@ -23847,25 +23996,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 () {
@@ -23883,7 +24039,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);
@@ -23937,7 +24093,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);
 
@@ -24064,7 +24221,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({
@@ -24094,7 +24251,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({
@@ -24168,6 +24325,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     progressBarTemplate: null,
     onBeforeUpload: null,
     onBeforeSend: null,
+    onBeforeDrop: null,
     onUpload: null,
     onError: null,
     onClear: null,
@@ -24200,6 +24358,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
@@ -26189,7 +26348,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onInput: onInput,
       onPaste: handleInputChange,
       required: props.required,
-      "aria-labelledby": props.ariaLabelledBy,
       tooltip: props.tooltip,
       tooltipOptions: props.tooltipOptions
     }));
@@ -26217,7 +26375,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     required: false,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     onComplete: null,
     onChange: null,
     onFocus: null,
@@ -26688,14 +26845,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"
     })));
   });
@@ -26768,18 +26925,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; } } }; }
 
@@ -26974,7 +27132,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
                 }));
               }
@@ -26999,7 +27157,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;
     };
 
@@ -27032,7 +27191,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);
@@ -27059,10 +27219,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
             }));
           },
@@ -27075,7 +27235,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);
           }
         });
@@ -27088,7 +27250,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);
       }
     };
@@ -27143,10 +27307,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
   };
@@ -27553,9 +27719,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),
@@ -27929,7 +28095,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);
 
@@ -27977,10 +28143,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,
@@ -28010,6 +28178,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,
@@ -28867,9 +29037,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);
 
@@ -28995,14 +29165,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
             }));
           },
@@ -29077,9 +29247,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; } } }; }
 
@@ -29327,7 +29497,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (highlightItem && highlightItem.scrollIntoView) {
         highlightItem.scrollIntoView({
           block: 'nearest',
-          inline: 'start'
+          inline: 'nearest'
         });
       }
     };
@@ -29643,9 +29813,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) {
@@ -29845,13 +30013,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();
       }
     };
 
@@ -29859,6 +30025,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];
@@ -29892,6 +30063,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;
 
@@ -29908,9 +30086,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();
@@ -29950,6 +30125,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,
@@ -29958,24 +30135,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)));
@@ -29984,22 +30157,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
   };
 
@@ -30834,7 +31007,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;
       }
     };
 
@@ -31296,6 +31469,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';
 
@@ -31365,6 +31543,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;
@@ -31437,6 +31623,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           enter: 1000,
           exit: 450
         },
+        onEnter: onEnter,
+        disabled: animationDisabled,
         "in": active,
         unmountOnExit: true,
         options: props.transitionOptions
@@ -32443,6 +32631,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,
@@ -32460,7 +32650,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",
@@ -32482,7 +32672,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",
@@ -32518,6 +32708,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     tabIndex: 0,
     dataKey: null,
     itemTemplate: null,
+    sourceItemTemplate: null,
+    targetItemTemplate: null,
     onChange: null,
     onMoveToSource: null,
     onMoveAllToSource: null,
@@ -32643,18 +32835,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({
@@ -32678,7 +32869,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     tabIndex: null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
+    'aria-label': null,
+    'aria-labelledby': null,
     onChange: null
   };
 
@@ -33125,8 +33317,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();
       }
@@ -33149,7 +33340,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,
@@ -33249,8 +33439,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             template: props.itemTemplate,
             selected: selected,
             tabIndex: tabIndex,
-            disabled: isDisabled,
-            ariaLabelledBy: props.ariaLabelledBy
+            disabled: isDisabled
           });
         });
       }
@@ -33292,7 +33481,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     dataKey: null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     itemTemplate: null,
     onChange: null
   };
@@ -33548,13 +33736,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;
@@ -33572,6 +33768,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();
       }
@@ -33585,8 +33783,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,
@@ -33601,8 +33801,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,
@@ -33621,13 +33825,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);
@@ -33635,7 +33839,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',
@@ -34103,7 +34307,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
       });
     };
 
@@ -34170,9 +34376,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; }
@@ -34562,7 +34769,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) {
@@ -34613,9 +34821,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)));
@@ -34742,13 +34950,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,
@@ -34757,19 +34965,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,
@@ -34798,6 +35006,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     menuStyle: null,
     menuClassName: null,
     menuButtonClassName: null,
+    buttonProps: null,
+    menuButtonProps: null,
     tabIndex: null,
     appendTo: null,
     tooltip: null,
@@ -34813,7 +35023,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);
@@ -34917,6 +35128,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);
@@ -35029,7 +35241,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) {
@@ -35258,11 +35472,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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();
         }
       },
@@ -35354,7 +35568,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       }
 
-      unbindDocumentClickListener();
+      if (props.hideOnOutsideClick) {
+        unbindDocumentClickListener();
+      }
     };
 
     var resolveTarget = function resolveTarget() {
@@ -35394,6 +35610,14 @@ 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();
     });
@@ -36878,7 +37102,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onKeyDown = function onKeyDown(event) {
-      if (event.key === 'Enter') {
+      if (event.keyCode === 32) {
         toggle(event);
         event.preventDefault();
       }
@@ -36920,7 +37144,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onBlur: props.onBlur,
       onKeyDown: onKeyDown,
       tabIndex: tabIndex,
-      "aria-labelledby": props.ariaLabelledBy
+      role: "button",
+      "aria-pressed": props.checked
     }), iconElement, /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-button-label"
     }, label), /*#__PURE__*/React__namespace.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
@@ -36943,7 +37168,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     tabIndex: 0,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     onChange: null,
     onFocus: null,
     onBlur: null
@@ -39382,6 +39606,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,
@@ -39895,6 +40120,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
+    var getColumnProp = function getColumnProp() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      return props.column ? typeof args[0] === 'string' ? props.column.props[args[0]] : (args[0] || props.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';
@@ -39968,7 +40201,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('resizeable')
         });
         var resizer = createResizer(column);
         return /*#__PURE__*/React__namespace.createElement("th", {
@@ -41412,12 +41645,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();
       }
     };
 
@@ -41448,9 +41679,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);
@@ -41463,6 +41698,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,
@@ -41471,24 +41708,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)));
@@ -41497,16 +41731,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
   };
 
@@ -41630,6 +41864,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;
@@ -41647,6 +41882,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   exports.useOverlayScrollListener = useOverlayScrollListener;
   exports.usePrevious = usePrevious;
   exports.useResizeListener = useResizeListener;
+  exports.useStorage = useStorage;
   exports.useTimeout = useTimeout;
   exports.useUnmountEffect = useUnmountEffect;
   exports.useUpdateEffect = useUpdateEffect;