primereact 10.8.2 → 10.8.4

package/core/core.js

@@ -211,10 +211,10 @@ this.primereact.utils = (function (exports, React) {
       key: "width",
       value: function width(el) {
         if (el) {
-          var width = el.offsetWidth;
+          var _width = el.offsetWidth;
           var style = getComputedStyle(el);
-          width = width - (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight));
-          return width;
+          _width = _width - (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight));
+          return _width;
         }
         return 0;
       }
@@ -432,7 +432,7 @@ this.primereact.utils = (function (exports, React) {
         var _this = this;
         var attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         if (element) {
-          var computedStyles = function computedStyles(rule, value) {
+          var _computedStyles = function computedStyles(rule, value) {
             var _element$$attrs, _element$$attrs2;
             var styles = element !== null && element !== void 0 && (_element$$attrs = element.$attrs) !== null && _element$$attrs !== void 0 && _element$$attrs[rule] ? [element === null || element === void 0 || (_element$$attrs2 = element.$attrs) === null || _element$$attrs2 === void 0 ? void 0 : _element$$attrs2[rule]] : [];
             return [value].flat().reduce(function (cv, v) {
@@ -441,7 +441,7 @@ this.primereact.utils = (function (exports, React) {
                 if (type === 'string' || type === 'number') {
                   cv.push(v);
                 } else if (type === 'object') {
-                  var _cv = Array.isArray(v) ? computedStyles(rule, v) : Object.entries(v).map(function (_ref3) {
+                  var _cv = Array.isArray(v) ? _computedStyles(rule, v) : Object.entries(v).map(function (_ref3) {
                     var _ref4 = _slicedToArray(_ref3, 2),
                       _k = _ref4[0],
                       _v = _ref4[1];
@@ -466,7 +466,7 @@ this.primereact.utils = (function (exports, React) {
               } else if (key === 'p-bind') {
                 _this.setAttributes(element, value);
               } else {
-                value = key === 'class' ? _toConsumableArray(new Set(computedStyles('class', value))).join(' ').trim() : key === 'style' ? computedStyles('style', value).join(';').trim() : value;
+                value = key === 'class' ? _toConsumableArray(new Set(_computedStyles('class', value))).join(' ').trim() : key === 'style' ? _computedStyles('style', value).join(';').trim() : value;
                 (element.$attrs = element.$attrs || {}) && (element.$attrs[key] = value);
                 element.setAttribute(key, value);
               }
@@ -885,15 +885,15 @@ this.primereact.utils = (function (exports, React) {
           element.style.opacity = 0;
           var last = +new Date();
           var opacity = 0;
-          var tick = function tick() {
+          var _tick = function tick() {
             opacity = +element.style.opacity + (new Date().getTime() - last) / duration;
             element.style.opacity = opacity;
             last = +new Date();
             if (+opacity < 1) {
-              window.requestAnimationFrame && requestAnimationFrame(tick) || setTimeout(tick, 16);
+              window.requestAnimationFrame && requestAnimationFrame(_tick) || setTimeout(_tick, 16);
             }
           };
-          tick();
+          _tick();
         }
       }
     }, {
@@ -1214,9 +1214,9 @@ this.primereact.utils = (function (exports, React) {
       key: "applyStyle",
       value: function applyStyle(element, style) {
         if (typeof style === 'string') {
-          element.style.cssText = this.style;
+          element.style.cssText = style;
         } else {
-          for (var prop in this.style) {
+          for (var prop in style) {
             element.style[prop] = style[prop];
           }
         }
@@ -3910,12 +3910,12 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
         var componentName = hostName || params.props && params.props.__TYPE && utils.ObjectUtils.toFlatCase(params.props.__TYPE) || '';
         var isTransition = fkey === 'transition';
         var datasetPrefix = 'data-pc-';
-        var getHostInstance = function getHostInstance(params) {
-          return params !== null && params !== void 0 && params.props ? params.hostName ? params.props.__TYPE === params.hostName ? params.props : getHostInstance(params.parent) : params.parent : undefined;
+        var _getHostInstance = function getHostInstance(params) {
+          return params !== null && params !== void 0 && params.props ? params.hostName ? params.props.__TYPE === params.hostName ? params.props : _getHostInstance(params.parent) : params.parent : undefined;
         };
         var getPropValue = function getPropValue(name) {
-          var _params$props, _getHostInstance;
-          return ((_params$props = params.props) === null || _params$props === void 0 ? void 0 : _params$props[name]) || ((_getHostInstance = getHostInstance(params)) === null || _getHostInstance === void 0 ? void 0 : _getHostInstance[name]);
+          var _params$props, _getHostInstance2;
+          return ((_params$props = params.props) === null || _params$props === void 0 ? void 0 : _params$props[name]) || ((_getHostInstance2 = _getHostInstance(params)) === null || _getHostInstance2 === void 0 ? void 0 : _getHostInstance2[name]);
         };
         ComponentBase.cParams = params;
         ComponentBase.cName = componentName;
@@ -3925,7 +3925,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
           _ref$mergeProps = _ref.mergeProps,
           useMergeProps = _ref$mergeProps === void 0 ? false : _ref$mergeProps;
         var getPTClassValue = function getPTClassValue() {
-          var value = getOptionValue.apply(void 0, arguments);
+          var value = _getOptionValue.apply(void 0, arguments);
           if (Array.isArray(value)) {
             return {
               className: utils.classNames.apply(void 0, _toConsumableArray(value))
@@ -3971,7 +3971,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
         var cx = function cx() {
           var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
           var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-          return !isUnstyled() ? getOptionValue(css && css.classes, key, _objectSpread({
+          return !isUnstyled() ? _getOptionValue(css && css.classes, key, _objectSpread({
             props: props,
             state: state
           }, params)) : undefined;
@@ -3982,11 +3982,11 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
           var when = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
           if (when) {
             var _ComponentBase$contex2;
-            var self = getOptionValue(css && css.inlineStyles, key, _objectSpread({
+            var self = _getOptionValue(css && css.inlineStyles, key, _objectSpread({
               props: props,
               state: state
             }, params));
-            var base = getOptionValue(inlineStyles, key, _objectSpread({
+            var base = _getOptionValue(inlineStyles, key, _objectSpread({
               props: props,
               state: state
             }, params));
@@ -4013,7 +4013,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
       });
     }
   };
-  var getOptionValue = function getOptionValue(obj) {
+  var _getOptionValue = function getOptionValue(obj) {
     var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var fKeys = String(utils.ObjectUtils.toFlatCase(key)).split('.');
@@ -4021,7 +4021,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
     var matchedPTOption = utils.ObjectUtils.isNotEmpty(obj) ? Object.keys(obj).find(function (k) {
       return utils.ObjectUtils.toFlatCase(k) === fKey;
     }) : '';
-    return fKey ? utils.ObjectUtils.isObject(obj) ? getOptionValue(utils.ObjectUtils.getItemValue(obj[matchedPTOption], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getItemValue(obj, params);
+    return fKey ? utils.ObjectUtils.isObject(obj) ? _getOptionValue(utils.ObjectUtils.getItemValue(obj[matchedPTOption], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getItemValue(obj, params);
   };
   var _getPT = function _getPT(pt) {
     var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -4073,7 +4073,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
   };
   var getDefaultPT = function getDefaultPT() {
     return _getPT(ComponentBase.context.pt || PrimeReact__default["default"].pt, undefined, function (value) {
-      return getOptionValue(value, ComponentBase.cName, ComponentBase.cParams) || utils.ObjectUtils.getItemValue(value, ComponentBase.cParams);
+      return _getOptionValue(value, ComponentBase.cName, ComponentBase.cParams) || utils.ObjectUtils.getItemValue(value, ComponentBase.cParams);
     });
   };
   var _useGlobalPT = function _useGlobalPT(callback, key, params) {
@@ -4089,7 +4089,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
       styled = _config$styled === void 0 ? false : _config$styled,
       _config$hostName = config.hostName,
       hostName = _config$hostName === void 0 ? '' : _config$hostName;
-    var globalCSS = _useGlobalPT(getOptionValue, 'global.css', ComponentBase.cParams);
+    var globalCSS = _useGlobalPT(_getOptionValue, 'global.css', ComponentBase.cParams);
     var componentName = utils.ObjectUtils.toFlatCase(name);
     var _useStyle = hooks.useStyle(baseStyle, {
         name: 'base',
@@ -4113,8 +4113,8 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
       load = _useStyle4.load;
     var hook = function hook(hookName) {
       if (!hostName) {
-        var selfHook = _usePT(_getPT((ComponentBase.cProps || {}).pt, componentName), getOptionValue, "hooks.".concat(hookName));
-        var defaultHook = _useDefaultPT(getOptionValue, "hooks.".concat(hookName));
+        var selfHook = _usePT(_getPT((ComponentBase.cProps || {}).pt, componentName), _getOptionValue, "hooks.".concat(hookName));
+        var defaultHook = _useDefaultPT(_getOptionValue, "hooks.".concat(hookName));
         selfHook === null || selfHook === void 0 || selfHook();
         defaultHook === null || defaultHook === void 0 || defaultHook();
       }
@@ -5187,9 +5187,6 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
         targetRef.current = overlayRef.current = null;
       }
     }, [target, overlay, when]);
-    React__namespace.useEffect(function () {
-      unbind();
-    }, [when]);
     useUnmountEffect(function () {
       unbind();
     });
@@ -5609,7 +5606,7 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Ripple = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       isMounted = _React$useState2[0],
@@ -5860,6 +5857,7 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup,
     var immutableProps = {
       nodeRef: props.nodeRef,
       "in": props["in"],
+      appear: props.appear,
       onEnter: onEnter,
       onEntering: onEntering,
       onEntered: onEntered,
@@ -6225,7 +6223,7 @@ this.primereact.icons.angledoubledown = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var AngleDoubleDownIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var AngleDoubleDownIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6291,7 +6289,7 @@ this.primereact.icons.angledoubleleft = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var AngleDoubleLeftIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var AngleDoubleLeftIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6357,7 +6355,7 @@ this.primereact.icons.angledoubleright = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var AngleDoubleRightIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var AngleDoubleRightIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6423,7 +6421,7 @@ this.primereact.icons.angledoubleup = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var AngleDoubleUpIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var AngleDoubleUpIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6489,7 +6487,7 @@ this.primereact.icons.angledown = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var AngleDownIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var AngleDownIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6553,7 +6551,7 @@ this.primereact.icons.angleleft = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var AngleLeftIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var AngleLeftIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6617,7 +6615,7 @@ this.primereact.icons.angleright = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var AngleRightIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var AngleRightIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6681,7 +6679,7 @@ this.primereact.icons.angleup = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var AngleUpIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var AngleUpIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6745,7 +6743,7 @@ this.primereact.icons.arrowdown = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var ArrowDownIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ArrowDownIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6811,7 +6809,7 @@ this.primereact.icons.arrowup = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var ArrowUpIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ArrowUpIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6877,7 +6875,7 @@ this.primereact.icons.ban = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var BanIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var BanIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -6941,7 +6939,7 @@ this.primereact.icons.bars = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var BarsIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var BarsIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7007,7 +7005,7 @@ this.primereact.icons.calendar = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var CalendarIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var CalendarIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7071,7 +7069,7 @@ this.primereact.icons.check = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var CheckIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var CheckIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7135,7 +7133,7 @@ this.primereact.icons.chevrondown = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var ChevronDownIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ChevronDownIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7199,7 +7197,7 @@ this.primereact.icons.chevronleft = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var ChevronLeftIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ChevronLeftIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7263,7 +7261,7 @@ this.primereact.icons.chevronright = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var ChevronRightIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ChevronRightIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7327,7 +7325,7 @@ this.primereact.icons.chevronup = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var ChevronUpIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ChevronUpIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7391,7 +7389,7 @@ this.primereact.icons.exclamationtriangle = (function (exports, React, iconbase)
     return _extends.apply(this, arguments);
   }
 
-  var ExclamationTriangleIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ExclamationTriangleIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7461,7 +7459,7 @@ this.primereact.icons.eye = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var EyeIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var EyeIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7527,7 +7525,7 @@ this.primereact.icons.eyeslash = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var EyeSlashIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var EyeSlashIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7593,7 +7591,7 @@ this.primereact.icons.filter = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var FilterIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var FilterIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7657,7 +7655,7 @@ this.primereact.icons.filterslash = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var FilterSlashIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var FilterSlashIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7723,7 +7721,7 @@ this.primereact.icons.infocircle = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var InfoCircleIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var InfoCircleIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7789,7 +7787,7 @@ this.primereact.icons.minus = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var MinusIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var MinusIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7853,7 +7851,7 @@ this.primereact.icons.pencil = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var PencilIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var PencilIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7917,7 +7915,7 @@ this.primereact.icons.plus = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var PlusIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var PlusIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -7981,7 +7979,7 @@ this.primereact.icons.refresh = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var RefreshIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var RefreshIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8047,7 +8045,7 @@ this.primereact.icons.search = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var SearchIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SearchIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8113,7 +8111,7 @@ this.primereact.icons.searchminus = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var SearchMinusIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SearchMinusIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8179,7 +8177,7 @@ this.primereact.icons.searchplus = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var SearchPlusIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SearchPlusIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8245,7 +8243,7 @@ this.primereact.icons.sortalt = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var SortAltIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SortAltIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8318,7 +8316,7 @@ this.primereact.icons.sortamountdown = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var SortAmountDownIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SortAmountDownIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8382,7 +8380,7 @@ this.primereact.icons.sortamountupalt = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var SortAmountUpAltIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SortAmountUpAltIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8446,7 +8444,7 @@ this.primereact.icons.spinner = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var SpinnerIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SpinnerIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8510,7 +8508,7 @@ this.primereact.icons.star = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var StarIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var StarIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8574,7 +8572,7 @@ this.primereact.icons.starfill = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var StarFillIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var StarFillIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8638,7 +8636,7 @@ this.primereact.icons.thlarge = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var ThLargeIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ThLargeIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8704,7 +8702,7 @@ this.primereact.icons.times = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var TimesIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var TimesIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8768,7 +8766,7 @@ this.primereact.icons.timescircle = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var TimesCircleIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var TimesCircleIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8834,7 +8832,7 @@ this.primereact.icons.trash = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var TrashIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var TrashIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8900,7 +8898,7 @@ this.primereact.icons.undo = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var UndoIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var UndoIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -8966,7 +8964,7 @@ this.primereact.icons.upload = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var UploadIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var UploadIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -9032,7 +9030,7 @@ this.primereact.icons.windowmaximize = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var WindowMaximizeIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var WindowMaximizeIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -9098,7 +9096,7 @@ this.primereact.icons.windowminimize = (function (exports, React, iconbase) {
     return _extends.apply(this, arguments);
   }
 
-  var WindowMinimizeIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var WindowMinimizeIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -9341,7 +9339,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = TooltipBase.getProps(inProps, context);
@@ -9357,6 +9355,10 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       _React$useState6 = _slicedToArray(_React$useState5, 2),
       classNameState = _React$useState6[0],
       setClassNameState = _React$useState6[1];
+    var _React$useState7 = React__namespace.useState(false),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      multipleFocusEvents = _React$useState8[0],
+      setMultipleFocusEvents = _React$useState8[1];
     var metaData = {
       props: props,
       state: {
@@ -9449,7 +9451,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
         }
         if (event === 'both') {
           showEvents = ['focus', 'mouseenter'];
-          hideEvents = ['blur', 'mouseleave'];
+          hideEvents = multipleFocusEvents ? ['blur'] : ['mouseleave', 'blur'];
         }
       }
       return {
@@ -9509,6 +9511,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       });
     };
     var show = function show(e) {
+      if (e.type && e.type === 'focus') setMultipleFocusEvents(true);
       currentTargetRef.current = e.currentTarget;
       var disabled = isDisabled(currentTargetRef.current);
       var empty = isContentEmpty(isShowOnDisabled(currentTargetRef.current) && disabled ? currentTargetRef.current.firstChild : currentTargetRef.current);
@@ -9536,6 +9539,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       }
     };
     var hide = function hide(e) {
+      if (e && e.type === 'blur') setMultipleFocusEvents(false);
       clearTimeouts();
       if (visibleState) {
         var success = sendCallback(props.onBeforeHide, {
@@ -10043,7 +10047,7 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var VirtualScroller = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = VirtualScrollerBase.getProps(inProps, context);
@@ -11098,7 +11102,7 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = CheckboxBase.getProps(inProps, context);
@@ -11386,7 +11390,7 @@ this.primereact.button = (function (exports, React, api, componentbase, hooks, u
 
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Badge = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = BadgeBase.getProps(inProps, context);
@@ -11481,7 +11485,7 @@ this.primereact.button = (function (exports, React, api, componentbase, hooks, u
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Button = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ButtonBase.getProps(inProps, context);
@@ -11700,7 +11704,8 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
       onPaste: null,
       tooltip: null,
       tooltipOptions: null,
-      validateOnly: false
+      validateOnly: false,
+      iconPosition: null
     },
     css: {
       classes: classes
@@ -11709,7 +11714,7 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var InputText = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = InputTextBase.getProps(inProps, context);
@@ -11717,7 +11722,8 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
         props: props
       }, props.__parentMetadata), {}, {
         context: {
-          disabled: props.disabled
+          disabled: props.disabled,
+          iconPosition: props.iconPosition
         }
       })),
       ptm = _InputTextBase$setMet.ptm,
@@ -12053,7 +12059,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = InputNumberBase.getProps(inProps, context);
@@ -12239,11 +12245,11 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       return null;
     };
-    var repeat = function repeat(event, interval, dir) {
+    var _repeat = function repeat(event, interval, dir) {
       var i = interval || 500;
       clearTimer();
       timer.current = setTimeout(function () {
-        repeat(event, 40, dir);
+        _repeat(event, 40, dir);
       }, i);
       spin(event, dir);
     };
@@ -12265,8 +12271,10 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     };
     var onUpButtonMouseDown = function onUpButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        utils.DomHandler.focus(inputRef.current, props.autoFocus);
-        repeat(event, null, 1);
+        if (!utils.DomHandler.isTouchDevice()) {
+          utils.DomHandler.focus(inputRef.current, props.autoFocus);
+        }
+        _repeat(event, null, 1);
         event.preventDefault();
       }
     };
@@ -12287,13 +12295,15 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     };
     var onUpButtonKeyDown = function onUpButtonKeyDown(event) {
       if (!props.disabled && !props.readOnly && (event.keyCode === 32 || event.keyCode === 13)) {
-        repeat(event, null, 1);
+        _repeat(event, null, 1);
       }
     };
     var onDownButtonMouseDown = function onDownButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        utils.DomHandler.focus(inputRef.current, props.autoFocus);
-        repeat(event, null, -1);
+        if (!utils.DomHandler.isTouchDevice()) {
+          utils.DomHandler.focus(inputRef.current, props.autoFocus);
+        }
+        _repeat(event, null, -1);
         event.preventDefault();
       }
     };
@@ -12314,7 +12324,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     };
     var onDownButtonKeyDown = function onDownButtonKeyDown(event) {
       if (!props.disabled && !props.readOnly && (event.keyCode === 32 || event.keyCode === 13)) {
-        repeat(event, null, -1);
+        _repeat(event, null, -1);
       }
     };
     var onInput = function onInput(event) {
@@ -12370,7 +12380,12 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         return;
       }
       if (event.altKey || event.ctrlKey || event.metaKey) {
-        isSpecialChar.current = true;
+        // #7039 Treat cut as normal character
+        if (event.key.toLowerCase() === 'x' && (event.ctrlKey || event.metaKey)) {
+          isSpecialChar.current = false;
+        } else {
+          isSpecialChar.current = true;
+        }
         return;
       }
       if (props.onKeyDown) {
@@ -12631,6 +12646,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         minusCharIndex = _getCharIndexes2.minusCharIndex,
         suffixCharIndex = _getCharIndexes2.suffixCharIndex,
         currencyCharIndex = _getCharIndexes2.currencyCharIndex;
+      var maxFractionDigits = numberFormat.current.resolvedOptions().maximumFractionDigits;
       var newValueStr;
       if (sign.isMinusSign) {
         var isNewMinusSign = minusCharIndex === -1;
@@ -12649,12 +12665,11 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         } else if (decimalCharIndex > selectionStart && decimalCharIndex < selectionEnd) {
           newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
           updateValue(event, newValueStr, text, 'insert');
-        } else if (decimalCharIndex === -1 && props.maxFractionDigits) {
+        } else if (decimalCharIndex === -1 && (maxFractionDigits || props.maxFractionDigits)) {
           newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
           updateValue(event, newValueStr, text, 'insert');
         }
       } else {
-        var maxFractionDigits = numberFormat.current.resolvedOptions().maximumFractionDigits;
         var operation = selectionStart !== selectionEnd ? 'range-insert' : 'insert';
         if (decimalCharIndex > 0 && selectionStart > decimalCharIndex) {
           if (selectionStart + text.length - (decimalCharIndex + 1) <= maxFractionDigits) {
@@ -12672,11 +12687,13 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       return value ? value.replace(_suffix.current, '').trim().replace(/\s/g, '').replace(_currency.current, '') : value;
     };
     var insertText = function insertText(value, text, start, end) {
-      var textSplit = text === '.' ? text : text.split('.');
+      var textSplit = isDecimalSign(text) ? text : text.split(_decimal.current);
       if (textSplit.length === 2) {
         var decimalCharIndex = value.slice(start, end).search(_decimal.current);
         _decimal.current.lastIndex = 0;
         return decimalCharIndex > 0 ? value.slice(0, start) + formatValue(text) + replaceSuffix(value).slice(end) : value || formatValue(text);
+      } else if (isDecimalSign(text) && value.length === 0) {
+        return formatValue('0.');
       } else if (end - start === value.length) {
         return formatValue(text);
       } else if (start === 0) {
@@ -12828,7 +12845,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         inputEl.value = newValue;
         inputEl.setSelectionRange(0, 0);
         var index = initCursor();
-        var selectionEnd = index + insertedValueStr.length;
+        var selectionEnd = index + insertedValueStr.length + (isDecimalSign(insertedValueStr) ? 1 : 0);
         inputEl.setSelectionRange(selectionEnd, selectionEnd);
       } else {
         var selectionStart = inputEl.selectionStart;
@@ -13345,7 +13362,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
 
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var UIMessage = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var mergeProps = hooks.useMergeProps();
     var messageInfo = props.message,
       parentMetaData = props.metaData,
@@ -13487,7 +13504,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var messageIdx = 0;
-  var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Messages = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = MessagesBase.getProps(inProps, context);
@@ -13558,7 +13575,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
           return msg._pId !== messageInfo._pId && !utils.ObjectUtils.deepEquals(msg.message, removeMessage);
         });
       });
-      props.onRemove && props.onRemove(removeMessage.message || removeMessage);
+      props.onRemove && props.onRemove(messageInfo.message || removeMessage);
     };
     var onClose = function onClose(messageInfo) {
       remove(messageInfo);
@@ -13746,7 +13763,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, hoo
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ProgressBar = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ProgressBarBase.getProps(inProps, context);
@@ -13842,7 +13859,7 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, hoo
 })({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, spinner, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple, check, iconbase) {
+this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase, hooks, chevrondown, chevronup, spinner, times, overlayservice, tooltip, utils, csstransition, search, portal, virtualscroller, ripple, check, iconbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14092,6 +14109,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       dataKey: null,
       disabled: false,
       dropdownIcon: null,
+      collapseIcon: null,
       editable: false,
       emptyFilterMessage: null,
       highlightOnSelect: true,
@@ -14161,7 +14179,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     }
   });
 
-  var BlankIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var BlankIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = iconbase.IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
       ref: ref,
@@ -14189,13 +14207,16 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       label = props.label,
       index = props.index,
       focusedOptionIndex = props.focusedOptionIndex,
+      ariaSetSize = props.ariaSetSize,
       checkmark = props.checkmark,
-      highlightOnSelect = props.highlightOnSelect;
+      highlightOnSelect = props.highlightOnSelect,
+      onInputKeyDown = props.onInputKeyDown;
     var getPTOptions = function getPTOptions(key) {
       return ptm(key, {
         context: {
           selected: selected,
-          disabled: disabled
+          disabled: disabled,
+          focused: index === focusedOptionIndex
         }
       });
     };
@@ -14209,6 +14230,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     };
     var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
     var itemProps = mergeProps({
+      id: "dropdownItem_".concat(index),
       role: 'option',
       key: props.label,
       className: utils.classNames(option.className, cx('item', {
@@ -14220,12 +14242,18 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         highlightOnSelect: highlightOnSelect
       })),
       style: props.style,
+      tabIndex: 0,
       onClick: function onClick(e) {
         return _onClick(e);
       },
+      onKeyDown: function onKeyDown(e) {
+        return onInputKeyDown(e);
+      },
       onMouseMove: function onMouseMove(e) {
         return props === null || props === void 0 ? void 0 : props.onMouseMove(e, index);
       },
+      'aria-setsize': ariaSetSize,
+      'aria-posinset': index + 1,
       'aria-label': label,
       'aria-selected': selected,
       'data-p-highlight': selected,
@@ -14253,7 +14281,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
 
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var DropdownPanel = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var mergeProps = hooks.useMergeProps();
     var ptm = props.ptm,
       cx = props.cx,
@@ -14261,6 +14289,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var filterInputRef = React__namespace.useRef(null);
     var isEmptyFilter = !(props.visibleOptions && props.visibleOptions.length) && props.hasFilter;
+    var ariaSetSize = props.visibleOptions ? props.visibleOptions.length : 0;
     var filterOptions = {
       filter: function filter(e) {
         return onFilterInputChange(e);
@@ -14294,7 +14323,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       });
     };
     var onFilterInputChange = function onFilterInputChange(event) {
-      props.virtualScrollerRef.current && props.virtualScrollerRef.current.scrollToIndex(0);
       props.onFilterInputChange && props.onFilterInputChange(event);
     };
     var createFooter = function createFooter() {
@@ -14326,7 +14354,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
       };
       style = _objectSpread$1(_objectSpread$1({}, style), option.style);
-      if (option.group && option.optionGroup && props.optionGroupLabel) {
+      if (option.group && props.optionGroupLabel) {
         var optionGroupLabel = props.optionGroupLabel;
         var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
         var key = index + '_' + props.getOptionGroupRenderKey(option);
@@ -14353,6 +14381,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         index: index,
         focusedOptionIndex: props.focusedOptionIndex,
         option: option,
+        ariaSetSize: ariaSetSize,
+        onInputKeyDown: props.onInputKeyDown,
         style: style,
         template: props.itemTemplate,
         selected: props.isSelected(option),
@@ -14537,7 +14567,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
   function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = DropdownBase.getProps(inProps, context);
@@ -14567,7 +14597,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var virtualScrollerRef = React__namespace.useRef(null);
     var searchTimeout = React__namespace.useRef(null);
     var searchValue = React__namespace.useRef(null);
-    React__namespace.useRef(null);
     var isLazy = props.virtualScrollerOptions && props.virtualScrollerOptions.lazy;
     var hasFilter = utils.ObjectUtils.isNotEmpty(filterState);
     var appendTo = props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo;
@@ -14604,13 +14633,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       unbindOverlayListener = _useOverlayListener2[1];
     var flatOptions = function flatOptions(options) {
       return (options || []).reduce(function (result, option, index) {
-        result.push({
-          optionGroup: option,
+        result.push(_objectSpread(_objectSpread({}, option), {}, {
           group: true,
-          index: index,
-          code: option.code,
-          label: option.label
-        });
+          index: index
+        }));
         var optionGroupChildren = getOptionGroupChildren(option);
         optionGroupChildren && optionGroupChildren.forEach(function (o) {
           return result.push(o);
@@ -14661,6 +14687,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       if (props.disabled || props.loading) {
         return;
       }
+      event.stopPropagation();
       props.onClick && props.onClick(event);
 
       // do not continue if the user defined click wants to prevent it
@@ -14721,12 +14748,13 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       });
     };
     var onInputKeyDown = function onInputKeyDown(event) {
-      if (props.disabled || utils.DomHandler.isAndroid()) {
+      if (props.disabled) {
         event.preventDefault();
         return;
       }
       var metaKey = event.metaKey || event.ctrlKey;
-      switch (event.code) {
+      var code = utils.DomHandler.isAndroid() ? event.key : event.code;
+      switch (code) {
         case 'ArrowDown':
           onArrowDownKey(event);
           break;
@@ -14888,11 +14916,16 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var changeFocusedOptionIndex = function changeFocusedOptionIndex(event, index) {
       if (focusedOptionIndex !== index) {
         setFocusedOptionIndex(index);
+        focusOnItem(index);
         if (props.selectOnFocus) {
           onOptionSelect(event, visibleOptions[index], false);
         }
       }
     };
+    var focusOnItem = function focusOnItem(index) {
+      var focusedItem = utils.DomHandler.findSingle(overlayRef.current, "li[id=\"dropdownItem_".concat(index, "\"]"));
+      focusedItem && focusedItem.focus();
+    };
     var onArrowDownKey = function onArrowDownKey(event) {
       if (!overlayVisibleState) {
         show();
@@ -14988,7 +15021,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     };
     var onBackspaceKey = function onBackspaceKey(event) {
       var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      if (pressedInInputText) {
+      if (event && pressedInInputText) {
         !overlayVisibleState && show();
       }
     };
@@ -15208,14 +15241,17 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       return "".concat(optionLabel);
     };
     var getOptionValue = function getOptionValue(option) {
+      if (props.useOptionAsValue) {
+        return option;
+      }
       var optionValue = props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option ? option['value'] : utils.ObjectUtils.resolveFieldData(option, 'value');
-      return utils.ObjectUtils.isNotEmpty(optionValue) ? optionValue : option;
+      return props.optionValue || utils.ObjectUtils.isNotEmpty(optionValue) ? optionValue : option;
     };
     var getOptionRenderKey = function getOptionRenderKey(option) {
       return props.dataKey ? utils.ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
     };
     var isOptionGroup = function isOptionGroup(option) {
-      return props.optionGroupLabel && option.optionGroup && option.group;
+      return props.optionGroupLabel && option.group;
     };
     var isOptionDisabled = function isOptionDisabled(option) {
       if (props.optionDisabled) {
@@ -15294,6 +15330,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         alignOverlay();
       }
     }, [overlayVisibleState, filterState, props.filter]);
+    hooks.useUpdateEffect(function () {
+      virtualScrollerRef.current && virtualScrollerRef.current.scrollInView(0);
+    }, [filterState]);
     hooks.useUpdateEffect(function () {
       if (filterState && (!props.options || props.options.length === 0)) {
         setFilterState('');
@@ -15440,7 +15479,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         className: cx('dropdownIcon'),
         'data-pr-overlay-visible': overlayVisibleState
       }, ptm('dropdownIcon'));
-      var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, dropdownIconProps);
+      var icon = !overlayVisibleState ? props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, dropdownIconProps) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, dropdownIconProps);
       var dropdownIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, dropdownIconProps), {
         props: props
       });
@@ -15480,7 +15519,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       onContextMenu: props.onContextMenu,
       onFocus: onFocus,
       'data-p-disabled': props.disabled,
-      'data-p-focus': focusedState
+      'data-p-focus': focusedState,
+      'aria-activedescendant': focusedState ? "dropdownItem_".concat(focusedOptionIndex) : undefined
     }, otherProps, ptm('root'));
     var firstHiddenFocusableElementProps = mergeProps({
       ref: firstHiddenFocusableElementOnOverlay,
@@ -15531,6 +15571,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       onFilterInputChange: onFilterInputChange,
       onFilterInputKeyDown: onFilterInputKeyDown,
       onOptionClick: onOptionClick,
+      onInputKeyDown: onInputKeyDown,
       ptm: ptm,
       resetFilter: resetFilter,
       changeFocusedOptionIndex: changeFocusedOptionIndex,
@@ -15551,7 +15592,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple, primereact.icons.check, primereact.iconbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.chevronup, primereact.icons.spinner, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple, primereact.icons.check, primereact.iconbase);
 
 this.primereact = this.primereact || {};
 this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, utils, times, windowmaximize, windowminimize, portal, ripple) {
@@ -15727,7 +15768,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
 
   function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var FocusTrap = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+  var FocusTrap = /*#__PURE__*/React__default["default"].memo(/*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
     var targetRef = React__default["default"].useRef(null);
     var firstFocusableElementRef = React__default["default"].useRef(null);
     var lastFocusableElementRef = React__default["default"].useRef(null);
@@ -16386,7 +16427,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     });
     var createCloseIcon = function createCloseIcon() {
       if (props.closable) {
-        var ariaLabel = props.ariaCloseIconLabel || PrimeReact.localeOption('close');
+        var labelAria = props.ariaCloseIconLabel || PrimeReact.ariaLabel('close');
         var closeButtonIconProps = mergeProps({
           className: cx('closeButtonIcon'),
           'aria-hidden': true
@@ -16399,7 +16440,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           ref: closeRef,
           type: 'button',
           className: cx('closeButton'),
-          'aria-label': ariaLabel,
+          'aria-label': labelAria,
           onClick: onClose,
           onKeyDown: function onKeyDown(ev) {
             if (ev.key !== 'Escape') {
@@ -17543,7 +17584,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Paginator = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = PaginatorBase.getProps(inProps, context);
@@ -18149,7 +18190,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
 
   function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = CheckboxBase.getProps(inProps, context);
@@ -18404,17 +18445,17 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       }
       return null;
     };
-    var findNextSiblingOfAncestor = function findNextSiblingOfAncestor(nodeElement) {
+    var _findNextSiblingOfAncestor = function findNextSiblingOfAncestor(nodeElement) {
       var parentNodeElement = getParentNodeElement(nodeElement);
-      return parentNodeElement ? findNextNonDroppointSibling(parentNodeElement) || findNextSiblingOfAncestor(parentNodeElement) : null;
+      return parentNodeElement ? findNextNonDroppointSibling(parentNodeElement) || _findNextSiblingOfAncestor(parentNodeElement) : null;
     };
-    var findLastVisibleDescendant = function findLastVisibleDescendant(nodeElement) {
+    var _findLastVisibleDescendant = function findLastVisibleDescendant(nodeElement) {
       var childrenListElement = nodeElement.children[1];
       if (childrenListElement) {
         //skip droppoint
         var offset = props.dragdropScope ? 2 : 1;
         var lastChildElement = childrenListElement.children[childrenListElement.children.length - offset];
-        return findLastVisibleDescendant(lastChildElement);
+        return _findLastVisibleDescendant(lastChildElement);
       }
       return nodeElement;
     };
@@ -18443,7 +18484,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
           selectionKeys = props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
           if (checked) {
             if (props.propagateSelectionDown) {
-              propagateDown(props.node, false, selectionKeys);
+              _propagateDown(props.node, false, selectionKeys);
             } else {
               delete selectionKeys[props.node.key];
             }
@@ -18462,7 +18503,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
             }
           } else {
             if (props.propagateSelectionDown) {
-              propagateDown(props.node, true, selectionKeys);
+              _propagateDown(props.node, true, selectionKeys);
             } else {
               selectionKeys[props.node.key] = {
                 checked: true
@@ -18627,7 +18668,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       } else if (nextElement) {
         focusRowChange(nodeElement, nextElement);
       } else {
-        var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
+        var nextSiblingAncestor = _findNextSiblingOfAncestor(nodeElement);
         if (nextSiblingAncestor) {
           focusRowChange(nodeElement, nextSiblingAncestor);
         }
@@ -18652,7 +18693,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       var nodeElement = event.target;
       var previous = getPreviousElement(nodeElement);
       if (previous) {
-        focusRowChange(nodeElement, previous, findLastVisibleDescendant(previous));
+        focusRowChange(nodeElement, previous, _findLastVisibleDescendant(previous));
       } else {
         var parentNodeElement = getParentNodeElement(nodeElement);
         if (parentNodeElement) {
@@ -18677,7 +18718,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         togglerElement.click();
         return false;
       }
-      var target = findBeforeClickableNode(event.currentTarget);
+      var target = _findBeforeClickableNode(event.currentTarget);
       if (target) {
         focusRowChange(event.currentTarget, target);
       }
@@ -18723,14 +18764,14 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       currentFocusedRow.tabIndex = '0';
       focusNode(lastVisibleDescendant || currentFocusedRow);
     };
-    var findBeforeClickableNode = function findBeforeClickableNode(node) {
+    var _findBeforeClickableNode = function findBeforeClickableNode(node) {
       var parentListElement = node.closest('ul').closest('li');
       if (parentListElement) {
         var prevNodeButton = utils.DomHandler.findSingle(parentListElement, 'button');
         if (prevNodeButton && prevNodeButton.style.visibility !== 'hidden') {
           return parentListElement;
         }
-        return findBeforeClickableNode(node.previousElementSibling);
+        return _findBeforeClickableNode(node.previousElementSibling);
       }
       return null;
     };
@@ -18782,7 +18823,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         props.onPropagateUp(event);
       }
     };
-    var propagateDown = function propagateDown(node, check, selectionKeys) {
+    var _propagateDown = function propagateDown(node, check, selectionKeys) {
       if (check) {
         selectionKeys[node.key] = {
           checked: true,
@@ -18793,7 +18834,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       }
       if (node.children && node.children.length) {
         for (var i = 0; i < node.children.length; i++) {
-          propagateDown(node.children[i], check, selectionKeys);
+          _propagateDown(node.children[i], check, selectionKeys);
         }
       }
     };
@@ -19096,7 +19137,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       var checked = isChecked();
       var content = createContent();
       var children = createChildren();
-      var nodeProps = mergeProps(_defineProperty(_defineProperty({
+      var nodeProps = mergeProps({
         ref: elementRef,
         className: utils.classNames(props.node.className, cx('node', {
           isLeaf: isLeaf
@@ -19110,12 +19151,13 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         'aria-checked': checked,
         'aria-setsize': props.node.children ? props.node.children.length : 0,
         'aria-posinset': props.index + 1,
-        onKeyDown: onKeyDown
-      }, "aria-expanded", expanded), 'aria-selected', checked || selected), getPTOptions('node'));
+        onKeyDown: onKeyDown,
+        'aria-selected': checked || selected
+      }, getPTOptions('node'));
       return /*#__PURE__*/React__namespace.createElement("li", nodeProps, content, children);
     };
     var node = createNode();
-    if (props.dragdropScope && !props.disabled && props.node.droppable) {
+    if (props.dragdropScope && !props.disabled && (!props.parent || props.parent.droppable !== false)) {
       var beforeDropPoint = createDropPoint(-1);
       var afterDropPoint = props.last ? createDropPoint(1) : null;
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, beforeDropPoint, node, afterDropPoint);
@@ -19129,7 +19171,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(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; } } }; }
   function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
   function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-  var Tree = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Tree = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = TreeBase.getProps(inProps, context);
@@ -19222,16 +19264,16 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
      * Deep copy a value. If the value has a data property, it will be shallow copied.
      * Values that are not plain objects or arrays are returned as-is.
      */
-    var cloneValue = function cloneValue(value) {
+    var _cloneValue = function cloneValue(value) {
       if (Array.isArray(value)) {
-        return value.map(cloneValue);
+        return value.map(_cloneValue);
       } else if (!!value && Object.getPrototypeOf(value) === Object.prototype) {
         var result = {};
 
         // Leave data property alone and clone children
         for (var key in value) {
           if (key !== 'data') {
-            result[key] = cloneValue(value[key]);
+            result[key] = _cloneValue(value[key]);
           } else {
             result[key] = value[key];
           }
@@ -19243,12 +19285,12 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     var onDrop = function onDrop(event) {
       var _dragState$current;
       if (validateDropNode((_dragState$current = dragState.current) === null || _dragState$current === void 0 ? void 0 : _dragState$current.path, event.path)) {
-        var value = cloneValue(props.value);
+        var value = _cloneValue(props.value);
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
-        var dragNodeParent = findNode(value, dragPaths);
+        var dragNodeParent = _findNode(value, dragPaths);
         var dragNode = dragNodeParent ? dragNodeParent.children[dragState.current.index] : value[dragState.current.index];
-        var dropNode = findNode(value, event.path.split('-'));
+        var dropNode = _findNode(value, event.path.split('-'));
         if (dropNode.children) {
           dropNode.children.push(dragNode);
         } else {
@@ -19272,13 +19314,13 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     };
     var onDropPoint = function onDropPoint(event) {
       if (validateDropPoint(event)) {
-        var value = cloneValue(props.value);
+        var value = _cloneValue(props.value);
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
         var dropPaths = event.path.split('-');
         dropPaths.pop();
-        var dragNodeParent = findNode(value, dragPaths);
-        var dropNodeParent = findNode(value, dropPaths);
+        var dragNodeParent = _findNode(value, dragPaths);
+        var dropNodeParent = _findNode(value, dropPaths);
         var dragNode = dragNodeParent ? dragNodeParent.children[dragState.current.index] : value[dragState.current.index];
         var siblings = areSiblings(dragState.current.path, event.path);
         if (dragNodeParent) {
@@ -19354,7 +19396,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       }
       return path1.substring(0, path1.lastIndexOf('-')) === path2.substring(0, path2.lastIndexOf('-'));
     };
-    var findNode = function findNode(value, path) {
+    var _findNode = function findNode(value, path) {
       if (path.length === 0) {
         return null;
       }
@@ -19364,7 +19406,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         return nextSearchRoot;
       }
       path.shift();
-      return findNode(nextSearchRoot, path);
+      return _findNode(nextSearchRoot, path);
     };
     var isNodeLeaf = function isNodeLeaf(node) {
       return node.leaf === false ? false : !(node.children && node.children.length);