primereact 8.7.0 → 8.7.1

package/primereact.all.js

@@ -3670,11 +3670,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onTouchStart = function onTouchStart(event) {
-      onMouseDown(event);
-      event.preventDefault();
+      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;
+      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 +3702,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');
     };
 
@@ -9213,8 +9225,17 @@ 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) {
+          validateDate(newDate);
+          setViewDateState(newDate);
+          setCurrentMonth(newDate.getMonth());
+          setCurrentYear(newDate.getFullYear());
+        }
       }
     }, [props.value, visible]);
     useUpdateEffect(function () {
@@ -18547,6 +18568,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 +26861,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) {
@@ -37093,7 +37118,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.size || 100 / childrenLength;
     };
 
     var _useEventListener = useEventListener({
@@ -37215,7 +37240,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);
         }