primereact 9.3.0 → 9.4.0

package/scrollpanel/scrollpanel.esm.js

@@ -1,40 +1,24 @@
 import * as React from 'react';
 import { useMountEffect, useUnmountEffect } from 'primereact/hooks';
-import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
+import { mergeProps, classNames, DomHandler } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
-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);
-}
-
-var ScrollPanelBase = {
+var ScrollPanelBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ScrollPanel',
     id: null,
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, ScrollPanelBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, ScrollPanelBase.defaultProps);
   }
-};
+});
 
 var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = ScrollPanelBase.getProps(inProps);
+  var _ScrollPanelBase$setM = ScrollPanelBase.setMetaData({
+      props: props
+    }),
+    ptm = _ScrollPanelBase$setM.ptm;
   var containerRef = React.useRef(null);
   var contentRef = React.useRef(null);
   var xBarRef = React.useRef(null);
@@ -172,29 +156,32 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       }
     };
   });
-  var otherProps = ScrollPanelBase.getOtherProps(props);
-  var className = classNames('p-scrollpanel p-component', props.className);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: containerRef,
+  var rootProps = mergeProps({
     id: props.id,
-    className: className,
-    style: props.style
-  }, otherProps), /*#__PURE__*/React.createElement("div", {
-    className: "p-scrollpanel-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    style: props.style,
+    className: classNames('p-scrollpanel p-component', props.className)
+  }, ScrollPanelBase.getOtherProps(props), ptm('root'));
+  var wrapperProps = mergeProps({
+    className: 'p-scrollpanel-wrapper'
+  }, ptm('wrapper'));
+  var contentProps = mergeProps({
+    className: 'p-scrollpanel-content',
     ref: contentRef,
-    className: "p-scrollpanel-content",
     onScroll: moveBar,
     onMouseEnter: moveBar
-  }, props.children)), /*#__PURE__*/React.createElement("div", {
+  }, ptm('content'));
+  var barXProps = mergeProps({
     ref: xBarRef,
-    className: "p-scrollpanel-bar p-scrollpanel-bar-x",
+    className: 'p-scrollpanel-bar p-scrollpanel-bar-x',
     onMouseDown: onXBarMouseDown
-  }), /*#__PURE__*/React.createElement("div", {
+  }, ptm('barx'));
+  var barYProps = mergeProps({
     ref: yBarRef,
-    className: "p-scrollpanel-bar p-scrollpanel-bar-y",
+    className: 'p-scrollpanel-bar p-scrollpanel-bar-y',
     onMouseDown: onYBarMouseDown
-  }));
+  }, ptm('bary'));
+  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", wrapperProps, /*#__PURE__*/React.createElement("div", contentProps, props.children)), /*#__PURE__*/React.createElement("div", barXProps), /*#__PURE__*/React.createElement("div", barYProps));
 });
 ScrollPanel.displayName = 'ScrollPanel';
 

package/scrollpanel/scrollpanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useMountEffect as r,useUnmountEffect as t}from"primereact/hooks";import{ObjectUtils as n,classNames as l,DomHandler as c}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}var u={defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0},getProps:function(e){return n.getMergedProps(e,u.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,u.defaultProps)}},a=e.forwardRef((function(n,a){var s=u.getProps(n),i=e.useRef(null),p=e.useRef(null),d=e.useRef(null),m=e.useRef(null),f=e.useRef(!1),g=e.useRef(!1),h=e.useRef(null),v=e.useRef(null),b=e.useRef(null),w=e.useRef(null),y=e.useRef(null),E=e.useRef(!1),C=function(){var e=p.current.scrollWidth,r=-1*(i.current.clientHeight-d.current.clientHeight);b.current=p.current.clientWidth/e;var t=p.current.scrollHeight,n=-1*(i.current.clientWidth-m.current.clientWidth);w.current=p.current.clientHeight/t,y.current=window.requestAnimationFrame((function(){b.current>=1?c.addClass(d.current,"p-scrollpanel-hidden"):(c.removeClass(d.current,"p-scrollpanel-hidden"),d.current.style.cssText="width:"+Math.max(100*b.current,10)+"%; left:"+p.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),w.current>=1?c.addClass(m.current,"p-scrollpanel-hidden"):(c.removeClass(m.current,"p-scrollpanel-hidden"),m.current.style.cssText="height:"+Math.max(100*w.current,10)+"%; top: calc("+p.current.scrollTop/t*100+"% - "+d.current.clientHeight+"px);right:"+n+"px;")}))},x=function(e){f.current?P(e):(g.current||P(e),R(e))},P=function(e){var r=e.pageX-h.current;h.current=e.pageX,y.current=window.requestAnimationFrame((function(){p.current.scrollLeft+=r/b.current}))},R=function(e){var r=e.pageY-v.current;v.current=e.pageY,y.current=window.requestAnimationFrame((function(){p.current.scrollTop+=r/w.current}))},L=function e(r){c.removeClass(m.current,"p-scrollpanel-grabbed"),c.removeClass(d.current,"p-scrollpanel-grabbed"),c.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",e),f.current=!1,g.current=!1},H=function(){C()};r((function(){var e,r,t;C(),window.addEventListener("resize",C),e=getComputedStyle(i.current),r=getComputedStyle(d.current),t=c.getHeight(i.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===t&&(i.current.style.height=p.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:p.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),E.current=!0})),t((function(){E.current&&window.removeEventListener("resize",C),y.current&&window.cancelAnimationFrame(y.current)})),e.useImperativeHandle(a,(function(){return{props:s,refresh:H,getElement:function(){return i.current},getContent:function(){return p.current},getXBar:function(){return d.current},getYBar:function(){return m.current}}}));var F=u.getOtherProps(s),N=l("p-scrollpanel p-component",s.className);return e.createElement("div",o({ref:i,id:s.id,className:N,style:s.style},F),e.createElement("div",{className:"p-scrollpanel-wrapper"},e.createElement("div",{ref:p,className:"p-scrollpanel-content",onScroll:C,onMouseEnter:C},s.children)),e.createElement("div",{ref:d,className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:function(e){f.current=!0,h.current=e.pageX,c.addClass(d.current,"p-scrollpanel-grabbed"),c.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",x),document.addEventListener("mouseup",L),e.preventDefault()}}),e.createElement("div",{ref:m,className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:function(e){g.current=!0,v.current=e.pageY,c.addClass(m.current,"p-scrollpanel-grabbed"),c.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",x),document.addEventListener("mouseup",L),e.preventDefault()}}))}));a.displayName="ScrollPanel";export{a as ScrollPanel};
+import*as e from"react";import{useMountEffect as r,useUnmountEffect as t}from"primereact/hooks";import{mergeProps as n,classNames as l,DomHandler as c}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";var u=o.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0}}),a=e.forwardRef((function(o,a){var s=u.getProps(o),i=u.setMetaData({props:s}).ptm,p=e.useRef(null),d=e.useRef(null),m=e.useRef(null),f=e.useRef(null),h=e.useRef(!1),g=e.useRef(!1),v=e.useRef(null),b=e.useRef(null),w=e.useRef(null),E=e.useRef(null),x=e.useRef(null),y=e.useRef(!1),C=function(){var e=d.current.scrollWidth,r=-1*(p.current.clientHeight-m.current.clientHeight);w.current=d.current.clientWidth/e;var t=d.current.scrollHeight,n=-1*(p.current.clientWidth-f.current.clientWidth);E.current=d.current.clientHeight/t,x.current=window.requestAnimationFrame((function(){w.current>=1?c.addClass(m.current,"p-scrollpanel-hidden"):(c.removeClass(m.current,"p-scrollpanel-hidden"),m.current.style.cssText="width:"+Math.max(100*w.current,10)+"%; left:"+d.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),E.current>=1?c.addClass(f.current,"p-scrollpanel-hidden"):(c.removeClass(f.current,"p-scrollpanel-hidden"),f.current.style.cssText="height:"+Math.max(100*E.current,10)+"%; top: calc("+d.current.scrollTop/t*100+"% - "+m.current.clientHeight+"px);right:"+n+"px;")}))},R=function(e){h.current?L(e):(g.current||L(e),H(e))},L=function(e){var r=e.pageX-v.current;v.current=e.pageX,x.current=window.requestAnimationFrame((function(){d.current.scrollLeft+=r/w.current}))},H=function(e){var r=e.pageY-b.current;b.current=e.pageY,x.current=window.requestAnimationFrame((function(){d.current.scrollTop+=r/E.current}))},F=function e(r){c.removeClass(f.current,"p-scrollpanel-grabbed"),c.removeClass(m.current,"p-scrollpanel-grabbed"),c.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",R),document.removeEventListener("mouseup",e),h.current=!1,g.current=!1},N=function(){C()};r((function(){var e,r,t;C(),window.addEventListener("resize",C),e=getComputedStyle(p.current),r=getComputedStyle(m.current),t=c.getHeight(p.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===t&&(p.current.style.height=d.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:d.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),y.current=!0})),t((function(){y.current&&window.removeEventListener("resize",C),x.current&&window.cancelAnimationFrame(x.current)})),e.useImperativeHandle(a,(function(){return{props:s,refresh:N,getElement:function(){return p.current},getContent:function(){return d.current},getXBar:function(){return m.current},getYBar:function(){return f.current}}}));var T=n({id:s.id,ref:p,style:s.style,className:l("p-scrollpanel p-component",s.className)},u.getOtherProps(s),i("root")),M=n({className:"p-scrollpanel-wrapper"},i("wrapper")),P=n({className:"p-scrollpanel-content",ref:d,onScroll:C,onMouseEnter:C},i("content")),W=n({ref:m,className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:function(e){h.current=!0,v.current=e.pageX,c.addClass(m.current,"p-scrollpanel-grabbed"),c.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",R),document.addEventListener("mouseup",F),e.preventDefault()}},i("barx")),D=n({ref:f,className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:function(e){g.current=!0,b.current=e.pageY,c.addClass(f.current,"p-scrollpanel-grabbed"),c.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",R),document.addEventListener("mouseup",F),e.preventDefault()}},i("bary"));return e.createElement("div",T,e.createElement("div",M,e.createElement("div",P,s.children)),e.createElement("div",W),e.createElement("div",D))}));a.displayName="ScrollPanel";export{a as ScrollPanel};

package/scrollpanel/scrollpanel.js

@@ -1,227 +1,213 @@
 this.primereact = this.primereact || {};
-this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
-  'use strict';
+this.primereact.scrollpanel = (function (exports, React, hooks, utils, componentbase) {
+    'use strict';
 
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
         }
-      });
+        n["default"] = e;
+        return Object.freeze(n);
     }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
 
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+    var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  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];
-          }
-        }
+    var ScrollPanelBase = componentbase.ComponentBase.extend({
+      defaultProps: {
+        __TYPE: 'ScrollPanel',
+        id: null,
+        style: null,
+        className: null,
+        children: undefined
       }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
-  var ScrollPanelBase = {
-    defaultProps: {
-      __TYPE: 'ScrollPanel',
-      id: null,
-      style: null,
-      className: null,
-      children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, ScrollPanelBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, ScrollPanelBase.defaultProps);
-    }
-  };
+    });
 
-  var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ScrollPanelBase.getProps(inProps);
-    var containerRef = React__namespace.useRef(null);
-    var contentRef = React__namespace.useRef(null);
-    var xBarRef = React__namespace.useRef(null);
-    var yBarRef = React__namespace.useRef(null);
-    var isXBarClicked = React__namespace.useRef(false);
-    var isYBarClicked = React__namespace.useRef(false);
-    var lastPageX = React__namespace.useRef(null);
-    var lastPageY = React__namespace.useRef(null);
-    var scrollXRatio = React__namespace.useRef(null);
-    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'];
-        } else {
-          containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
+    var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var props = ScrollPanelBase.getProps(inProps);
+      var _ScrollPanelBase$setM = ScrollPanelBase.setMetaData({
+          props: props
+        }),
+        ptm = _ScrollPanelBase$setM.ptm;
+      var containerRef = React__namespace.useRef(null);
+      var contentRef = React__namespace.useRef(null);
+      var xBarRef = React__namespace.useRef(null);
+      var yBarRef = React__namespace.useRef(null);
+      var isXBarClicked = React__namespace.useRef(false);
+      var isYBarClicked = React__namespace.useRef(false);
+      var lastPageX = React__namespace.useRef(null);
+      var lastPageY = React__namespace.useRef(null);
+      var scrollXRatio = React__namespace.useRef(null);
+      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'];
+          } else {
+            containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
+          }
         }
-      }
-    };
-    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;
+      };
+      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
-      var totalHeight = contentRef.current.scrollHeight;
-      var ownHeight = contentRef.current.clientHeight;
-      var right = (containerRef.current.clientWidth - yBarRef.current.clientWidth) * -1;
-      scrollYRatio.current = ownHeight / totalHeight;
-      frame.current = window.requestAnimationFrame(function () {
-        if (scrollXRatio.current >= 1) {
-          utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
-        } else {
-          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');
+        // vertical scroll
+        var totalHeight = contentRef.current.scrollHeight;
+        var ownHeight = contentRef.current.clientHeight;
+        var right = (containerRef.current.clientWidth - yBarRef.current.clientWidth) * -1;
+        scrollYRatio.current = ownHeight / totalHeight;
+        frame.current = window.requestAnimationFrame(function () {
+          if (scrollXRatio.current >= 1) {
+            utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
+          } else {
+            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 {
+            utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
+            yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
+          }
+        });
+      };
+      var onYBarMouseDown = function onYBarMouseDown(event) {
+        isYBarClicked.current = true;
+        lastPageY.current = event.pageY;
+        utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
+        utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+        document.addEventListener('mousemove', onDocumentMouseMove);
+        document.addEventListener('mouseup', onDocumentMouseUp);
+        event.preventDefault();
+      };
+      var onXBarMouseDown = function onXBarMouseDown(event) {
+        isXBarClicked.current = true;
+        lastPageX.current = event.pageX;
+        utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
+        utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+        document.addEventListener('mousemove', onDocumentMouseMove);
+        document.addEventListener('mouseup', onDocumentMouseUp);
+        event.preventDefault();
+      };
+      var onDocumentMouseMove = function onDocumentMouseMove(event) {
+        if (isXBarClicked.current) {
+          onMouseMoveForXBar(event);
+        } else if (isYBarClicked.current) {
+          onMouseMoveForYBar(event);
         } else {
-          utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
-          yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
+          onMouseMoveForXBar(event);
+          onMouseMoveForYBar(event);
         }
+      };
+      var onMouseMoveForXBar = function onMouseMoveForXBar(event) {
+        var deltaX = event.pageX - lastPageX.current;
+        lastPageX.current = event.pageX;
+        frame.current = window.requestAnimationFrame(function () {
+          contentRef.current.scrollLeft += deltaX / scrollXRatio.current;
+        });
+      };
+      var onMouseMoveForYBar = function onMouseMoveForYBar(event) {
+        var deltaY = event.pageY - lastPageY.current;
+        lastPageY.current = event.pageY;
+        frame.current = window.requestAnimationFrame(function () {
+          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');
+        utils.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
+        document.removeEventListener('mousemove', onDocumentMouseMove);
+        document.removeEventListener('mouseup', onDocumentMouseUp);
+        isXBarClicked.current = false;
+        isYBarClicked.current = false;
+      };
+      var refresh = function refresh() {
+        moveBar();
+      };
+      hooks.useMountEffect(function () {
+        moveBar();
+        window.addEventListener('resize', moveBar);
+        calculateContainerHeight();
+        initialized.current = true;
       });
-    };
-    var onYBarMouseDown = function onYBarMouseDown(event) {
-      isYBarClicked.current = true;
-      lastPageY.current = event.pageY;
-      utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
-      utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
-      document.addEventListener('mousemove', onDocumentMouseMove);
-      document.addEventListener('mouseup', onDocumentMouseUp);
-      event.preventDefault();
-    };
-    var onXBarMouseDown = function onXBarMouseDown(event) {
-      isXBarClicked.current = true;
-      lastPageX.current = event.pageX;
-      utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
-      utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
-      document.addEventListener('mousemove', onDocumentMouseMove);
-      document.addEventListener('mouseup', onDocumentMouseUp);
-      event.preventDefault();
-    };
-    var onDocumentMouseMove = function onDocumentMouseMove(event) {
-      if (isXBarClicked.current) {
-        onMouseMoveForXBar(event);
-      } else if (isYBarClicked.current) {
-        onMouseMoveForYBar(event);
-      } else {
-        onMouseMoveForXBar(event);
-        onMouseMoveForYBar(event);
-      }
-    };
-    var onMouseMoveForXBar = function onMouseMoveForXBar(event) {
-      var deltaX = event.pageX - lastPageX.current;
-      lastPageX.current = event.pageX;
-      frame.current = window.requestAnimationFrame(function () {
-        contentRef.current.scrollLeft += deltaX / scrollXRatio.current;
+      hooks.useUnmountEffect(function () {
+        if (initialized.current) {
+          window.removeEventListener('resize', moveBar);
+        }
+        if (frame.current) {
+          window.cancelAnimationFrame(frame.current);
+        }
       });
-    };
-    var onMouseMoveForYBar = function onMouseMoveForYBar(event) {
-      var deltaY = event.pageY - lastPageY.current;
-      lastPageY.current = event.pageY;
-      frame.current = window.requestAnimationFrame(function () {
-        contentRef.current.scrollTop += deltaY / scrollYRatio.current;
+      React__namespace.useImperativeHandle(ref, function () {
+        return {
+          props: props,
+          refresh: refresh,
+          getElement: function getElement() {
+            return containerRef.current;
+          },
+          getContent: function getContent() {
+            return contentRef.current;
+          },
+          getXBar: function getXBar() {
+            return xBarRef.current;
+          },
+          getYBar: function getYBar() {
+            return yBarRef.current;
+          }
+        };
       });
-    };
-    var onDocumentMouseUp = function onDocumentMouseUp(event) {
-      utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
-      utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
-      utils.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
-      document.removeEventListener('mousemove', onDocumentMouseMove);
-      document.removeEventListener('mouseup', onDocumentMouseUp);
-      isXBarClicked.current = false;
-      isYBarClicked.current = false;
-    };
-    var refresh = function refresh() {
-      moveBar();
-    };
-    hooks.useMountEffect(function () {
-      moveBar();
-      window.addEventListener('resize', moveBar);
-      calculateContainerHeight();
-      initialized.current = true;
-    });
-    hooks.useUnmountEffect(function () {
-      if (initialized.current) {
-        window.removeEventListener('resize', moveBar);
-      }
-      if (frame.current) {
-        window.cancelAnimationFrame(frame.current);
-      }
-    });
-    React__namespace.useImperativeHandle(ref, function () {
-      return {
-        props: props,
-        refresh: refresh,
-        getElement: function getElement() {
-          return containerRef.current;
-        },
-        getContent: function getContent() {
-          return contentRef.current;
-        },
-        getXBar: function getXBar() {
-          return xBarRef.current;
-        },
-        getYBar: function getYBar() {
-          return yBarRef.current;
-        }
-      };
+      var rootProps = utils.mergeProps({
+        id: props.id,
+        ref: containerRef,
+        style: props.style,
+        className: utils.classNames('p-scrollpanel p-component', props.className)
+      }, ScrollPanelBase.getOtherProps(props), ptm('root'));
+      var wrapperProps = utils.mergeProps({
+        className: 'p-scrollpanel-wrapper'
+      }, ptm('wrapper'));
+      var contentProps = utils.mergeProps({
+        className: 'p-scrollpanel-content',
+        ref: contentRef,
+        onScroll: moveBar,
+        onMouseEnter: moveBar
+      }, ptm('content'));
+      var barXProps = utils.mergeProps({
+        ref: xBarRef,
+        className: 'p-scrollpanel-bar p-scrollpanel-bar-x',
+        onMouseDown: onXBarMouseDown
+      }, ptm('barx'));
+      var barYProps = utils.mergeProps({
+        ref: yBarRef,
+        className: 'p-scrollpanel-bar p-scrollpanel-bar-y',
+        onMouseDown: onYBarMouseDown
+      }, ptm('bary'));
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children)), /*#__PURE__*/React__namespace.createElement("div", barXProps), /*#__PURE__*/React__namespace.createElement("div", barYProps));
     });
-    var otherProps = ScrollPanelBase.getOtherProps(props);
-    var className = utils.classNames('p-scrollpanel p-component', props.className);
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: containerRef,
-      id: props.id,
-      className: className,
-      style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-scrollpanel-wrapper"
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      ref: contentRef,
-      className: "p-scrollpanel-content",
-      onScroll: moveBar,
-      onMouseEnter: moveBar
-    }, props.children)), /*#__PURE__*/React__namespace.createElement("div", {
-      ref: xBarRef,
-      className: "p-scrollpanel-bar p-scrollpanel-bar-x",
-      onMouseDown: onXBarMouseDown
-    }), /*#__PURE__*/React__namespace.createElement("div", {
-      ref: yBarRef,
-      className: "p-scrollpanel-bar p-scrollpanel-bar-y",
-      onMouseDown: onYBarMouseDown
-    }));
-  });
-  ScrollPanel.displayName = 'ScrollPanel';
+    ScrollPanel.displayName = 'ScrollPanel';
 
-  exports.ScrollPanel = ScrollPanel;
+    exports.ScrollPanel = ScrollPanel;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
+    Object.defineProperty(exports, '__esModule', { value: true });
 
-  return exports;
+    return exports;
 
-})({}, React, primereact.hooks, primereact.utils);
+})({}, React, primereact.hooks, primereact.utils, primereact.componentbase);

package/scrollpanel/scrollpanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,r,t,n){"use strict";function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=l(r);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}var u={defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,u.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,u.defaultProps)}},a=c.forwardRef((function(e,r){var l=u.getProps(e),a=c.useRef(null),s=c.useRef(null),i=c.useRef(null),d=c.useRef(null),p=c.useRef(!1),m=c.useRef(!1),f=c.useRef(null),g=c.useRef(null),h=c.useRef(null),v=c.useRef(null),b=c.useRef(null),H=c.useRef(!1),y=function(){var e=s.current.scrollWidth,r=-1*(a.current.clientHeight-i.current.clientHeight);h.current=s.current.clientWidth/e;var t=s.current.scrollHeight,l=-1*(a.current.clientWidth-d.current.clientWidth);v.current=s.current.clientHeight/t,b.current=window.requestAnimationFrame((function(){h.current>=1?n.DomHandler.addClass(i.current,"p-scrollpanel-hidden"):(n.DomHandler.removeClass(i.current,"p-scrollpanel-hidden"),i.current.style.cssText="width:"+Math.max(100*h.current,10)+"%; left:"+s.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),v.current>=1?n.DomHandler.addClass(d.current,"p-scrollpanel-hidden"):(n.DomHandler.removeClass(d.current,"p-scrollpanel-hidden"),d.current.style.cssText="height:"+Math.max(100*v.current,10)+"%; top: calc("+s.current.scrollTop/t*100+"% - "+i.current.clientHeight+"px);right:"+l+"px;")}))},w=function(e){p.current?E(e):(m.current||E(e),D(e))},E=function(e){var r=e.pageX-f.current;f.current=e.pageX,b.current=window.requestAnimationFrame((function(){s.current.scrollLeft+=r/h.current}))},D=function(e){var r=e.pageY-g.current;g.current=e.pageY,b.current=window.requestAnimationFrame((function(){s.current.scrollTop+=r/v.current}))},P=function e(r){n.DomHandler.removeClass(d.current,"p-scrollpanel-grabbed"),n.DomHandler.removeClass(i.current,"p-scrollpanel-grabbed"),n.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",e),p.current=!1,m.current=!1},O=function(){y()};t.useMountEffect((function(){var e,r,t;y(),window.addEventListener("resize",y),e=getComputedStyle(a.current),r=getComputedStyle(i.current),t=n.DomHandler.getHeight(a.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===t&&(a.current.style.height=s.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:s.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),H.current=!0})),t.useUnmountEffect((function(){H.current&&window.removeEventListener("resize",y),b.current&&window.cancelAnimationFrame(b.current)})),c.useImperativeHandle(r,(function(){return{props:l,refresh:O,getElement:function(){return a.current},getContent:function(){return s.current},getXBar:function(){return i.current},getYBar:function(){return d.current}}}));var C=u.getOtherProps(l),R=n.classNames("p-scrollpanel p-component",l.className);return c.createElement("div",o({ref:a,id:l.id,className:R,style:l.style},C),c.createElement("div",{className:"p-scrollpanel-wrapper"},c.createElement("div",{ref:s,className:"p-scrollpanel-content",onScroll:y,onMouseEnter:y},l.children)),c.createElement("div",{ref:i,className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:function(e){p.current=!0,f.current=e.pageX,n.DomHandler.addClass(i.current,"p-scrollpanel-grabbed"),n.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",w),document.addEventListener("mouseup",P),e.preventDefault()}}),c.createElement("div",{ref:d,className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:function(e){m.current=!0,g.current=e.pageY,n.DomHandler.addClass(d.current,"p-scrollpanel-grabbed"),n.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",w),document.addEventListener("mouseup",P),e.preventDefault()}}))}));return a.displayName="ScrollPanel",e.ScrollPanel=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,r,t,n,l){"use strict";function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var o=c(r),a=l.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0}}),u=o.forwardRef((function(e,r){var l=a.getProps(e),c=a.setMetaData({props:l}).ptm,u=o.useRef(null),s=o.useRef(null),i=o.useRef(null),d=o.useRef(null),p=o.useRef(!1),m=o.useRef(!1),f=o.useRef(null),g=o.useRef(null),h=o.useRef(null),v=o.useRef(null),b=o.useRef(null),H=o.useRef(!1),w=function(){var e=s.current.scrollWidth,r=-1*(u.current.clientHeight-i.current.clientHeight);h.current=s.current.clientWidth/e;var t=s.current.scrollHeight,l=-1*(u.current.clientWidth-d.current.clientWidth);v.current=s.current.clientHeight/t,b.current=window.requestAnimationFrame((function(){h.current>=1?n.DomHandler.addClass(i.current,"p-scrollpanel-hidden"):(n.DomHandler.removeClass(i.current,"p-scrollpanel-hidden"),i.current.style.cssText="width:"+Math.max(100*h.current,10)+"%; left:"+s.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),v.current>=1?n.DomHandler.addClass(d.current,"p-scrollpanel-hidden"):(n.DomHandler.removeClass(d.current,"p-scrollpanel-hidden"),d.current.style.cssText="height:"+Math.max(100*v.current,10)+"%; top: calc("+s.current.scrollTop/t*100+"% - "+i.current.clientHeight+"px);right:"+l+"px;")}))},E=function(e){p.current?y(e):(m.current||y(e),D(e))},y=function(e){var r=e.pageX-f.current;f.current=e.pageX,b.current=window.requestAnimationFrame((function(){s.current.scrollLeft+=r/h.current}))},D=function(e){var r=e.pageY-g.current;g.current=e.pageY,b.current=window.requestAnimationFrame((function(){s.current.scrollTop+=r/v.current}))},C=function e(r){n.DomHandler.removeClass(d.current,"p-scrollpanel-grabbed"),n.DomHandler.removeClass(i.current,"p-scrollpanel-grabbed"),n.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",e),p.current=!1,m.current=!1},P=function(){w()};t.useMountEffect((function(){var e,r,t;w(),window.addEventListener("resize",w),e=getComputedStyle(u.current),r=getComputedStyle(i.current),t=n.DomHandler.getHeight(u.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===t&&(u.current.style.height=s.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:s.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),H.current=!0})),t.useUnmountEffect((function(){H.current&&window.removeEventListener("resize",w),b.current&&window.cancelAnimationFrame(b.current)})),o.useImperativeHandle(r,(function(){return{props:l,refresh:P,getElement:function(){return u.current},getContent:function(){return s.current},getXBar:function(){return i.current},getYBar:function(){return d.current}}}));var x=n.mergeProps({id:l.id,ref:u,style:l.style,className:n.classNames("p-scrollpanel p-component",l.className)},a.getOtherProps(l),c("root")),R=n.mergeProps({className:"p-scrollpanel-wrapper"},c("wrapper")),L=n.mergeProps({className:"p-scrollpanel-content",ref:s,onScroll:w,onMouseEnter:w},c("content")),M=n.mergeProps({ref:i,className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:function(e){p.current=!0,f.current=e.pageX,n.DomHandler.addClass(i.current,"p-scrollpanel-grabbed"),n.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",E),document.addEventListener("mouseup",C),e.preventDefault()}},c("barx")),N=n.mergeProps({ref:d,className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:function(e){m.current=!0,g.current=e.pageY,n.DomHandler.addClass(d.current,"p-scrollpanel-grabbed"),n.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",E),document.addEventListener("mouseup",C),e.preventDefault()}},c("bary"));return o.createElement("div",x,o.createElement("div",R,o.createElement("div",L,l.children)),o.createElement("div",M),o.createElement("div",N))}));return u.displayName="ScrollPanel",e.ScrollPanel=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.componentbase);