primereact 8.7.2 → 8.7.3

package/ripple/ripple.esm.js

@@ -6,66 +6,54 @@ import { DomHandler } from 'primereact/utils';
 var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function () {
   var inkRef = React.useRef(null);
   var targetRef = React.useRef(null);
-
   var getTarget = function getTarget() {
     return inkRef.current && inkRef.current.parentElement;
   };
-
   var bindEvents = function bindEvents() {
     if (targetRef.current) {
       targetRef.current.addEventListener('mousedown', onMouseDown);
       DomHandler.isTouchDevice() && targetRef.current.addEventListener('touchstart', onTouchStart);
     }
   };
-
   var unbindEvents = function unbindEvents() {
     if (targetRef.current) {
       targetRef.current.removeEventListener('mousedown', onMouseDown);
       DomHandler.isTouchDevice() && targetRef.current.removeEventListener('touchstart', onTouchStart);
     }
   };
-
   var onTouchStart = function onTouchStart(event) {
     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;
     }
-
     DomHandler.removeClass(inkRef.current, 'p-ink-active');
-
     if (!DomHandler.getHeight(inkRef.current) && !DomHandler.getWidth(inkRef.current)) {
       var d = Math.max(DomHandler.getOuterWidth(targetRef.current), DomHandler.getOuterHeight(targetRef.current));
       inkRef.current.style.height = d + 'px';
       inkRef.current.style.width = d + 'px';
     }
-
     inkRef.current.style.top = offsetY + 'px';
     inkRef.current.style.left = offsetX + 'px';
     DomHandler.addClass(inkRef.current, 'p-ink-active');
   };
-
   var onAnimationEnd = function onAnimationEnd(event) {
     DomHandler.removeClass(event.currentTarget, 'p-ink-active');
   };
-
   useMountEffect(function () {
     if (inkRef.current) {
       targetRef.current = getTarget();

package/ripple/ripple.js

@@ -28,66 +28,54 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
     var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function () {
       var inkRef = React__namespace.useRef(null);
       var targetRef = React__namespace.useRef(null);
-
       var getTarget = function getTarget() {
         return inkRef.current && inkRef.current.parentElement;
       };
-
       var bindEvents = function bindEvents() {
         if (targetRef.current) {
           targetRef.current.addEventListener('mousedown', onMouseDown);
           utils.DomHandler.isTouchDevice() && targetRef.current.addEventListener('touchstart', onTouchStart);
         }
       };
-
       var unbindEvents = function unbindEvents() {
         if (targetRef.current) {
           targetRef.current.removeEventListener('mousedown', onMouseDown);
           utils.DomHandler.isTouchDevice() && targetRef.current.removeEventListener('touchstart', onTouchStart);
         }
       };
-
       var onTouchStart = function onTouchStart(event) {
         var offset = utils.DomHandler.getOffset(targetRef.current);
         var offsetX = event.targetTouches[0].pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
         var offsetY = event.targetTouches[0].pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
         activateRipple(offsetX, offsetY);
       };
-
       var onMouseDown = function onMouseDown(event) {
         if (utils.DomHandler.isTouchDevice()) {
           // already started ripple with onTouchStart
           return;
         }
-
         var offset = utils.DomHandler.getOffset(targetRef.current);
         var offsetX = event.pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
         var offsetY = event.pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
         activateRipple(offsetX, offsetY);
       };
-
       var activateRipple = function activateRipple(offsetX, offsetY) {
         if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
           return;
         }
-
         utils.DomHandler.removeClass(inkRef.current, 'p-ink-active');
-
         if (!utils.DomHandler.getHeight(inkRef.current) && !utils.DomHandler.getWidth(inkRef.current)) {
           var d = Math.max(utils.DomHandler.getOuterWidth(targetRef.current), utils.DomHandler.getOuterHeight(targetRef.current));
           inkRef.current.style.height = d + 'px';
           inkRef.current.style.width = d + 'px';
         }
-
         inkRef.current.style.top = offsetY + 'px';
         inkRef.current.style.left = offsetX + 'px';
         utils.DomHandler.addClass(inkRef.current, 'p-ink-active');
       };
-
       var onAnimationEnd = function onAnimationEnd(event) {
         utils.DomHandler.removeClass(event.currentTarget, 'p-ink-active');
       };
-
       hooks.useMountEffect(function () {
         if (inkRef.current) {
           targetRef.current = getTarget();

package/row/row.cjs.js

@@ -29,14 +29,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);

package/row/row.esm.js

@@ -5,14 +5,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);

package/row/row.js

@@ -26,14 +26,12 @@ this.primereact.row = (function (exports, React, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);

package/scrollpanel/scrollpanel.cjs.js

@@ -30,14 +30,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -56,12 +54,10 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
   var scrollYRatio = React__namespace.useRef(null);
   var frame = React__namespace.useRef(null);
   var initialized = React__namespace.useRef(false);
-
   var calculateContainerHeight = function calculateContainerHeight() {
     var containerStyles = getComputedStyle(containerRef.current);
     var xBarStyles = getComputedStyle(xBarRef.current);
     var pureContainerHeight = utils.DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles['height'], 10);
-
     if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
       if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
         containerRef.current.style.height = containerStyles['max-height'];
@@ -70,14 +66,14 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       }
     }
   };
-
   var moveBar = function moveBar() {
     // horizontal scroll
     var totalWidth = contentRef.current.scrollWidth;
     var ownWidth = contentRef.current.clientWidth;
     var bottom = (containerRef.current.clientHeight - xBarRef.current.clientHeight) * -1;
-    scrollXRatio.current = ownWidth / totalWidth; // vertical scroll
+    scrollXRatio.current = ownWidth / totalWidth;
 
+    // vertical scroll
     var totalHeight = contentRef.current.scrollHeight;
     var ownHeight = contentRef.current.clientHeight;
     var right = (containerRef.current.clientWidth - yBarRef.current.clientWidth) * -1;
@@ -89,7 +85,6 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
         utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
         xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
       }
-
       if (scrollYRatio.current >= 1) {
         utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
       } else {
@@ -98,7 +93,6 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       }
     });
   };
-
   var onYBarMouseDown = function onYBarMouseDown(event) {
     isYBarClicked.current = true;
     lastPageY.current = event.pageY;
@@ -108,7 +102,6 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     document.addEventListener('mouseup', onDocumentMouseUp);
     event.preventDefault();
   };
-
   var onXBarMouseDown = function onXBarMouseDown(event) {
     isXBarClicked.current = true;
     lastPageX.current = event.pageX;
@@ -118,7 +111,6 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     document.addEventListener('mouseup', onDocumentMouseUp);
     event.preventDefault();
   };
-
   var onDocumentMouseMove = function onDocumentMouseMove(event) {
     if (isXBarClicked.current) {
       onMouseMoveForXBar(event);
@@ -129,7 +121,6 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       onMouseMoveForYBar(event);
     }
   };
-
   var onMouseMoveForXBar = function onMouseMoveForXBar(event) {
     var deltaX = event.pageX - lastPageX.current;
     lastPageX.current = event.pageX;
@@ -137,7 +128,6 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       contentRef.current.scrollLeft += deltaX / scrollXRatio.current;
     });
   };
-
   var onMouseMoveForYBar = function onMouseMoveForYBar(event) {
     var deltaY = event.pageY - lastPageY.current;
     lastPageY.current = event.pageY;
@@ -145,7 +135,6 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       contentRef.current.scrollTop += deltaY / scrollYRatio.current;
     });
   };
-
   var onDocumentMouseUp = function onDocumentMouseUp(event) {
     utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
     utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
@@ -155,11 +144,9 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     isXBarClicked.current = false;
     isYBarClicked.current = false;
   };
-
   var refresh = function refresh() {
     moveBar();
   };
-
   hooks.useMountEffect(function () {
     moveBar();
     window.addEventListener('resize', moveBar);
@@ -170,7 +157,6 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     if (initialized.current) {
       window.removeEventListener('resize', moveBar);
     }
-
     if (frame.current) {
       window.cancelAnimationFrame(frame.current);
     }

package/scrollpanel/scrollpanel.esm.js

@@ -6,14 +6,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -32,12 +30,10 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var scrollYRatio = React.useRef(null);
   var frame = React.useRef(null);
   var initialized = React.useRef(false);
-
   var calculateContainerHeight = function calculateContainerHeight() {
     var containerStyles = getComputedStyle(containerRef.current);
     var xBarStyles = getComputedStyle(xBarRef.current);
     var pureContainerHeight = DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles['height'], 10);
-
     if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
       if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
         containerRef.current.style.height = containerStyles['max-height'];
@@ -46,14 +42,14 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     }
   };
-
   var moveBar = function moveBar() {
     // horizontal scroll
     var totalWidth = contentRef.current.scrollWidth;
     var ownWidth = contentRef.current.clientWidth;
     var bottom = (containerRef.current.clientHeight - xBarRef.current.clientHeight) * -1;
-    scrollXRatio.current = ownWidth / totalWidth; // vertical scroll
+    scrollXRatio.current = ownWidth / totalWidth;
 
+    // vertical scroll
     var totalHeight = contentRef.current.scrollHeight;
     var ownHeight = contentRef.current.clientHeight;
     var right = (containerRef.current.clientWidth - yBarRef.current.clientWidth) * -1;
@@ -65,7 +61,6 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
         DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
         xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
       }
-
       if (scrollYRatio.current >= 1) {
         DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
       } else {
@@ -74,7 +69,6 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     });
   };
-
   var onYBarMouseDown = function onYBarMouseDown(event) {
     isYBarClicked.current = true;
     lastPageY.current = event.pageY;
@@ -84,7 +78,6 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     document.addEventListener('mouseup', onDocumentMouseUp);
     event.preventDefault();
   };
-
   var onXBarMouseDown = function onXBarMouseDown(event) {
     isXBarClicked.current = true;
     lastPageX.current = event.pageX;
@@ -94,7 +87,6 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     document.addEventListener('mouseup', onDocumentMouseUp);
     event.preventDefault();
   };
-
   var onDocumentMouseMove = function onDocumentMouseMove(event) {
     if (isXBarClicked.current) {
       onMouseMoveForXBar(event);
@@ -105,7 +97,6 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onMouseMoveForYBar(event);
     }
   };
-
   var onMouseMoveForXBar = function onMouseMoveForXBar(event) {
     var deltaX = event.pageX - lastPageX.current;
     lastPageX.current = event.pageX;
@@ -113,7 +104,6 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       contentRef.current.scrollLeft += deltaX / scrollXRatio.current;
     });
   };
-
   var onMouseMoveForYBar = function onMouseMoveForYBar(event) {
     var deltaY = event.pageY - lastPageY.current;
     lastPageY.current = event.pageY;
@@ -121,7 +111,6 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       contentRef.current.scrollTop += deltaY / scrollYRatio.current;
     });
   };
-
   var onDocumentMouseUp = function onDocumentMouseUp(event) {
     DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
     DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
@@ -131,11 +120,9 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     isXBarClicked.current = false;
     isYBarClicked.current = false;
   };
-
   var refresh = function refresh() {
     moveBar();
   };
-
   useMountEffect(function () {
     moveBar();
     window.addEventListener('resize', moveBar);
@@ -146,7 +133,6 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (initialized.current) {
       window.removeEventListener('resize', moveBar);
     }
-
     if (frame.current) {
       window.cancelAnimationFrame(frame.current);
     }

package/scrollpanel/scrollpanel.js

@@ -26,14 +26,12 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -52,12 +50,10 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
     var scrollYRatio = React__namespace.useRef(null);
     var frame = React__namespace.useRef(null);
     var initialized = React__namespace.useRef(false);
-
     var calculateContainerHeight = function calculateContainerHeight() {
       var containerStyles = getComputedStyle(containerRef.current);
       var xBarStyles = getComputedStyle(xBarRef.current);
       var pureContainerHeight = utils.DomHandler.getHeight(containerRef.current) - parseInt(xBarStyles['height'], 10);
-
       if (containerStyles['max-height'] !== 'none' && pureContainerHeight === 0) {
         if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
           containerRef.current.style.height = containerStyles['max-height'];
@@ -66,14 +62,14 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
         }
       }
     };
-
     var moveBar = function moveBar() {
       // horizontal scroll
       var totalWidth = contentRef.current.scrollWidth;
       var ownWidth = contentRef.current.clientWidth;
       var bottom = (containerRef.current.clientHeight - xBarRef.current.clientHeight) * -1;
-      scrollXRatio.current = ownWidth / totalWidth; // vertical scroll
+      scrollXRatio.current = ownWidth / totalWidth;
 
+      // vertical scroll
       var totalHeight = contentRef.current.scrollHeight;
       var ownHeight = contentRef.current.clientHeight;
       var right = (containerRef.current.clientWidth - yBarRef.current.clientWidth) * -1;
@@ -85,7 +81,6 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
           utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
           xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
         }
-
         if (scrollYRatio.current >= 1) {
           utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
         } else {
@@ -94,7 +89,6 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
         }
       });
     };
-
     var onYBarMouseDown = function onYBarMouseDown(event) {
       isYBarClicked.current = true;
       lastPageY.current = event.pageY;
@@ -104,7 +98,6 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
       document.addEventListener('mouseup', onDocumentMouseUp);
       event.preventDefault();
     };
-
     var onXBarMouseDown = function onXBarMouseDown(event) {
       isXBarClicked.current = true;
       lastPageX.current = event.pageX;
@@ -114,7 +107,6 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
       document.addEventListener('mouseup', onDocumentMouseUp);
       event.preventDefault();
     };
-
     var onDocumentMouseMove = function onDocumentMouseMove(event) {
       if (isXBarClicked.current) {
         onMouseMoveForXBar(event);
@@ -125,7 +117,6 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
         onMouseMoveForYBar(event);
       }
     };
-
     var onMouseMoveForXBar = function onMouseMoveForXBar(event) {
       var deltaX = event.pageX - lastPageX.current;
       lastPageX.current = event.pageX;
@@ -133,7 +124,6 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
         contentRef.current.scrollLeft += deltaX / scrollXRatio.current;
       });
     };
-
     var onMouseMoveForYBar = function onMouseMoveForYBar(event) {
       var deltaY = event.pageY - lastPageY.current;
       lastPageY.current = event.pageY;
@@ -141,7 +131,6 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
         contentRef.current.scrollTop += deltaY / scrollYRatio.current;
       });
     };
-
     var onDocumentMouseUp = function onDocumentMouseUp(event) {
       utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
       utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
@@ -151,11 +140,9 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
       isXBarClicked.current = false;
       isYBarClicked.current = false;
     };
-
     var refresh = function refresh() {
       moveBar();
     };
-
     hooks.useMountEffect(function () {
       moveBar();
       window.addEventListener('resize', moveBar);
@@ -166,7 +153,6 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
       if (initialized.current) {
         window.removeEventListener('resize', moveBar);
       }
-
       if (frame.current) {
         window.cancelAnimationFrame(frame.current);
       }