primereact 9.3.1 → 9.5.0

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

package/scrolltop/scrolltop.cjs.js

@@ -8,6 +8,7 @@ var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var chevronup = require('primereact/icons/chevronup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -33,19 +34,45 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-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);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
 function _arrayWithHoles(arr) {
@@ -103,7 +130,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var ScrollTopBase = {
+var ScrollTopBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ScrollTop',
     target: 'window',
@@ -116,21 +143,24 @@ var ScrollTopBase = {
     onShow: null,
     onHide: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, ScrollTopBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, ScrollTopBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ScrollTopBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var props = ScrollTopBase.getProps(inProps);
+  var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
+      props: props,
+      state: {
+        visible: visibleState
+      }
+    }),
+    ptm = _ScrollTopBase$setMet.ptm;
   var scrollElementRef = React__namespace.useRef(null);
   var helperRef = React__namespace.useRef(null);
   var isTargetParent = props.target === 'parent';
@@ -188,19 +218,24 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(scrollElementRef.current);
   });
-  var otherProps = ScrollTopBase.getOtherProps(props);
   var className = utils.classNames('p-scrolltop p-link p-component', {
     'p-scrolltop-sticky': props.target !== 'window'
   }, props.className);
   var iconClassName = 'p-scrolltop-icon';
-  var icon = props.icon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
-    className: iconClassName
-  });
-  var scrollIcon = utils.IconUtils.getJSXIcon(icon, {
+  var iconProps = utils.mergeProps({
     className: iconClassName
-  }, {
+  }, ptm('icon'));
+  var icon = props.icon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, iconProps);
+  var scrollIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
     props: props
   });
+  var rootProps = utils.mergeProps({
+    ref: scrollElementRef,
+    type: 'button',
+    className: className,
+    style: props.style,
+    onClick: onClick
+  }, ScrollTopBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
     nodeRef: scrollElementRef,
     classNames: "p-scrolltop",
@@ -214,14 +249,7 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     onEnter: onEnter,
     onEntered: onEntered,
     onExited: onExited
-  }, /*#__PURE__*/React__namespace.createElement("button", _extends({
-    ref: scrollElementRef,
-    type: "button",
-    className: className,
-    style: props.style
-  }, otherProps, {
-    onClick: onClick
-  }), scrollIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), isTargetParent && /*#__PURE__*/React__namespace.createElement("span", {
+  }, /*#__PURE__*/React__namespace.createElement("button", rootProps, scrollIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), isTargetParent && /*#__PURE__*/React__namespace.createElement("span", {
     ref: helperRef,
     className: "p-scrolltop-helper"
   }));

package/scrolltop/scrolltop.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/ripple"),l=require("primereact/utils"),i=require("primereact/icons/chevronup");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 c=u(e),s=a(t);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,a=[],u=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=l.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e,t){if(e){if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return f(e)||d(e,t)||y(e,t)||g()}var b={defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,b.defaultProps)}},v=c.memo(c.forwardRef((function(e,t){var a=b.getProps(e),u=h(c.useState(!1),2),f=u[0],d=u[1],m=c.useRef(null),y=c.useRef(null),g="parent"===a.target,v=h(n.useEventListener({target:function(){return y.current&&y.current.parentElement},type:"scroll",listener:function(e){O(e.currentTarget.scrollTop)}}),1)[0],w=h(n.useEventListener({target:"window",type:"scroll",listener:function(){O(l.DomHandler.getWindowScrollTop())}}),1)[0],O=function(e){d(e>a.threshold)};c.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return elementRef.current}}})),n.useMountEffect((function(){"window"===a.target?w():"parent"===a.target&&v()})),n.useUnmountEffect((function(){l.ZIndexUtils.clear(m.current)}));var E=b.getOtherProps(a),j=l.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==a.target},a.className),S="p-scrolltop-icon",P=l.IconUtils.getJSXIcon(a.icon||c.createElement(i.ChevronUpIcon,{className:S}),{className:S},{props:a});return c.createElement(c.Fragment,null,c.createElement(r.CSSTransition,{nodeRef:m,classNames:"p-scrolltop",in:f,timeout:{enter:150,exit:150},options:a.transitionOptions,unmountOnExit:!0,onEnter:function(){l.ZIndexUtils.set("overlay",m.current,s.default.autoZIndex,s.default.zIndex.overlay)},onEntered:function(){a.onShow&&a.onShow()},onExited:function(){l.ZIndexUtils.clear(m.current),a.onHide&&a.onHide()}},c.createElement("button",p({ref:m,type:"button",className:j,style:a.style},E,{onClick:function(){("window"===a.target?window:y.current.parentElement).scroll({top:0,behavior:a.behavior})}}),P,c.createElement(o.Ripple,null))),g&&c.createElement("span",{ref:y,className:"p-scrolltop-helper"}))})));v.displayName="ScrollTop",exports.ScrollTop=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils"),l=require("primereact/componentbase"),c=require("primereact/icons/chevronup");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(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 s=a(e),p=u(t);function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function b(e,t,r){return(t=y(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,c=[],u=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);u=!0);}catch(e){a=!0,o=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw o}}return c}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function O(e,t){if(e){if("string"==typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?g(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return d(e)||v(e,t)||O(e,t)||h()}var j=l.ComponentBase.extend({defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0}});function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=s.memo(s.forwardRef((function(e,t){var l=w(s.useState(!1),2),u=l[0],a=l[1],f=j.getProps(e),m=j.setMetaData({props:f,state:{visible:u}}).ptm,y=s.useRef(null),b=s.useRef(null),d="parent"===f.target,v=w(n.useEventListener({target:function(){return b.current&&b.current.parentElement},type:"scroll",listener:function(e){O(e.currentTarget.scrollTop)}}),1)[0],g=w(n.useEventListener({target:"window",type:"scroll",listener:function(){O(i.DomHandler.getWindowScrollTop())}}),1)[0],O=function(e){a(e>f.threshold)};s.useImperativeHandle(t,(function(){return{props:f,getElement:function(){return elementRef.current}}})),n.useMountEffect((function(){"window"===f.target?g():"parent"===f.target&&v()})),n.useUnmountEffect((function(){i.ZIndexUtils.clear(y.current)}));var h=i.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==f.target},f.className),S=i.mergeProps({className:"p-scrolltop-icon"},m("icon")),P=i.IconUtils.getJSXIcon(f.icon||s.createElement(c.ChevronUpIcon,S),E({},S),{props:f}),x=i.mergeProps({ref:y,type:"button",className:h,style:f.style,onClick:function(){("window"===f.target?window:b.current.parentElement).scroll({top:0,behavior:f.behavior})}},j.getOtherProps(f),m("root"));return s.createElement(s.Fragment,null,s.createElement(r.CSSTransition,{nodeRef:y,classNames:"p-scrolltop",in:u,timeout:{enter:150,exit:150},options:f.transitionOptions,unmountOnExit:!0,onEnter:function(){i.ZIndexUtils.set("overlay",y.current,p.default.autoZIndex,p.default.zIndex.overlay)},onEntered:function(){f.onShow&&f.onShow()},onExited:function(){i.ZIndexUtils.clear(y.current),f.onHide&&f.onHide()}},s.createElement("button",x,P,s.createElement(o.Ripple,null))),d&&s.createElement("span",{ref:b,className:"p-scrolltop-helper"}))})));P.displayName="ScrollTop",exports.ScrollTop=P;