primereact 10.8.0 → 10.8.1

package/primereact.all.js

@@ -8175,11 +8175,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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() {
@@ -8383,7 +8387,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }) : 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;
@@ -8406,6 +8411,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       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();
@@ -9538,7 +9548,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       idState = _React$useState8[0],
       setIdState = _React$useState8[1];
-    var isTypingRef = React__namespace.useRef(false);
     var metaData = {
       props: props,
       state: {
@@ -9666,7 +9675,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
         }
@@ -12145,8 +12153,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -12166,10 +12176,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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;
@@ -19950,8 +19962,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       cx = _InputNumberBase$setM.cx,
       isUnstyled = _InputNumberBase$setM.isUnstyled;
     useHandleStyle(InputNumberBase.css.styles, isUnstyled, {
-      name: 'inputnumber',
-      styled: true
+      name: 'inputnumber'
     });
     var elementRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(null);
@@ -23711,7 +23722,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props: props
     });
     var tabIndex = props.disabled ? null : '0';
-    var checkboxProps = mergeProps({
+    var checkboxProps = {
       role: 'checkbox',
       'aria-checked': props.checked,
       tabIndex: tabIndex,
@@ -23720,8 +23731,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       checked: props.checked,
       icon: checkIcon,
       disabled: props.disabled,
+      unstyled: props.unstyled,
       pt: getColumnPTOptions('rowCheckbox')
-    });
+    };
     return /*#__PURE__*/React__namespace.createElement(Checkbox, checkboxProps);
   });
   RowCheckbox.displayName = 'RowCheckbox';
@@ -23950,7 +23962,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         props.onChange(event);
       }
     };
-    var radioButtonProps = mergeProps({
+    var radioButtonProps = {
       role: 'radio',
       'aria-checked': props.checked,
       checked: props.checked,
@@ -23959,7 +23971,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onChange: onChange,
       unstyled: props.unstyled,
       pt: getColumnPTOptions('rowRadioButton')
-    });
+    };
     return /*#__PURE__*/React__namespace.createElement(RadioButton, radioButtonProps);
   });
   RowRadioButton.displayName = 'RowRadioButton';
@@ -25624,32 +25636,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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];
@@ -27566,7 +27566,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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'),
@@ -27574,8 +27574,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onChange: onChange,
       icon: checkIcon,
       checked: props.checked,
-      disabled: props.disabled
-    }, getColumnPTOptions('headerCheckbox'));
+      disabled: props.disabled,
+      unstyled: props.unstyled,
+      pt: getColumnPTOptions('headerCheckbox')
+    };
     return /*#__PURE__*/React__namespace.createElement(Checkbox, headerCheckboxProps);
   });
   HeaderCheckbox.displayName = 'HeaderCheckbox';
@@ -31105,11 +31107,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
     };
+    var initValue = React.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: ''
         }));
       }
@@ -52376,7 +52380,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       __TYPE: 'Stepper',
       activeStep: 0,
       orientation: 'horizontal',
-      linear: false
+      linear: false,
+      onChangeStep: null
     },
     css: {
       classes: classes$b,