primereact 10.8.0 → 10.8.2

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';
@@ -25250,8 +25262,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -25274,8 +25286,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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__namespace.createElement(ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(ChevronRightIcon, rowGroupTogglerIconProps);
     var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$1e({}, rowGroupTogglerIconProps), {
@@ -25289,8 +25300,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       },
       className: cx('rowGroupToggler'),
       tabIndex: props.tabIndex,
-      'aria-label': label,
-      unstyled: isUnstyled()
+      'aria-label': label
     }, ptm('rowGroupToggler'), getColumnPTOptions('rowGroupToggler'));
     return /*#__PURE__*/React__namespace.createElement("button", rowGroupTogglerProps, togglerIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
   });
@@ -25624,32 +25634,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 +27564,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 +27572,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';
@@ -28179,10 +28179,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             className: classNames(filterHeaderClassName, className, cx('headerCell', {
               frozen: frozen,
               column: col
-            })),
-            key: colKey
+            }))
           }, getColumnPTOptions(col, 'root'), getColumnPTOptions(col, 'headerCell'));
-          return /*#__PURE__*/React__namespace.createElement("th", headerCellProps, checkbox, filterRow);
+          return /*#__PURE__*/React__namespace.createElement("th", _extends({
+            key: colKey
+          }, headerCellProps), checkbox, filterRow);
         }
         return null;
       });
@@ -31105,11 +31106,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 +52379,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       __TYPE: 'Stepper',
       activeStep: 0,
       orientation: 'horizontal',
-      linear: false
+      linear: false,
+      onChangeStep: null
     },
     css: {
       classes: classes$b,
@@ -55897,17 +55901,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     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) {
@@ -56188,7 +56190,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return /*#__PURE__*/React__namespace.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__namespace.createElement(React__namespace.Fragment, null, beforeDropPoint, node, afterDropPoint);