primereact 8.7.0 → 8.7.2

package/primereact.all.js

@@ -1992,6 +1992,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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 {
@@ -3670,11 +3672,25 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onTouchStart = function onTouchStart(event) {
-      onMouseDown(event);
-      event.preventDefault();
+      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;
+      activateRipple(offsetX, offsetY);
     };
 
     var onMouseDown = function onMouseDown(event) {
+      if (DomHandler.isTouchDevice()) {
+        // already started ripple with onTouchStart
+        return;
+      }
+
+      var offset = DomHandler.getOffset(targetRef.current);
+      var offsetX = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
+      var offsetY = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
+      activateRipple(offsetX, offsetY);
+    };
+
+    var activateRipple = function activateRipple(offsetX, offsetY) {
       if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
         return;
       }
@@ -3687,11 +3703,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         inkRef.current.style.width = d + 'px';
       }
 
-      var offset = DomHandler.getOffset(targetRef.current);
-      var x = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
-      var y = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
-      inkRef.current.style.top = y + 'px';
-      inkRef.current.style.left = x + 'px';
+      inkRef.current.style.top = offsetY + 'px';
+      inkRef.current.style.left = offsetX + 'px';
       DomHandler.addClass(inkRef.current, 'p-ink-active');
     };
 
@@ -4203,14 +4216,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
-    React__namespace.useEffect(function () {
+    useMountEffect(function () {
+      loadTargetEvents();
+
       if (visibleState && currentTargetRef.current && isDisabled(currentTargetRef.current)) {
         hide();
       }
     });
-    useMountEffect(function () {
-      loadTargetEvents();
-    });
     useUpdateEffect(function () {
       loadTargetEvents();
       return function () {
@@ -4481,8 +4493,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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;
       }
 
@@ -4493,8 +4506,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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);
@@ -4542,7 +4555,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, otherProps, {
       className: className,
       onInput: onInput,
-      onKeyPress: onKeyPress,
+      onKeyDown: onKeyDown,
       onPaste: onPaste
     })), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
       target: elementRef,
@@ -4557,7 +4570,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     tooltip: null,
     tooltipOptions: null,
     onInput: null,
-    onKeyPress: null,
+    onKeyDown: null,
     onPaste: null
   };
 
@@ -5666,8 +5679,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -6269,6 +6285,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     removeIcon: 'pi pi-times-circle',
     scrollHeight: '200px',
     selectedItemTemplate: null,
+    selectionLimit: null,
     showEmptyMessage: false,
     size: null,
     style: null,
@@ -8658,7 +8675,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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];
@@ -9213,8 +9230,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     }, [props.onViewDateChange, props.value]);
     useUpdateEffect(function () {
-      if (previousValue !== props.value && (!viewStateChanged.current || visible)) {
-        updateInputfield(props.value);
+      var newDate = props.value;
+
+      if (previousValue !== newDate) {
+        updateInputfield(newDate); // #3516 view date not updated when value set programatically
+
+        if (!visible && newDate) {
+          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]);
     useUpdateEffect(function () {
@@ -15022,7 +15064,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -15627,6 +15674,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       } else {
         var selectionStart = inputEl.selectionStart;
         var _selectionEnd = inputEl.selectionEnd;
+
+        if (props.maxLength && props.maxLength < newValue.length) {
+          return;
+        }
+
         inputEl.value = newValue;
         var newLength = newValue.length;
 
@@ -15944,6 +15996,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     localeMatcher: undefined,
     max: null,
     maxFractionDigits: undefined,
+    maxLength: null,
     min: null,
     minFractionDigits: undefined,
     mode: 'decimal',
@@ -18547,6 +18600,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         content = value;
       }
 
+      content = typeof content == 'boolean' ? content.toString() : content;
+
       if (!isRowEditor && editor) {
         /* eslint-disable */
         editorKeyHelper = /*#__PURE__*/React__namespace.createElement("a", {
@@ -26838,11 +26893,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     imageClassName: null,
     imageStyle: null,
     onError: null,
+    onHide: null,
+    onShow: null,
     preview: false,
-    zoomSrc: null,
     src: null,
     template: null,
-    width: null
+    width: null,
+    zoomSrc: null
   };
 
   var InplaceDisplay = function InplaceDisplay(props) {
@@ -27746,6 +27803,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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();
@@ -27807,7 +27880,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
@@ -27817,9 +27892,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   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;
@@ -37093,7 +37175,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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({
@@ -37215,7 +37297,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setPanelSizes(function (prev) {
         var sizes = [];
 
-        for (var index = 0; index < props.children.length; _readOnlyError("index")) {
+        for (var index = 0; index < props.children.length; index++) {
           sizes[index] = panelSize(prev, index);
         }
 
@@ -38609,7 +38691,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       if (!item.items) {
-        onLeafClick();
+        onLeafClick(event);
       }
     };
 
@@ -38665,9 +38747,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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 () {
@@ -38858,9 +38941,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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() {
@@ -38929,7 +39014,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         menuProps: props,
         model: props.model,
         root: true,
-        popup: props.popup
+        popup: props.popup,
+        onHide: hide
       })));
     };
 
@@ -42539,9 +42625,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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,