primereact 10.8.0 → 10.8.2

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';
@@ -25229,8 +25241,8 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
-    cx = _props$ptCallbacks.cx,
-    isUnstyled = _props$ptCallbacks.isUnstyled;
+    cx = _props$ptCallbacks.cx;
+    _props$ptCallbacks.isUnstyled;
   var _onClick = function onClick(event) {
     props.onClick({
       originalEvent: event,
@@ -25253,8 +25265,7 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
   };
   var rowGroupTogglerIconProps = mergeProps({
     className: cx('rowGroupTogglerIcon'),
-    'aria-hidden': true,
-    unstyled: isUnstyled()
+    'aria-hidden': true
   }, ptm('rowGroupTogglerIcon'), getColumnPTOptions('rowGroupTogglerIcon'));
   var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, rowGroupTogglerIconProps);
   var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1e({}, rowGroupTogglerIconProps), {
@@ -25268,8 +25279,7 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
     },
     className: cx('rowGroupToggler'),
     tabIndex: props.tabIndex,
-    'aria-label': label,
-    unstyled: isUnstyled()
+    'aria-label': label
   }, ptm('rowGroupToggler'), getColumnPTOptions('rowGroupToggler'));
   return /*#__PURE__*/React.createElement("button", rowGroupTogglerProps, togglerIcon, /*#__PURE__*/React.createElement(Ripple, null));
 });
@@ -25603,32 +25613,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 +27543,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 +27551,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';
@@ -28158,10 +28158,11 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
           className: classNames(filterHeaderClassName, className, cx('headerCell', {
             frozen: frozen,
             column: col
-          })),
-          key: colKey
+          }))
         }, getColumnPTOptions(col, 'root'), getColumnPTOptions(col, 'headerCell'));
-        return /*#__PURE__*/React.createElement("th", headerCellProps, checkbox, filterRow);
+        return /*#__PURE__*/React.createElement("th", _extends({
+          key: colKey
+        }, headerCellProps), checkbox, filterRow);
       }
       return null;
     });
@@ -31084,11 +31085,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 +52358,8 @@ var StepperBase = ComponentBase.extend({
     __TYPE: 'Stepper',
     activeStep: 0,
     orientation: 'horizontal',
-    linear: false
+    linear: false,
+    onChangeStep: null
   },
   css: {
     classes: classes$b,
@@ -55876,17 +55880,15 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
   };
   var onDropPoint = function onDropPoint(event, position) {
     event.preventDefault();
-    if (props.node.droppable !== false) {
-      DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
-      if (props.onDropPoint) {
-        var dropIndex = position === -1 ? props.index : props.index + 1;
-        props.onDropPoint({
-          originalEvent: event,
-          path: props.path,
-          index: dropIndex,
-          position: position
-        });
-      }
+    DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
+    if (props.onDropPoint) {
+      var dropIndex = position === -1 ? props.index : props.index + 1;
+      props.onDropPoint({
+        originalEvent: event,
+        path: props.path,
+        index: dropIndex,
+        position: position
+      });
     }
   };
   var onDropPointDragOver = function onDropPointDragOver(event) {
@@ -56167,7 +56169,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
     return /*#__PURE__*/React.createElement("li", nodeProps, content, children);
   };
   var node = createNode();
-  if (props.dragdropScope && !props.disabled) {
+  if (props.dragdropScope && !props.disabled && props.node.droppable) {
     var beforeDropPoint = createDropPoint(-1);
     var afterDropPoint = props.last ? createDropPoint(1) : null;
     return /*#__PURE__*/React.createElement(React.Fragment, null, beforeDropPoint, node, afterDropPoint);