primereact 10.6.6 → 10.7.0

package/primereact.all.js

@@ -239,7 +239,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     function DomHandler() {
       _classCallCheck(this, DomHandler);
     }
-    _createClass(DomHandler, null, [{
+    return _createClass(DomHandler, null, [{
       key: "innerWidth",
       value: function innerWidth(el) {
         if (el) {
@@ -1469,7 +1469,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return false;
       }
     }]);
-    return DomHandler;
   }();
   /**
    * All data- properties like data-test-id
@@ -1512,7 +1511,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     function ObjectUtils() {
       _classCallCheck(this, ObjectUtils);
     }
-    _createClass(ObjectUtils, null, [{
+    return _createClass(ObjectUtils, null, [{
       key: "equals",
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') {
@@ -2034,7 +2033,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }
       }
     }]);
-    return ObjectUtils;
   }();
 
   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; }
@@ -2043,7 +2041,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     function IconUtils() {
       _classCallCheck(this, IconUtils);
     }
-    _createClass(IconUtils, null, [{
+    return _createClass(IconUtils, null, [{
       key: "getJSXIcon",
       value: function getJSXIcon(icon) {
         var iconProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -2066,7 +2064,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return content;
       }
     }]);
-    return IconUtils;
   }();
 
   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; }
@@ -3869,7 +3866,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     PASSWORD: 700,
     CASCADE_SELECT: 800,
     SPLIT_BUTTON: 900,
-    SPEED_DIAL: 1000
+    SPEED_DIAL: 1000,
+    TOOLTIP: 1200
   };
 
   /**
@@ -5039,32 +5037,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props.onEnter && props.onEnter(node, isAppearing); // component
       props.options && props.options.onEnter && props.options.onEnter(node, isAppearing); // user option
     };
-
     var onEntering = function onEntering(node, isAppearing) {
       props.onEntering && props.onEntering(node, isAppearing); // component
       props.options && props.options.onEntering && props.options.onEntering(node, isAppearing); // user option
     };
-
     var onEntered = function onEntered(node, isAppearing) {
       props.onEntered && props.onEntered(node, isAppearing); // component
       props.options && props.options.onEntered && props.options.onEntered(node, isAppearing); // user option
     };
-
     var onExit = function onExit(node) {
       props.onExit && props.onExit(node); // component
       props.options && props.options.onExit && props.options.onExit(node); // user option
     };
-
     var onExiting = function onExiting(node) {
       props.onExiting && props.onExiting(node); // component
       props.options && props.options.onExiting && props.options.onExiting(node); // user option
     };
-
     var onExited = function onExited(node) {
       props.onExited && props.onExited(node); // component
       props.options && props.options.onExited && props.options.onExited(node); // user option
     };
-
     useUpdateEffect(function () {
       if (disabled) {
         // no animation
@@ -5815,6 +5807,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       autoZIndex: true,
       baseZIndex: 0,
       className: null,
+      closeOnEscape: false,
       content: null,
       disabled: false,
       event: null,
@@ -5885,6 +5878,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useHandleStyle(TooltipBase.css.styles, isUnstyled, {
       name: 'tooltip'
     });
+    useGlobalOnEscapeKey({
+      callback: function callback() {
+        hide();
+      },
+      when: props.closeOnEscape,
+      priority: [ESC_KEY_HANDLING_PRIORITIES.TOOLTIP, 0]
+    });
     var elementRef = React__namespace.useRef(null);
     var textRef = React__namespace.useRef(null);
     var currentTargetRef = React__namespace.useRef(null);
@@ -6282,7 +6282,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       };
     }, [visibleState]);
     useUpdateEffect(function () {
-      if (visibleState) {
+      var position = getPosition(currentTargetRef.current);
+      if (visibleState && position !== 'mouse') {
         applyDelay('updateDelay', function () {
           updateText(currentTargetRef.current, function () {
             align(currentTargetRef.current);
@@ -6505,6 +6506,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var rootProps = mergeProps({
       ref: elementRef,
       'aria-label': defaultAriaLabel,
+      'data-pc-autofocus': props.autoFocus,
       className: classNames(props.className, cx('root', {
         size: size,
         disabled: disabled
@@ -9831,24 +9833,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       newViewDate.setDate(1);
       if (currentView === 'date') {
         if (newViewDate.getMonth() === 0) {
+          var newYear = decrementYear();
           newViewDate.setMonth(11);
-          newViewDate.setFullYear(decrementYear());
+          newViewDate.setFullYear(newYear);
+          props.onMonthChange && props.onMonthChange({
+            month: 11,
+            year: newYear
+          });
           setCurrentMonth(11);
         } else {
           newViewDate.setMonth(newViewDate.getMonth() - 1);
+          props.onMonthChange && props.onMonthChange({
+            month: currentMonth - 1,
+            year: currentYear
+          });
           setCurrentMonth(function (prevState) {
             return prevState - 1;
           });
         }
       } else if (currentView === 'month') {
-        var newYear = newViewDate.getFullYear() - 1;
+        var _newYear = newViewDate.getFullYear() - 1;
         if (props.yearNavigator) {
           var minYear = parseInt(props.yearRange.split(':')[0], 10);
-          if (newYear < minYear) {
-            newYear = minYear;
+          if (_newYear < minYear) {
+            _newYear = minYear;
           }
         }
-        newViewDate.setFullYear(newYear);
+        newViewDate.setFullYear(_newYear);
       }
       if (currentView === 'month') {
         newViewDate.setFullYear(decrementYear());
@@ -9867,24 +9878,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       newViewDate.setDate(1);
       if (currentView === 'date') {
         if (newViewDate.getMonth() === 11) {
+          var newYear = incrementYear();
           newViewDate.setMonth(0);
-          newViewDate.setFullYear(incrementYear());
+          newViewDate.setFullYear(newYear);
+          props.onMonthChange && props.onMonthChange({
+            month: 0,
+            year: newYear
+          });
           setCurrentMonth(0);
         } else {
           newViewDate.setMonth(newViewDate.getMonth() + 1);
+          props.onMonthChange && props.onMonthChange({
+            month: currentMonth + 1,
+            year: currentYear
+          });
           setCurrentMonth(function (prevState) {
             return prevState + 1;
           });
         }
       } else if (currentView === 'month') {
-        var newYear = newViewDate.getFullYear() + 1;
+        var _newYear2 = newViewDate.getFullYear() + 1;
         if (props.yearNavigator) {
           var maxYear = parseInt(props.yearRange.split(':')[1], 10);
-          if (newYear > maxYear) {
-            newYear = maxYear;
+          if (_newYear2 > maxYear) {
+            _newYear2 = maxYear;
           }
         }
-        newViewDate.setFullYear(newYear);
+        newViewDate.setFullYear(_newYear2);
       }
       if (currentView === 'month') {
         newViewDate.setFullYear(incrementYear());
@@ -9922,6 +9942,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onMonthDropdownChange = function onMonthDropdownChange(event, value) {
       var currentViewDate = getViewDate();
       var newViewDate = cloneDate(currentViewDate);
+      newViewDate.setDate(1);
       newViewDate.setMonth(parseInt(value, 10));
       updateViewDate(event, newViewDate);
     };
@@ -10881,6 +10902,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var onDateSelect = function onDateSelect(event, dateMeta, timeMeta) {
+      if (!event) {
+        return;
+      }
       if (props.disabled || !dateMeta.selectable) {
         event.preventDefault();
         return;
@@ -11505,28 +11529,44 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return props.value != null && typeof props.value !== 'string';
     };
     var isMonthSelected = function isMonthSelected(month) {
-      if (isComparable()) {
-        var value = isRangeSelection() ? props.value[0] : props.value;
-        if (isMultipleSelection()) {
-          return value.some(function (currentValue) {
-            return currentValue.getMonth() === month && currentValue.getFullYear() === currentYear;
-          });
+      if (!isComparable()) return false;
+      if (isMultipleSelection()) {
+        return props.value.some(function (v) {
+          return v.getMonth() === month && v.getFullYear() === currentYear;
+        });
+      } else if (isRangeSelection()) {
+        var _props$value = _slicedToArray(props.value, 2),
+          start = _props$value[0],
+          end = _props$value[1];
+        var startYear = start ? start.getFullYear() : null;
+        var endYear = end ? end.getFullYear() : null;
+        var startMonth = start ? start.getMonth() : null;
+        var endMonth = end ? end.getMonth() : null;
+        if (!end) {
+          return startYear === currentYear && startMonth === month;
+        } else {
+          var currentDate = new Date(currentYear, month, 1);
+          var startDate = new Date(startYear, startMonth, 1);
+          var endDate = new Date(endYear, endMonth, 1);
+          return currentDate >= startDate && currentDate <= endDate;
         }
-        return value.getMonth() === month && value.getFullYear() === currentYear;
+      } else {
+        return props.value.getMonth() === month && props.value.getFullYear() === currentYear;
       }
-      return false;
     };
     var isYearSelected = function isYearSelected(year) {
-      if (isComparable()) {
-        var value = isRangeSelection() ? props.value[0] : props.value;
-        if (isMultipleSelection()) {
-          return value.some(function (currentValue) {
-            return currentValue.getFullYear() === year;
-          });
-        }
-        return value.getFullYear() === year;
+      if (!isComparable()) return false;
+      if (isMultipleSelection()) {
+        return props.value.some(function (v) {
+          return v.getFullYear() === year;
+        });
+      } else if (isRangeSelection()) {
+        var start = props.value[0] ? props.value[0].getFullYear() : null;
+        var end = props.value[1] ? props.value[1].getFullYear() : null;
+        return start === year || end === year || start < year && end > year;
+      } else {
+        return props.value.getFullYear() === year;
       }
-      return false;
     };
     var switchViewButtonDisabled = function switchViewButtonDisabled() {
       return props.numberOfMonths > 1 || props.disabled;
@@ -12019,7 +12059,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
         throw new Error('Invalid date'); // E.g. 31/02/00
       }
-
       return date;
     };
     var isInMinYear = function isInMinYear(viewDate) {
@@ -12122,26 +12161,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         isTypingRef.current = false;
 
         // #3516 view date not updated when value set programatically
-        if (!visible && newDate) {
-          var viewDate = newDate;
-          if (isMultipleSelection()) {
-            if (newDate.length) {
-              viewDate = newDate[newDate.length - 1];
-            }
-          } else if (isRangeSelection()) {
-            if (newDate.length) {
-              var startDate = newDate[0];
-              var endDate = newDate[1];
-              viewDate = endDate || startDate;
-            }
+        if (!newDate) return;
+        var viewDate = newDate;
+        if (isMultipleSelection()) {
+          if (newDate.length) {
+            viewDate = newDate[newDate.length - 1];
           }
-          if (viewDate instanceof Date) {
-            validateDate(viewDate);
-            setViewDateState(viewDate);
-            setCurrentMonth(viewDate.getMonth());
-            setCurrentYear(viewDate.getFullYear());
+        } else if (isRangeSelection()) {
+          if (newDate.length) {
+            var startDate = newDate[0];
+            var endDate = newDate[1];
+            viewDate = endDate || startDate;
           }
         }
+        if (viewDate instanceof Date) {
+          validateDate(viewDate);
+          setViewDateState(viewDate);
+          setCurrentMonth(viewDate.getMonth());
+          setCurrentYear(viewDate.getFullYear());
+        }
       }
     }, [props.value, visible]);
     useUpdateEffect(function () {
@@ -14933,8 +14971,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var mergeProps = useMergeProps();
     var context = React__namespace.useContext(PrimeReactContext);
     var props = CheckboxBase.getProps(inProps, context);
+    var _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedState = _React$useState2[0],
+      setFocusedState = _React$useState2[1];
     var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
         props: props,
+        state: {
+          focused: focusedState
+        },
         context: {
           checked: props.checked === props.trueValue,
           disabled: props.disabled
@@ -14988,10 +15033,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var _onFocus = function onFocus() {
       var _props$onFocus;
+      setFocusedState(true);
       props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
     };
     var _onBlur = function onBlur() {
       var _props$onBlur;
+      setFocusedState(false);
       props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
     };
     React__namespace.useImperativeHandle(ref, function () {
@@ -15824,9 +15871,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       ptm = _ColorPickerBase$setM.ptm,
       cx = _ColorPickerBase$setM.cx,
       isUnstyled = _ColorPickerBase$setM.isUnstyled;
+    var isCloseOnEscape = overlayVisibleState && props.closeOnEscape;
+    var overlayDisplayOrder = useDisplayOrder('overlay-panel', isCloseOnEscape);
     useHandleStyle(ColorPickerBase.css.styles, isUnstyled, {
       name: 'colorpicker'
     });
+    useGlobalOnEscapeKey({
+      callback: function callback() {
+        hide();
+      },
+      when: overlayVisibleState && overlayDisplayOrder,
+      priority: [ESC_KEY_HANDLING_PRIORITIES.OVERLAY_PANEL, overlayDisplayOrder]
+    });
     var elementRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
@@ -15894,12 +15950,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       pickHue(event);
       !isUnstyled && DomHandler.addClass(elementRef.current, 'p-colorpicker-dragging');
     };
+    var getPositionY = function getPositionY(event) {
+      if (event.pageY !== undefined) return event.pageY;else if (event.changedTouches !== undefined) return event.changedTouches[0].pageY;else return 0;
+    };
     var pickHue = function pickHue(event) {
-      var top = hueViewRef.current.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
+      var top = hueViewRef.current.getBoundingClientRect().top + (window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0);
+      var yPos = getPositionY(event);
+      var hue = Math.floor(360 * (150 - Math.max(0, Math.min(150, yPos - top))) / 150);
       hsbValue.current = validateHSB({
-        h: Math.floor(360 * (150 - Math.max(0, Math.min(150, (event.pageY || event.changedTouches[0].pageY) - top))) / 150),
-        s: 100,
-        b: 100
+        h: hue,
+        s: hsbValue.current.s,
+        b: hsbValue.current.b
       });
       updateColorSelector();
       updateHue();
@@ -16422,6 +16483,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getTarget = function getTarget() {
       return firstFocusableElementRef.current && firstFocusableElementRef.current.parentElement;
     };
+
+    /**
+     * This method sets the auto focus on the first focusable element within the target element.
+     * It first tries to find a focusable element using the autoFocusSelector. If no such element is found,
+     * it then tries to find a focusable element using the firstFocusableSelector.
+     * If the autoFocus prop is set to true and a focusable element is found, it sets the focus on that element.
+     *
+     * @param {HTMLElement} target - The target element within which to find a focusable element.
+     */
     var setAutoFocus = function setAutoFocus(target) {
       var _ref = props || {},
         _ref$autoFocusSelecto = _ref.autoFocusSelector,
@@ -16430,7 +16500,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         firstFocusableSelector = _ref$firstFocusableSe === void 0 ? '' : _ref$firstFocusableSe,
         _ref$autoFocus = _ref.autoFocus,
         autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus;
-      var focusableElement = DomHandler.getFirstFocusableElement(target, "[autofocus]".concat(getComputedSelector(autoFocusSelector)));
+      var defaultAutoFocusSelector = "".concat(getComputedSelector(autoFocusSelector));
+      var computedAutoFocusSelector = "[autofocus]".concat(defaultAutoFocusSelector, ", [data-pc-autofocus='true']").concat(defaultAutoFocusSelector);
+      var focusableElement = DomHandler.getFirstFocusableElement(target, computedAutoFocusSelector);
       autoFocus && !focusableElement && (focusableElement = DomHandler.getFirstFocusableElement(target, getComputedSelector(firstFocusableSelector)));
       DomHandler.focus(focusableElement);
     };
@@ -17104,7 +17176,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           'aria-label': ariaLabel,
           onClick: onClose,
           onKeyDown: function onKeyDown(ev) {
-            return ev.stopPropagation();
+            if (ev.key !== 'Escape') {
+              ev.stopPropagation();
+            }
           }
         }, ptm('closeButton'));
         return /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, headerCloseIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
@@ -19292,6 +19366,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   DataScroller.displayName = 'DataScroller';
 
+  var getStorage = function getStorage(stateStorageProp) {
+    switch (stateStorageProp) {
+      case 'local':
+        return window.localStorage;
+      case 'session':
+        return window.sessionStorage;
+      case 'custom':
+        return null;
+      default:
+        throw new Error(stateStorageProp + ' is not a valid value for the state storage, supported values are "local", "session" and "custom".');
+    }
+  };
+
   var ColumnBase = ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Column',
@@ -19878,14 +19965,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var vertical = props.showButtons && props.buttonLayout === 'vertical';
     var inputMode = props.inputMode || (props.mode === 'decimal' && !props.minFractionDigits ? 'numeric' : 'decimal');
     var getOptions = function getOptions() {
+      var _props$minFractionDig, _props$maxFractionDig;
       return {
         localeMatcher: props.localeMatcher,
         style: props.mode,
         currency: props.currency,
         currencyDisplay: props.currencyDisplay,
         useGrouping: props.useGrouping,
-        minimumFractionDigits: props.minFractionDigits,
-        maximumFractionDigits: props.maxFractionDigits,
+        minimumFractionDigits: (_props$minFractionDig = props.minFractionDigits) !== null && _props$minFractionDig !== void 0 ? _props$minFractionDig : undefined,
+        maximumFractionDigits: (_props$maxFractionDig = props.maxFractionDigits) !== null && _props$maxFractionDig !== void 0 ? _props$maxFractionDig : undefined,
         roundingMode: props.roundingMode
       };
     };
@@ -20303,7 +20391,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           if (_char2) {
             var _isDecimalSign = isDecimalSign(_char2);
             var _isMinusSign = isMinusSign(_char2);
-            if (event.code && (event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(_char2) >= 0 && Number(_char2) <= 9 || _isMinusSign || _isDecimalSign) {
+            if (Number(_char2) >= 0 && Number(_char2) <= 9 || _isMinusSign || _isDecimalSign) {
               insert(event, _char2, {
                 isDecimalSign: _isDecimalSign,
                 isMinusSign: _isMinusSign
@@ -21987,10 +22075,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onOptionSelect = function onOptionSelect(event, option) {
       var isHide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-      var value = getOptionValue(option);
       selectItem({
         originalEvent: event,
-        option: value
+        option: option
       });
       isHide && hide();
     };
@@ -22273,8 +22360,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var onEditableInputChange = function onEditableInputChange(event) {
+      !overlayVisibleState && show();
       var searchIndex = null;
-      if (event.target.value) {
+      if (event.target.value && visibleOptions) {
         searchIndex = visibleOptions.findIndex(function (item) {
           return getOptionLabel(item).toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
         });
@@ -22480,10 +22568,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var getOptionLabel = function getOptionLabel(option) {
-      return props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : ObjectUtils.resolveFieldData(option, 'label') || option;
+      var optionLabel = props.optionLabel ? ObjectUtils.resolveFieldData(option, props.optionLabel) : ObjectUtils.resolveFieldData(option, 'label');
+      return ObjectUtils.isNotEmpty(optionLabel) ? optionLabel : option;
     };
     var getOptionValue = function getOptionValue(option) {
-      return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : ObjectUtils.resolveFieldData(option, 'value') || option;
+      var optionValue = props.OptionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : ObjectUtils.resolveFieldData(option, 'value');
+      return ObjectUtils.isNotEmpty(optionValue) ? optionValue : option;
     };
     var getOptionRenderKey = function getOptionRenderKey(option) {
       return props.dataKey ? ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
@@ -22656,7 +22746,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, ariaProps), ptm('input'));
         return /*#__PURE__*/React__namespace.createElement("input", _inputProps);
       }
-      var content = props.valueTemplate ? ObjectUtils.getJSXElement(props.valueTemplate, selectedOption, props) : label || props.placeholder || 'empty';
+      var content = props.valueTemplate ? ObjectUtils.getJSXElement(props.valueTemplate, selectedOption, props) : label || props.placeholder || props.emptyMessage || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, "\xA0");
       var inputProps = mergeProps({
         ref: inputRef,
         className: cx('input', {
@@ -23626,9 +23716,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
       });
     },
-    box: 'p-radiobutton-box',
-    input: 'p-radiobutton-input',
-    icon: 'p-radiobutton-icon'
+    radiobuttonbox: 'p-radiobutton-box',
+    radiobuttoninput: 'p-radiobutton-input',
+    radiobuttonicon: 'p-radiobutton-icon'
   };
   var RadioButtonBase = ComponentBase.extend({
     defaultProps: {
@@ -23767,7 +23857,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       })),
       style: props.style,
       'data-p-checked': props.checked
-    }, RadioButtonBase.getOtherProps(props), ptm('root'));
+    }, otherProps, ptm('root'));
+    delete rootProps.input;
+    delete rootProps.box;
+    delete rootProps.icon;
     var createInputElement = function createInputElement() {
       var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
       var inputProps = mergeProps(_objectSpread$1h({
@@ -23782,19 +23875,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         readOnly: props.readonly,
         required: props.required,
         tabIndex: props.tabIndex,
-        className: cx('input')
-      }, ariaProps), ptm('input'));
+        className: cx('radiobuttoninput')
+      }, ariaProps), inProps.input, ptm('radiobuttoninput'));
       return /*#__PURE__*/React__namespace.createElement("input", _extends({
         ref: inputRef
       }, inputProps));
     };
     var createBoxElement = function createBoxElement() {
       var boxProps = mergeProps({
-        className: cx('box')
-      }, ptm('box'));
+        className: cx('radiobuttonbox')
+      }, inProps.box, ptm('radiobuttonbox'));
       var iconProps = mergeProps({
-        className: cx('icon')
-      }, ptm('icon'));
+        className: cx('radiobuttonicon')
+      }, inProps.icon, ptm('radiobuttonicon'));
       return /*#__PURE__*/React__namespace.createElement("div", boxProps, /*#__PURE__*/React__namespace.createElement("div", iconProps));
     };
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -23842,7 +23935,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       checked: props.checked,
       disabled: props.disabled,
       name: "".concat(props.tableSelector, "_dt_radio"),
-      onChange: onChange
+      onChange: onChange,
+      input: getColumnPTOptions('radiobuttoninput'),
+      box: getColumnPTOptions('radiobuttonbox'),
+      icon: getColumnPTOptions('radiobuttonicon'),
+      unstyled: props.unstyled
     }, getColumnPTOptions('radiobutton'));
     return /*#__PURE__*/React__namespace.createElement(RadioButton, radioButtonProps);
   });
@@ -23868,7 +23965,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var keyHelperRef = React__namespace.useRef(null);
     var overlayEventListener = React__namespace.useRef(null);
     var selfClick = React__namespace.useRef(false);
-    var tabindexTimeout = React__namespace.useRef(null);
     var initFocusTimeout = React__namespace.useRef(null);
     var editingRowDataStateRef = React__namespace.useRef(null);
     var _props$ptCallbacks = props.ptCallbacks,
@@ -23905,7 +24001,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var field = getColumnProp('field') || "field_".concat(props.index);
     var editingKey = props.dataKey ? props.rowData && props.rowData[props.dataKey] || props.rowIndex : props.rowIndex;
     var isEditable = function isEditable() {
-      return getColumnProp('editor');
+      return ObjectUtils.isNotEmpty(props.editMode) && getColumnProp('editor');
     };
     var cellEditValidateOnClose = function cellEditValidateOnClose() {
       return getColumnProp('cellEditValidateOnClose');
@@ -24049,14 +24145,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var focusOnElement = function focusOnElement() {
-      clearTimeout(tabindexTimeout.current);
-      tabindexTimeout.current = setTimeout(function () {
-        if (editingState) {
-          var focusableEl = props.editMode === 'cell' ? DomHandler.getFirstFocusableElement(elementRef.current, ':not([data-pc-section="editorkeyhelperlabel"])') : DomHandler.findSingle(elementRef.current, '[data-p-row-editor-save="true"]');
-          focusableEl && focusableEl.focus();
-        }
-        keyHelperRef.current && (keyHelperRef.current.tabIndex = editingState ? -1 : 0);
-      }, 1);
+      if (editingState) {
+        var focusableEl = props.editMode === 'cell' ? DomHandler.getFirstFocusableElement(elementRef.current, ':not([data-pc-section="editorkeyhelperlabel"])') : DomHandler.findSingle(elementRef.current, '[data-p-row-editor-save="true"]');
+        focusableEl && focusableEl.focus();
+      }
+      keyHelperRef.current && (keyHelperRef.current.tabIndex = editingState ? -1 : 0);
     };
     var focusOnInit = function focusOnInit() {
       clearTimeout(initFocusTimeout.current);
@@ -24098,6 +24191,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (currentData) {
         ObjectUtils.mutateFieldData(currentData, field, val);
       }
+      editingRowDataStateRef.current = editingRowData;
     };
     var _onClick = function onClick(event) {
       var params = getCellCallbackParams(event);
@@ -24290,14 +24384,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, [props.editMode, props.editing, editingState]);
     useUpdateEffect(function () {
       if (props.editMode === 'cell' || props.editMode === 'row') {
-        setEditingRowDataState(getEditingRowData());
+        var editingRowData = getEditingRowData();
+        setEditingRowDataState(editingRowData);
+        editingRowDataStateRef.current = editingRowData;
       }
     }, [props.editingMeta]);
-    React__namespace.useEffect(function () {
-      if (editingRowDataState) {
-        editingRowDataStateRef.current = editingRowDataState;
-      }
-    }, [editingRowDataState]);
     React__namespace.useEffect(function () {
       if (props.editMode === 'cell' || props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
@@ -24372,7 +24463,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (showSelection) {
           var ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
           var ariaLabelText = ObjectUtils.resolveFieldData(props.rowData, ariaLabelField);
-          label = "".concat(props.selected ? ariaLabel('unselectLabel') : ariaLabel('selectLabel'), " ").concat(ariaLabelText);
+          label = "".concat(props.selected ? ariaLabel('unselectRow') : ariaLabel('selectRow'), " ").concat(ariaLabelText);
         }
         content = showSelection && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React__namespace.createElement(RowRadioButton, {
           hostName: props.hostName,
@@ -24387,7 +24478,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           tableSelector: props.tableSelector,
           ariaLabel: label,
           ptCallbacks: props.ptCallbacks,
-          metaData: props.metaData
+          metaData: props.metaData,
+          unstyled: props.unstyled
         }), selectionMode === 'multiple' && /*#__PURE__*/React__namespace.createElement(RowCheckbox, {
           hostName: props.hostName,
           column: props.column,
@@ -24401,7 +24493,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           ariaLabel: label,
           checkIcon: props.checkIcon,
           ptCallbacks: props.ptCallbacks,
-          metaData: props.metaData
+          metaData: props.metaData,
+          unstyled: props.unstyled
         }));
       } else if (rowReorder) {
         var showReorder = props.showRowReorderElement ? props.showRowReorderElement(props.rowData, {
@@ -24564,7 +24657,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, editorKeyHelperProps), /*#__PURE__*/React__namespace.createElement("span", editorKeyHelperLabelProps));
         /* eslint-enable */
       }
-
       var bodyCellProps = mergeProps({
         style: style,
         className: classNames(bodyClassName, getColumnProp('className'), cellClassName, cx('bodyCell', {
@@ -25048,7 +25140,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             value: props.value,
             virtualScrollerOptions: props.virtualScrollerOptions,
             ptCallbacks: props.ptCallbacks,
-            metaData: props.metaData
+            metaData: props.metaData,
+            unstyled: props.unstyled
           });
         }
         return null;
@@ -25127,7 +25220,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, getBodyRowPTOptions('bodyRow'), {
       className: classNames(rowClassName) // #5983 must be last so all unstyled merging takes place first
     });
-
     return /*#__PURE__*/React__namespace.createElement("tr", rowProps, content);
   });
   BodyRow.displayName = 'BodyRow';
@@ -25835,7 +25927,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         event.dataTransfer.setData('text', 'b'); // For firefox
       }
     };
-
     var onRowDragOver = function onRowDragOver(e) {
       var event = e.originalEvent,
         index = e.index;
@@ -26057,7 +26148,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           expandedRowIcon: props.expandedRowIcon,
           collapsedRowIcon: props.collapsedRowIcon,
           ptCallbacks: props.ptCallbacks,
-          metaData: props.metaData
+          metaData: props.metaData,
+          unstyled: props.unstyled
         });
         var options = {
           index: rowIndex,
@@ -26162,7 +26254,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           value: props.value,
           virtualScrollerOptions: props.virtualScrollerOptions,
           ptCallbacks: props.ptCallbacks,
-          metaData: props.metaData
+          metaData: props.metaData,
+          unstyled: props.unstyled
         });
       }
     };
@@ -27672,7 +27765,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         column: props.column
       });
     };
-    var onResizerMouseDown = function onResizerMouseDown(event) {
+    var onResizeStart = function onResizeStart(event) {
       props.onColumnResizeStart({
         originalEvent: event,
         column: props.column
@@ -27709,7 +27802,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var columnResizerProps = mergeProps({
           className: cx('columnResizer'),
           onMouseDown: function onMouseDown(e) {
-            return onResizerMouseDown(e);
+            return onResizeStart(e);
+          },
+          onTouchStart: function onTouchStart(e) {
+            return onResizeStart(e);
           },
           onClick: function onClick(e) {
             return onResizerClick(e);
@@ -27769,7 +27865,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           onChange: props.onColumnCheckboxChange,
           disabled: props.empty,
           ptCallbacks: ptCallbacks,
-          metaData: parentMetaData
+          metaData: parentMetaData,
+          unstyled: props.unstyled
         });
       }
       return null;
@@ -28127,19 +28224,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   });
   TableHeader.displayName = 'TableHeader';
 
-  var getStorage = function getStorage(stateStorageProp) {
-    switch (stateStorageProp) {
-      case 'local':
-        return window.localStorage;
-      case 'session':
-        return window.sessionStorage;
-      case 'custom':
-        return null;
-      default:
-        throw new Error(stateStorageProp + ' is not a valid value for the state storage, supported values are "local", "session" and "custom".');
-    }
-  };
-
   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; } } }; }
   function _unsupportedIterableToArray$b(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$b(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$b(o, minLen); }
   function _arrayLikeToArray$b(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; }
@@ -28248,29 +28332,40 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setRowsState(props.rows);
       setD_rowsState(props.rows);
     }
+    var columnResizeStartListener = function columnResizeStartListener(event) {
+      return columnResizing.current && onColumnResize(event);
+    };
+    var columnResizeEndListener = function columnResizeEndListener() {
+      return columnResizing.current && (columnResizing.current = false, onColumnResizeEnd());
+    };
     var _useEventListener = useEventListener({
         type: 'mousemove',
-        listener: function listener(event) {
-          if (columnResizing.current) {
-            onColumnResize(event);
-          }
-        }
+        listener: columnResizeStartListener
       }),
       _useEventListener2 = _slicedToArray(_useEventListener, 2),
       bindDocumentMouseMoveListener = _useEventListener2[0],
       unbindDocumentMouseMoveListener = _useEventListener2[1];
     var _useEventListener3 = useEventListener({
         type: 'mouseup',
-        listener: function listener() {
-          if (columnResizing.current) {
-            columnResizing.current = false;
-            onColumnResizeEnd();
-          }
-        }
+        listener: columnResizeEndListener
       }),
       _useEventListener4 = _slicedToArray(_useEventListener3, 2),
       bindDocumentMouseUpListener = _useEventListener4[0],
       unbindDocumentMouseUpListener = _useEventListener4[1];
+    var _useEventListener5 = useEventListener({
+        type: 'touchmove',
+        listener: columnResizeStartListener
+      }),
+      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+      bindDocumentTouchMoveListener = _useEventListener6[0],
+      unbindDocumentTouchMoveListener = _useEventListener6[1];
+    var _useEventListener7 = useEventListener({
+        type: 'touchend',
+        listener: columnResizeEndListener
+      }),
+      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+      bindDocumentTouchEndListener = _useEventListener8[0],
+      unbindDocumentTouchEndListener = _useEventListener8[1];
     var isCustomStateStorage = function isCustomStateStorage() {
       return props.stateStorage === 'custom';
     };
@@ -28606,7 +28701,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       resizeColumn.current = column;
       resizeColumnElement.current = event.currentTarget.parentElement;
       columnResizing.current = true;
-      lastResizeHelperX.current = event.pageX - containerLeft + elementRef.current.scrollLeft;
+      lastResizeHelperX.current = (event.type === 'touchstart' ? event.changedTouches[0].clientX : event.pageX) - containerLeft + elementRef.current.scrollLeft;
       bindColumnResizeEvents();
     };
     var onColumnResize = function onColumnResize(event) {
@@ -28614,7 +28709,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       elementRef.current.setAttribute('data-p-unselectable-text', true);
       resizeHelperRef.current.style.height = elementRef.current.offsetHeight + 'px';
       resizeHelperRef.current.style.top = 0 + 'px';
-      resizeHelperRef.current.style.left = event.pageX - containerLeft + elementRef.current.scrollLeft + 'px';
+      resizeHelperRef.current.style.left = (event.type === 'touchmove' ? event.changedTouches[0].clientX : event.pageX) - containerLeft + elementRef.current.scrollLeft + 'px';
       resizeHelperRef.current.style.display = 'block';
     };
     var onColumnResizeEnd = function onColumnResizeEnd() {
@@ -28685,10 +28780,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var bindColumnResizeEvents = function bindColumnResizeEvents() {
       bindDocumentMouseMoveListener();
       bindDocumentMouseUpListener();
+      bindDocumentTouchMoveListener();
+      bindDocumentTouchEndListener();
     };
     var unbindColumnResizeEvents = function unbindColumnResizeEvents() {
       unbindDocumentMouseMoveListener();
       unbindDocumentMouseUpListener();
+      unbindDocumentTouchMoveListener();
+      unbindDocumentTouchEndListener();
     };
     var onColumnHeaderMouseDown = function onColumnHeaderMouseDown(e) {
       DomHandler.clearSelection();
@@ -28754,7 +28853,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       draggedColumnElement.current = findParentHeader(event.currentTarget);
       event.dataTransfer.setData('text', 'b'); // Firefox requires this to make dragging possible
     };
-
     var onColumnHeaderDragOver = function onColumnHeaderDragOver(e) {
       var event = e.originalEvent,
         column = e.column;
@@ -29519,7 +29617,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           className: ptCallbacks.cx('loadingIcon')
         }, ptCallbacks.ptm('loadingIcon'));
         var icon = props.loadingIcon || /*#__PURE__*/React__namespace.createElement(SpinnerIcon, _extends({}, loadingIconProps, {
-          spin: true
+          spin: true,
+          unstyled: props.unstyled
         }));
         var loadingIcon = IconUtils.getJSXIcon(icon, _objectSpread$17({}, loadingIconProps), {
           props: props
@@ -29686,7 +29785,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         value: props.frozenValue,
         virtualScrollerOptions: options,
         ptCallbacks: ptCallbacks,
-        metaData: metaData
+        metaData: metaData,
+        unstyled: props.unstyled
       });
       var body = /*#__PURE__*/React__namespace.createElement(TableBody, {
         hostName: "DataTable",
@@ -29769,7 +29869,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         virtualScrollerContentRef: contentRef,
         virtualScrollerOptions: options,
         ptCallbacks: ptCallbacks,
-        metaData: metaData
+        metaData: metaData,
+        unstyled: props.unstyled
       });
       var spacerBody = ObjectUtils.isNotEmpty(spacerStyle) ? /*#__PURE__*/React__namespace.createElement(TableBody, {
         hostName: "DataTable",
@@ -29778,7 +29879,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         },
         className: "p-datatable-virtualscroller-spacer",
         ptCallbacks: ptCallbacks,
-        metaData: metaData
+        metaData: metaData,
+        unstyled: props.unstyled
       }) : null;
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, frozenBody, body, spacerBody);
     };
@@ -29790,7 +29892,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         columns: columns,
         footerColumnGroup: props.footerColumnGroup,
         ptCallbacks: ptCallbacks,
-        metaData: metaData
+        metaData: metaData,
+        unstyled: props.unstyled
       });
     };
     var createContent = function createContent(processedData, columns, selectionModeInColumn, empty) {
@@ -29825,6 +29928,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           parent: metaData
         },
         showSpacer: false,
+        unstyled: props.unstyled,
         contentTemplate: function contentTemplate(options) {
           var ref = function ref(el) {
             tableRef.current = el;
@@ -36787,7 +36891,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getOptionGroupChildren = function getOptionGroupChildren(optionGroup) {
       return ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
     };
+    var flatOptions = function flatOptions(options) {
+      return (options || []).reduce(function (result, option, index) {
+        result.push({
+          optionGroup: option,
+          group: true,
+          index: index,
+          code: option.code,
+          label: option.label
+        });
+        var optionGroupChildren = getOptionGroupChildren(option);
+        optionGroupChildren && optionGroupChildren.forEach(function (o) {
+          return result.push(o);
+        });
+        return result;
+      }, []);
+    };
     var getVisibleOptions = function getVisibleOptions() {
+      var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
       if (hasFilter) {
         var filterValue = filteredValue.trim().toLocaleLowerCase(props.filterLocale);
         var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -36810,11 +36931,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           } finally {
             _iterator.f();
           }
-          return filteredGroups;
+          return flatOptions(filteredGroups);
         }
-        return FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+        return FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
       }
-      return props.options;
+      return options;
     };
     var scrollToSelectedIndex = function scrollToSelectedIndex() {
       if (virtualScrollerRef.current) {
@@ -36859,42 +36980,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         metaData: metaData
       }) : null;
     };
-    var createGroupChildren = function createGroupChildren(optionGroup, style) {
-      var groupChildren = getOptionGroupChildren(optionGroup);
-      return groupChildren.map(function (option, j) {
-        var optionLabel = getOptionLabel(option);
-        var optionKey = j + '_' + getOptionRenderKey(option);
-        var disabled = isOptionDisabled(option);
-        return /*#__PURE__*/React__namespace.createElement(ListBoxItem, {
-          id: id.current + '_' + j,
-          hostName: "ListBox",
-          optionKey: optionKey,
-          key: optionKey,
-          label: optionLabel,
-          option: option,
-          style: style,
-          template: props.itemTemplate,
-          selected: isSelected(option),
-          onOptionMouseDown: onOptionMouseDown,
-          onOptionMouseMove: onOptionMouseMove,
-          onClick: onOptionSelect,
-          index: j,
-          focusedOptionIndex: focusedOptionIndex,
-          onTouchEnd: onOptionTouchEnd,
-          disabled: disabled,
-          ptCallbacks: ptCallbacks,
-          metaData: metaData
-        });
-      });
-    };
     var createItem = function createItem(option, index) {
       var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var style = {
         height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
       };
-      if (props.optionGroupLabel) {
+      if (option.group && option.optionGroup && props.optionGroupLabel) {
         var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : getOptionGroupLabel(option);
-        var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + getOptionGroupRenderKey(option);
         var itemGroupProps = mergeProps({
           className: ptCallbacks.cx('itemGroup'),
@@ -36903,9 +36995,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }),
           role: 'group'
         }, ptCallbacks.ptm('itemGroup'));
-        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        return /*#__PURE__*/React__namespace.createElement("li", _extends({
           key: key
-        }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+        }, itemGroupProps), groupContent);
       }
       var optionLabel = getOptionLabel(option);
       var optionKey = index + '_' + getOptionRenderKey(option);
@@ -40518,10 +40610,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       name: 'metergroup'
     });
     var totalPercent = 0;
-    var precentages = [];
+    var percentages = [];
     values.map(function (item) {
       totalPercent = totalPercent + item.value;
-      precentages.push(Math.round(item.value / totalPercent * 100));
+      percentages.push(Math.round(item.value / totalPercent * 100));
     });
     var calculatePercentage = function calculatePercentage() {
       var meterValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -40595,7 +40687,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var templateProps = {
       totalPercent: totalPercent,
-      precentages: precentages,
+      percentages: percentages,
       values: values
     };
     var labelListContent = labelList || createLabelList();
@@ -43687,7 +43779,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           /* eslint-enable */
         );
       }
-
       return null;
     };
     var createNodeLabel = function createNodeLabel() {
@@ -50709,7 +50800,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         'aria-disabled': disabled,
         'aria-expanded': grouped ? active : undefined,
         'aria-haspopup': grouped && !url ? 'menu' : undefined,
-        'aria-level': props.level + 1,
         'aria-setsize': getAriaSetSize(),
         'aria-posinset': getAriaPosInset(index),
         'data-p-highlight': active,
@@ -53988,7 +54078,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       React__namespace.createElement("a", headerActionProps, leftIconElement, titleElement, rightIconElement, closableIconElement, /*#__PURE__*/React__namespace.createElement(Ripple, null))
       // eslint-enable /
       ;
-
       if (headerTemplate) {
         var defaultContentOptions = {
           className: 'p-tabview-nav-link',
@@ -55799,18 +55888,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var onDropPointDragOver = function onDropPointDragOver(event) {
-      if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
+      if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
         event.dataTransfer.dropEffect = 'move';
         event.preventDefault();
       }
     };
     var onDropPointDragEnter = function onDropPointDragEnter(event) {
-      if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
+      if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
         DomHandler.addClass(event.target, 'p-treenode-droppoint-active');
       }
     };
     var onDropPointDragLeave = function onDropPointDragLeave(event) {
-      if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
+      if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase()) {
         DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
       }
     };
@@ -55829,19 +55918,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var onDragOver = function onDragOver(event) {
-      if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
+      if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
         event.dataTransfer.dropEffect = 'move';
         event.preventDefault();
         event.stopPropagation();
       }
     };
     var onDragEnter = function onDragEnter(event) {
-      if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
+      if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
         DomHandler.addClass(contentRef.current, 'p-treenode-dragover');
       }
     };
     var onDragLeave = function onDragLeave(event) {
-      if (event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
+      if (props.dragdropScope && event.dataTransfer.types[1] === props.dragdropScope.toLocaleLowerCase() && props.node.droppable !== false) {
         var rect = event.currentTarget.getBoundingClientRect();
         if (event.nativeEvent.x > rect.left + rect.width || event.nativeEvent.x < rect.left || event.nativeEvent.y >= Math.floor(rect.top + rect.height) || event.nativeEvent.y < rect.top) {
           DomHandler.removeClass(contentRef.current, 'p-treenode-dragover');
@@ -57021,7 +57110,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           event.preventDefault();
           focusInputRef.current && DomHandler.focus(focusInputRef.current);
           break;
-        case 'Space':
         case 'Enter':
         case 'NumpadEnter':
           event.preventDefault();
@@ -58620,7 +58708,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, getRowPTOptions('row'), {
       className: classNames(rowClassName, props.node.className) // #5983 must be last so all unstyled merging takes place first
     });
-
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("tr", _extends({
       ref: elementRef
     }, rowProps), cells), children);
@@ -60144,7 +60231,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       draggedColumn.current = column;
       event.dataTransfer.setData('text', 'b'); // Firefox requires this to make dragging possible
     };
-
     var onColumnDragOver = function onColumnDragOver(e) {
       var event = e.originalEvent,
         column = e.column;