primereact 10.8.0 → 10.8.1

package/primereact.all.esm.js

@@ -8154,11 +8154,15 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
   var onOverlayEntering = function onOverlayEntering() {
     if (props.autoHighlight && props.suggestions && props.suggestions.length) {
-      var element = getScrollableElement().firstChild.firstChild;
-      if (element) {
-        !isUnstyled() && DomHandler.addClass(element, 'p-highlight');
-        element.setAttribute('data-p-highlight', true);
-      }
+      autoHighlightFirstOption();
+    }
+  };
+  var autoHighlightFirstOption = function autoHighlightFirstOption() {
+    var _getScrollableElement;
+    var element = (_getScrollableElement = getScrollableElement()) === null || _getScrollableElement === void 0 || (_getScrollableElement = _getScrollableElement.firstChild) === null || _getScrollableElement === void 0 ? void 0 : _getScrollableElement.firstChild;
+    if (element) {
+      !isUnstyled() && DomHandler.addClass(element, 'p-highlight');
+      element.setAttribute('data-p-highlight', true);
     }
   };
   var onOverlayEntered = function onOverlayEntered() {
@@ -8362,7 +8366,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }) : false;
   };
   var getScrollableElement = function getScrollableElement() {
-    return overlayRef.current.firstChild;
+    var _overlayRef$current;
+    return overlayRef === null || overlayRef === void 0 || (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.firstChild;
   };
   var getOptionGroupLabel = function getOptionGroupLabel(optionGroup) {
     return props.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel) : optionGroup;
@@ -8385,6 +8390,11 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }
     alignOverlay();
   });
+  useUpdateEffect(function () {
+    if (searchingState && props.autoHighlight && props.suggestions && props.suggestions.length) {
+      autoHighlightFirstOption();
+    }
+  }, [searchingState]);
   useUpdateEffect(function () {
     if (searchingState) {
       ObjectUtils.isNotEmpty(props.suggestions) || props.showEmptyMessage ? show() : hide();
@@ -9517,7 +9527,6 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     idState = _React$useState8[0],
     setIdState = _React$useState8[1];
-  var isTypingRef = React.useRef(false);
   var metaData = {
     props: props,
     state: {
@@ -9645,7 +9654,6 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     try {
       var value = parseValueFromString(props.timeOnly ? rawValue.replace('_', '') : rawValue);
       if (isValidSelection(value)) {
-        isTypingRef.current = true;
         updateModel(event, value);
         updateViewDate(event, value.length ? value[0] : value);
       }
@@ -12124,8 +12132,10 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     viewChangedWithKeyDown.current = false;
   }, [props.view]);
   useUpdateEffect(function () {
-    focusToFirstCell();
-  }, [currentView]);
+    if (visible && !props.inline) {
+      focusToFirstCell();
+    }
+  }, [visible, currentView, props.inline]);
   useUpdateEffect(function () {
     if (!props.onViewDateChange && !viewStateChanged.current) {
       setValue(props.value);
@@ -12145,10 +12155,12 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   useUpdateEffect(function () {
     var newDate = props.value;
     if (previousValue !== newDate) {
-      if (!isTypingRef.current) {
+      var isInputFocused = document.activeElement === inputRef.current;
+
+      // Do not update value in input if user types something in it:
+      if (!isInputFocused) {
         updateInputfield(newDate);
       }
-      isTypingRef.current = false;
 
       // #3516 view date not updated when value set programatically
       if (!newDate) return;
@@ -19929,8 +19941,7 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     cx = _InputNumberBase$setM.cx,
     isUnstyled = _InputNumberBase$setM.isUnstyled;
   useHandleStyle(InputNumberBase.css.styles, isUnstyled, {
-    name: 'inputnumber',
-    styled: true
+    name: 'inputnumber'
   });
   var elementRef = React.useRef(null);
   var inputRef = React.useRef(null);
@@ -23690,7 +23701,7 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     props: props
   });
   var tabIndex = props.disabled ? null : '0';
-  var checkboxProps = mergeProps({
+  var checkboxProps = {
     role: 'checkbox',
     'aria-checked': props.checked,
     tabIndex: tabIndex,
@@ -23699,8 +23710,9 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     checked: props.checked,
     icon: checkIcon,
     disabled: props.disabled,
+    unstyled: props.unstyled,
     pt: getColumnPTOptions('rowCheckbox')
-  });
+  };
   return /*#__PURE__*/React.createElement(Checkbox, checkboxProps);
 });
 RowCheckbox.displayName = 'RowCheckbox';
@@ -23929,7 +23941,7 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
       props.onChange(event);
     }
   };
-  var radioButtonProps = mergeProps({
+  var radioButtonProps = {
     role: 'radio',
     'aria-checked': props.checked,
     checked: props.checked,
@@ -23938,7 +23950,7 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
     onChange: onChange,
     unstyled: props.unstyled,
     pt: getColumnPTOptions('rowRadioButton')
-  });
+  };
   return /*#__PURE__*/React.createElement(RadioButton, radioButtonProps);
 });
 RowRadioButton.displayName = 'RowRadioButton';
@@ -25603,32 +25615,20 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var selectRange = function selectRange(event) {
     var rangeStart;
     var rangeEnd;
-    var selectedSize;
     var isAllowCellSelection = allowCellSelection();
-    var index = ObjectUtils.findIndexInList(event.data, props.value, props.dataKey);
     if (rangeRowIndex.current > anchorRowIndex.current) {
       rangeStart = anchorRowIndex.current;
       rangeEnd = rangeRowIndex.current;
-      if (!isAllowCellSelection) {
-        selectedSize = rangeEnd - rangeStart;
-        rangeEnd = index;
-        rangeStart = index - selectedSize;
-      }
     } else if (rangeRowIndex.current < anchorRowIndex.current) {
       rangeStart = rangeRowIndex.current;
       rangeEnd = anchorRowIndex.current;
-      if (!isAllowCellSelection) {
-        selectedSize = rangeEnd - rangeStart;
-        rangeStart = index;
-        rangeEnd = index + selectedSize;
-      }
     } else {
       rangeStart = rangeEnd = rangeRowIndex.current;
     }
     return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
   };
   var selectRangeOnRow = function selectRangeOnRow(event, rowRangeStart, rowRangeEnd) {
-    var value = props.value;
+    var value = props.tableProps.value;
     var selection = [];
     for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
       var rangeRowData = value[i];
@@ -27545,7 +27545,7 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
     props: props
   });
   var tabIndex = props.disabled ? null : 0;
-  var headerCheckboxProps = mergeProps({
+  var headerCheckboxProps = {
     role: 'checkbox',
     'aria-checked': props.checked,
     'aria-label': props.checked ? ariaLabel('selectAll') : ariaLabel('unselectAll'),
@@ -27553,8 +27553,10 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
     onChange: onChange,
     icon: checkIcon,
     checked: props.checked,
-    disabled: props.disabled
-  }, getColumnPTOptions('headerCheckbox'));
+    disabled: props.disabled,
+    unstyled: props.unstyled,
+    pt: getColumnPTOptions('headerCheckbox')
+  };
   return /*#__PURE__*/React.createElement(Checkbox, headerCheckboxProps);
 });
 HeaderCheckbox.displayName = 'HeaderCheckbox';
@@ -31084,11 +31086,13 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       });
     }
   };
+  var initValue = useRef(props.value);
+  initValue.current = props.value;
   var initQuill = function initQuill(quillInstance) {
     quill.current = quillInstance;
-    if (props.value) {
+    if (initValue.current) {
       quillInstance.setContents(quillInstance.clipboard.convert({
-        html: props.value,
+        html: initValue.current,
         text: ''
       }));
     }
@@ -52355,7 +52359,8 @@ var StepperBase = ComponentBase.extend({
     __TYPE: 'Stepper',
     activeStep: 0,
     orientation: 'horizontal',
-    linear: false
+    linear: false,
+    onChangeStep: null
   },
   css: {
     classes: classes$b,