primereact 8.7.1 → 8.7.2

package/primereact.all.cjs.js

@@ -1997,6 +1997,8 @@ var ObjectUtils = /*#__PURE__*/function () {
       if (data && Object.keys(data).length && field) {
         if (this.isFunction(field)) {
           return field(data);
+        } else if (ObjectUtils.isNotEmpty(data[field])) {
+          return data[field];
         } else if (field.indexOf('.') === -1) {
           return data[field];
         } else {
@@ -3675,7 +3677,6 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   };
 
   var onTouchStart = function onTouchStart(event) {
-    isTouching.current = true;
     var offset = DomHandler.getOffset(targetRef.current);
     var offsetX = event.targetTouches[0].pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
     var offsetY = event.targetTouches[0].pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
@@ -4220,14 +4221,13 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     }
   };
 
-  React__namespace.useEffect(function () {
+  useMountEffect(function () {
+    loadTargetEvents();
+
     if (visibleState && currentTargetRef.current && isDisabled(currentTargetRef.current)) {
       hide();
     }
   });
-  useMountEffect(function () {
-    loadTargetEvents();
-  });
   useUpdateEffect(function () {
     loadTargetEvents();
     return function () {
@@ -4498,8 +4498,9 @@ var KeyFilter = {
   validate: function validate(e, keyfilter) {
     var value = e.target.value,
         validatePattern = true;
+    var regex = this.getRegex(keyfilter);
 
-    if (value && !keyfilter.test(value)) {
+    if (value && !regex.test(value)) {
       validatePattern = false;
     }
 
@@ -4510,8 +4511,8 @@ var KeyFilter = {
 var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(ref);
 
-  var onKeyPress = function onKeyPress(event) {
-    props.onKeyPress && props.onKeyPress(event);
+  var onKeyDown = function onKeyDown(event) {
+    props.onKeyDown && props.onKeyDown(event);
 
     if (props.keyfilter) {
       KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
@@ -4559,7 +4560,7 @@ var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   }, otherProps, {
     className: className,
     onInput: onInput,
-    onKeyPress: onKeyPress,
+    onKeyDown: onKeyDown,
     onPaste: onPaste
   })), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
     target: elementRef,
@@ -4574,7 +4575,7 @@ InputText.defaultProps = {
   tooltip: null,
   tooltipOptions: null,
   onInput: null,
-  onKeyPress: null,
+  onKeyDown: null,
   onPaste: null
 };
 
@@ -5683,8 +5684,11 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       inputRef.current.value = '';
 
       if (!isSelected(option)) {
-        var newValue = props.value ? [].concat(_toConsumableArray(props.value), [option]) : [option];
-        updateModel(event, newValue);
+        // allows empty value/selectionlimit and within sectionlimit
+        if (!props.value || !props.selectionLimit || props.value.length < props.selectionLimit) {
+          var newValue = props.value ? [].concat(_toConsumableArray(props.value), [option]) : [option];
+          updateModel(event, newValue);
+        }
       }
     } else {
       updateInputField(option);
@@ -6286,6 +6290,7 @@ AutoComplete.defaultProps = {
   removeIcon: 'pi pi-times-circle',
   scrollHeight: '200px',
   selectedItemTemplate: null,
+  selectionLimit: null,
   showEmptyMessage: false,
   size: null,
   style: null,
@@ -8675,7 +8680,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (value) {
       try {
         if (isSingleSelection()) {
-          formattedValue = isValidDate(value) ? formatDateTime(value) : '';
+          formattedValue = isValidDate(value) ? formatDateTime(value) : props.keepInvalid ? value : '';
         } else if (isMultipleSelection()) {
           for (var i = 0; i < value.length; i++) {
             var selectedValue = value[i];
@@ -9236,10 +9241,26 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       updateInputfield(newDate); // #3516 view date not updated when value set programatically
 
       if (!visible && newDate) {
-        validateDate(newDate);
-        setViewDateState(newDate);
-        setCurrentMonth(newDate.getMonth());
-        setCurrentYear(newDate.getFullYear());
+        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 (viewDate instanceof Date) {
+          validateDate(viewDate);
+          setViewDateState(viewDate);
+          setCurrentMonth(viewDate.getMonth());
+          setCurrentYear(viewDate.getFullYear());
+        }
       }
     }
   }, [props.value, visible]);
@@ -15048,7 +15069,12 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     if (inputRef.current) {
       var step = props.step * dir;
       var currentValue = parseValue(inputRef.current.value) || 0;
-      var newValue = validateValue(currentValue + step); // touch devices trigger the keyboard to display because of setSelectionRange
+      var newValue = validateValue(currentValue + step);
+
+      if (props.maxLength && props.maxLength < formatValue(newValue).length) {
+        return;
+      } // touch devices trigger the keyboard to display because of setSelectionRange
+
 
       !DomHandler.isTouchDevice() && updateInput(newValue, null, 'spin');
       updateModel(event, newValue);
@@ -15653,6 +15679,11 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     } else {
       var selectionStart = inputEl.selectionStart;
       var _selectionEnd = inputEl.selectionEnd;
+
+      if (props.maxLength && props.maxLength < newValue.length) {
+        return;
+      }
+
       inputEl.value = newValue;
       var newLength = newValue.length;
 
@@ -15970,6 +16001,7 @@ InputNumber.defaultProps = {
   localeMatcher: undefined,
   max: null,
   maxFractionDigits: undefined,
+  maxLength: null,
   min: null,
   minFractionDigits: undefined,
   mode: 'decimal',
@@ -27776,6 +27808,22 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     props.onKeyUp && props.onKeyUp(event);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    props.onKeyDown && props.onKeyDown(event);
+
+    if (props.keyfilter) {
+      KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
+    }
+  };
+
+  var onPaste = function onPaste(event) {
+    props.onPaste && props.onPaste(event);
+
+    if (props.keyfilter) {
+      KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
+    }
+  };
+
   var onInput = function onInput(event) {
     if (props.autoResize) {
       resize();
@@ -27837,7 +27885,9 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyUp: onKeyUp,
-    onInput: onInput
+    onKeyDown: onKeyDown,
+    onInput: onInput,
+    onPaste: onPaste
   })), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
@@ -27847,9 +27897,16 @@ InputTextarea.displayName = 'InputTextarea';
 InputTextarea.defaultProps = {
   __TYPE: 'InputTextarea',
   autoResize: false,
+  keyfilter: null,
+  onBlur: null,
+  onFocus: null,
+  onInput: null,
+  onKeyDown: null,
+  onKeyUp: null,
+  onPaste: null,
   tooltip: null,
   tooltipOptions: null,
-  onInput: null
+  validateOnly: false
 };
 
 var radius = 40;
@@ -37123,7 +37180,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var childrenLength = props.children && props.children.length;
 
   var panelSize = function panelSize(sizes, index) {
-    return index in sizes ? sizes[index] : props.children[index].props.size || 100 / childrenLength;
+    return index in sizes ? sizes[index] : (props.children[index] && props.children[index].props.size || 100) / childrenLength;
   };
 
   var _useEventListener = useEventListener({
@@ -38639,7 +38696,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     }
 
     if (!item.items) {
-      onLeafClick();
+      onLeafClick(event);
     }
   };
 
@@ -38695,9 +38752,10 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     return prevItem ? DomHandler.hasClass(prevItem, 'p-disabled') || !DomHandler.hasClass(prevItem, 'p-menuitem') ? findPrevItem(prevItem) : prevItem : null;
   };
 
-  var onLeafClick = function onLeafClick() {
+  var onLeafClick = function onLeafClick(event) {
     setActiveItemState(null);
-    props.onLeafClick && props.onLeafClick();
+    props.onLeafClick && props.onLeafClick(event);
+    props.onHide && props.onHide(event);
   };
 
   useMountEffect(function () {
@@ -38888,9 +38946,11 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
 
   var hide = function hide(event) {
-    targetRef.current = event.currentTarget;
-    setVisibleState(false);
-    props.onHide && props.onHide(event);
+    if (props.popup) {
+      targetRef.current = event.currentTarget;
+      setVisibleState(false);
+      props.onHide && props.onHide(event);
+    }
   };
 
   var onEnter = function onEnter() {
@@ -38959,7 +39019,8 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       menuProps: props,
       model: props.model,
       root: true,
-      popup: props.popup
+      popup: props.popup,
+      onHide: hide
     })));
   };
 
@@ -42569,9 +42630,10 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
       var headerTooltip = column.props.headerTooltip;
       var hasTooltip = ObjectUtils.isNotEmpty(headerTooltip);
       var resizer = createResizer(column);
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        key: column.columnKey || column.field || options.index
+      }, /*#__PURE__*/React__namespace.createElement("th", {
         ref: headerCellRef,
-        key: column.columnKey || column.field || options.index,
         className: className,
         style: column.props.headerStyle || column.props.style,
         tabIndex: column.props.sortable ? props.tabIndex : null,