primereact 8.7.2 → 9.0.0-beta.1

package/ripple/ripple.cjs.js

@@ -33,66 +33,54 @@ var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 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/ripple/ripple.d.ts

@@ -1,7 +1,35 @@
+/**
+ *
+ * Ripple component adds ripple effect to the host element.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/ripple)
+ *
+ * @module ripple
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in Ripple component.
+ * @group Properties
+ */
 export interface RippleProps {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Ripple**
+ *
+ * _Ripple component adds ripple effect to the host element._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/ripple/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Ripple extends React.Component<RippleProps, any> {}

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.d.ts

@@ -1,9 +1,43 @@
+/**
+ *
+ * Row component is a helper component used to create grouping structures in DataTable.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/datatable/)
+ *
+ * @module row
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in Row component.
+ * @group Properties
+ */
 export interface RowProps {
-    style?: React.CSSProperties;
-    className?: string;
-    children?: React.ReactNode;
+    /**
+     * Inline style of the element.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Style class of the row.
+     */
+    className?: string | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Row**
+ *
+ * _Row component is a helper component used to create grouping structures in DataTable._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/datatable/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Row extends React.Component<RowProps, any> {}

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.d.ts

@@ -1,12 +1,56 @@
+/**
+ *
+ * ScrollPanel is a cross browser, lightweight and skinnable alternative to native browser scrollbar.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/scrollpanel/)
+ *
+ * @module scrollpanel
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in ScrollPanel component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface ScrollPanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - ScrollPanel**
+ *
+ * _ScrollPanel is a cross browser, lightweight and skinnable alternative to native browser scrollbar._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/scrollpanel/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class ScrollPanel extends React.Component<ScrollPanelProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get content of the scrollpanel.
+     * @return {HTMLDivElement} Content element
+     */
     public getContent(): HTMLDivElement;
+    /**
+     * Used to get horizontal scrollbar of the panel.
+     * @return {HTMLDivElement} Horizontal bar element
+     */
     public getXBar(): HTMLDivElement;
+    /**
+     * Used to get vertical scrollbar of the panel.
+     * @return {HTMLDivElement} Vertical bar element
+     */
     public getYBar(): HTMLDivElement;
 }

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