primereact 8.7.1 → 8.7.3

package/ripple/ripple.esm.js

@@ -6,67 +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) {
-    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;
     }
-
     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.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{useMountEffect as r,useUpdateEffect as n,useUnmountEffect as c}from"primereact/hooks";import{DomHandler as u}from"primereact/utils";var o=e.memo(e.forwardRef((function(){var o=e.useRef(null),i=e.useRef(null),a=function(){return o.current&&o.current.parentElement},s=function(){i.current&&(i.current.addEventListener("mousedown",p),u.isTouchDevice()&&i.current.addEventListener("touchstart",l))},l=function(e){isTouching.current=!0;var t=u.getOffset(i.current),r=e.targetTouches[0].pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.targetTouches[0].pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)},p=function(e){if(!u.isTouchDevice()){var t=u.getOffset(i.current),r=e.pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)}},f=function(e,t){if(o.current&&"none"!==getComputedStyle(o.current,null).display){if(u.removeClass(o.current,"p-ink-active"),!u.getHeight(o.current)&&!u.getWidth(o.current)){var r=Math.max(u.getOuterWidth(i.current),u.getOuterHeight(i.current));o.current.style.height=r+"px",o.current.style.width=r+"px"}o.current.style.top=t+"px",o.current.style.left=e+"px",u.addClass(o.current,"p-ink-active")}};return r((function(){o.current&&(i.current=a(),s())})),n((function(){o.current&&!i.current&&(i.current=a(),s())})),c((function(){o.current&&(i.current=null,i.current&&(i.current.removeEventListener("mousedown",p),u.isTouchDevice()&&i.current.removeEventListener("touchstart",l)))})),t.ripple?e.createElement("span",{role:"presentation",ref:o,className:"p-ink",onAnimationEnd:function(e){u.removeClass(e.currentTarget,"p-ink-active")}}):null})));o.displayName="Ripple",o.defaultProps={__TYPE:"Ripple"};export{o as Ripple};
+import*as e from"react";import t from"primereact/api";import{useMountEffect as r,useUpdateEffect as n,useUnmountEffect as c}from"primereact/hooks";import{DomHandler as u}from"primereact/utils";var o=e.memo(e.forwardRef((function(){var o=e.useRef(null),i=e.useRef(null),a=function(){return o.current&&o.current.parentElement},s=function(){i.current&&(i.current.addEventListener("mousedown",p),u.isTouchDevice()&&i.current.addEventListener("touchstart",l))},l=function(e){var t=u.getOffset(i.current),r=e.targetTouches[0].pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.targetTouches[0].pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)},p=function(e){if(!u.isTouchDevice()){var t=u.getOffset(i.current),r=e.pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)}},f=function(e,t){if(o.current&&"none"!==getComputedStyle(o.current,null).display){if(u.removeClass(o.current,"p-ink-active"),!u.getHeight(o.current)&&!u.getWidth(o.current)){var r=Math.max(u.getOuterWidth(i.current),u.getOuterHeight(i.current));o.current.style.height=r+"px",o.current.style.width=r+"px"}o.current.style.top=t+"px",o.current.style.left=e+"px",u.addClass(o.current,"p-ink-active")}};return r((function(){o.current&&(i.current=a(),s())})),n((function(){o.current&&!i.current&&(i.current=a(),s())})),c((function(){o.current&&(i.current=null,i.current&&(i.current.removeEventListener("mousedown",p),u.isTouchDevice()&&i.current.removeEventListener("touchstart",l)))})),t.ripple?e.createElement("span",{role:"presentation",ref:o,className:"p-ink",onAnimationEnd:function(e){u.removeClass(e.currentTarget,"p-ink-active")}}):null})));o.displayName="Ripple",o.defaultProps={__TYPE:"Ripple"};export{o as Ripple};

package/ripple/ripple.js

@@ -28,67 +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) {
-        isTouching.current = true;
         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/ripple/ripple.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=o(t),a=c(r),l=i.memo(i.forwardRef((function(){var e=i.useRef(null),t=i.useRef(null),r=function(){return e.current&&e.current.parentElement},c=function(){t.current&&(t.current.addEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.addEventListener("touchstart",o))},o=function(r){isTouching.current=!0;var n=u.DomHandler.getOffset(t.current),c=r.targetTouches[0].pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.targetTouches[0].pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)},l=function(r){if(!u.DomHandler.isTouchDevice()){var n=u.DomHandler.getOffset(t.current),c=r.pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)}},d=function(r,n){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(u.DomHandler.removeClass(e.current,"p-ink-active"),!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var c=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=c+"px",e.current.style.width=c+"px"}e.current.style.top=n+"px",e.current.style.left=r+"px",u.DomHandler.addClass(e.current,"p-ink-active")}};return n.useMountEffect((function(){e.current&&(t.current=r(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),c())})),n.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&(t.current.removeEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.removeEventListener("touchstart",o)))})),a.default.ripple?i.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){u.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));return l.displayName="Ripple",l.defaultProps={__TYPE:"Ripple"},e.Ripple=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(t),i=c(r),l=a.memo(a.forwardRef((function(){var e=a.useRef(null),t=a.useRef(null),r=function(){return e.current&&e.current.parentElement},c=function(){t.current&&(t.current.addEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.addEventListener("touchstart",o))},o=function(r){var n=u.DomHandler.getOffset(t.current),c=r.targetTouches[0].pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.targetTouches[0].pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)},l=function(r){if(!u.DomHandler.isTouchDevice()){var n=u.DomHandler.getOffset(t.current),c=r.pageX-n.left+document.body.scrollTop-u.DomHandler.getWidth(e.current)/2,o=r.pageY-n.top+document.body.scrollLeft-u.DomHandler.getHeight(e.current)/2;d(c,o)}},d=function(r,n){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(u.DomHandler.removeClass(e.current,"p-ink-active"),!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var c=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=c+"px",e.current.style.width=c+"px"}e.current.style.top=n+"px",e.current.style.left=r+"px",u.DomHandler.addClass(e.current,"p-ink-active")}};return n.useMountEffect((function(){e.current&&(t.current=r(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),c())})),n.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&(t.current.removeEventListener("mousedown",l),u.DomHandler.isTouchDevice()&&t.current.removeEventListener("touchstart",o)))})),i.default.ripple?a.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){u.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));return l.displayName="Ripple",l.defaultProps={__TYPE:"Ripple"},e.Ripple=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);

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);
       }