primereact 7.0.0-rc.2 → 7.0.0

package/scrollpanel/scrollpanel.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -138,7 +138,7 @@ var ScrollPanel = /*#__PURE__*/function (_Component) {
     value: function calculateContainerHeight() {
       var containerStyles = getComputedStyle(this.container),
           xBarStyles = getComputedStyle(this.xBar),
-          pureContainerHeight = core.DomHandler.getHeight(this.container) - parseInt(xBarStyles['height'], 10);
+          pureContainerHeight = utils.DomHandler.getHeight(this.container) - parseInt(xBarStyles['height'], 10);
 
       if (containerStyles['max-height'] !== "none" && pureContainerHeight === 0) {
         if (this.content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
@@ -166,16 +166,16 @@ var ScrollPanel = /*#__PURE__*/function (_Component) {
       this.scrollYRatio = ownHeight / totalHeight;
       this.frame = this.requestAnimationFrame(function () {
         if (_this2.scrollXRatio >= 1) {
-          core.DomHandler.addClass(_this2.xBar, 'p-scrollpanel-hidden');
+          utils.DomHandler.addClass(_this2.xBar, 'p-scrollpanel-hidden');
         } else {
-          core.DomHandler.removeClass(_this2.xBar, 'p-scrollpanel-hidden');
+          utils.DomHandler.removeClass(_this2.xBar, 'p-scrollpanel-hidden');
           _this2.xBar.style.cssText = 'width:' + Math.max(_this2.scrollXRatio * 100, 10) + '%; left:' + _this2.content.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
         }
 
         if (_this2.scrollYRatio >= 1) {
-          core.DomHandler.addClass(_this2.yBar, 'p-scrollpanel-hidden');
+          utils.DomHandler.addClass(_this2.yBar, 'p-scrollpanel-hidden');
         } else {
-          core.DomHandler.removeClass(_this2.yBar, 'p-scrollpanel-hidden');
+          utils.DomHandler.removeClass(_this2.yBar, 'p-scrollpanel-hidden');
           _this2.yBar.style.cssText = 'height:' + Math.max(_this2.scrollYRatio * 100, 10) + '%; top: calc(' + _this2.content.scrollTop / totalHeight * 100 + '% - ' + _this2.xBar.clientHeight + 'px);right:' + right + 'px;';
         }
       });
@@ -185,8 +185,8 @@ var ScrollPanel = /*#__PURE__*/function (_Component) {
     value: function onYBarMouseDown(e) {
       this.isYBarClicked = true;
       this.lastPageY = e.pageY;
-      core.DomHandler.addClass(this.yBar, 'p-scrollpanel-grabbed');
-      core.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+      utils.DomHandler.addClass(this.yBar, 'p-scrollpanel-grabbed');
+      utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
       document.addEventListener('mousemove', this.onDocumentMouseMove);
       document.addEventListener('mouseup', this.onDocumentMouseUp);
       e.preventDefault();
@@ -196,8 +196,8 @@ var ScrollPanel = /*#__PURE__*/function (_Component) {
     value: function onXBarMouseDown(e) {
       this.isXBarClicked = true;
       this.lastPageX = e.pageX;
-      core.DomHandler.addClass(this.xBar, 'p-scrollpanel-grabbed');
-      core.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+      utils.DomHandler.addClass(this.xBar, 'p-scrollpanel-grabbed');
+      utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
       document.addEventListener('mousemove', this.onDocumentMouseMove);
       document.addEventListener('mouseup', this.onDocumentMouseUp);
       e.preventDefault();
@@ -239,9 +239,9 @@ var ScrollPanel = /*#__PURE__*/function (_Component) {
   }, {
     key: "onDocumentMouseUp",
     value: function onDocumentMouseUp(e) {
-      core.DomHandler.removeClass(this.yBar, 'p-scrollpanel-grabbed');
-      core.DomHandler.removeClass(this.xBar, 'p-scrollpanel-grabbed');
-      core.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
+      utils.DomHandler.removeClass(this.yBar, 'p-scrollpanel-grabbed');
+      utils.DomHandler.removeClass(this.xBar, 'p-scrollpanel-grabbed');
+      utils.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
       document.removeEventListener('mousemove', this.onDocumentMouseMove);
       document.removeEventListener('mouseup', this.onDocumentMouseUp);
       this.isXBarClicked = false;
@@ -283,30 +283,30 @@ var ScrollPanel = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this5 = this;
 
-      var className = core.classNames('p-scrollpanel p-component', this.props.className);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      var className = utils.classNames('p-scrollpanel p-component', this.props.className);
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this5.container = el;
         },
         id: this.props.id,
         className: className,
         style: this.props.style
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-scrollpanel-wrapper"
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this5.content = el;
         },
         className: "p-scrollpanel-content",
         onScroll: this.moveBar,
         onMouseEnter: this.moveBar
-      }, this.props.children)), /*#__PURE__*/React__default['default'].createElement("div", {
+      }, this.props.children)), /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this5.xBar = el;
         },
         className: "p-scrollpanel-bar p-scrollpanel-bar-x",
         onMouseDown: this.onXBarMouseDown
-      }), /*#__PURE__*/React__default['default'].createElement("div", {
+      }), /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this5.yBar = el;
         },

package/scrollpanel/scrollpanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e);function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function i(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function c(e){return(c="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})(e)}function u(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return i(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function h(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,m,f,v=function(o){l(y,e.Component);var s,c,d,m,f,v=(s=y,c=h(),function(){var e,t=p(s);if(c){var o=p(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return u(this,e)});function y(e){var t;return r(this,y),(t=v.call(this,e)).moveBar=t.moveBar.bind(i(t)),t.onXBarMouseDown=t.onXBarMouseDown.bind(i(t)),t.onYBarMouseDown=t.onYBarMouseDown.bind(i(t)),t.onDocumentMouseMove=t.onDocumentMouseMove.bind(i(t)),t.onDocumentMouseUp=t.onDocumentMouseUp.bind(i(t)),t}return d=y,(m=[{key:"calculateContainerHeight",value:function(){var e=getComputedStyle(this.container),o=getComputedStyle(this.xBar),n=t.DomHandler.getHeight(this.container)-parseInt(o.height,10);"none"!==e["max-height"]&&0===n&&(this.container.style.height=this.content.offsetHeight+parseInt(o.height,10)>parseInt(e["max-height"],10)?e["max-height"]:this.content.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px")}},{key:"moveBar",value:function(){var e=this,o=this.content.scrollWidth,n=-1*(this.container.clientHeight-this.xBar.clientHeight);this.scrollXRatio=this.content.clientWidth/o;var r=this.content.scrollHeight,a=-1*(this.container.clientWidth-this.yBar.clientWidth);this.scrollYRatio=this.content.clientHeight/r,this.frame=this.requestAnimationFrame((function(){e.scrollXRatio>=1?t.DomHandler.addClass(e.xBar,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(e.xBar,"p-scrollpanel-hidden"),e.xBar.style.cssText="width:"+Math.max(100*e.scrollXRatio,10)+"%; left:"+e.content.scrollLeft/o*100+"%;bottom:"+n+"px;"),e.scrollYRatio>=1?t.DomHandler.addClass(e.yBar,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(e.yBar,"p-scrollpanel-hidden"),e.yBar.style.cssText="height:"+Math.max(100*e.scrollYRatio,10)+"%; top: calc("+e.content.scrollTop/r*100+"% - "+e.xBar.clientHeight+"px);right:"+a+"px;")}))}},{key:"onYBarMouseDown",value:function(e){this.isYBarClicked=!0,this.lastPageY=e.pageY,t.DomHandler.addClass(this.yBar,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onXBarMouseDown",value:function(e){this.isXBarClicked=!0,this.lastPageX=e.pageX,t.DomHandler.addClass(this.xBar,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onDocumentMouseMove",value:function(e){this.isXBarClicked?this.onMouseMoveForXBar(e):(this.isYBarClicked||this.onMouseMoveForXBar(e),this.onMouseMoveForYBar(e))}},{key:"onMouseMoveForXBar",value:function(e){var t=this,o=e.pageX-this.lastPageX;this.lastPageX=e.pageX,this.frame=this.requestAnimationFrame((function(){t.content.scrollLeft+=o/t.scrollXRatio}))}},{key:"onMouseMoveForYBar",value:function(e){var t=this,o=e.pageY-this.lastPageY;this.lastPageY=e.pageY,this.frame=this.requestAnimationFrame((function(){t.content.scrollTop+=o/t.scrollYRatio}))}},{key:"onDocumentMouseUp",value:function(e){t.DomHandler.removeClass(this.yBar,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(this.xBar,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",this.onDocumentMouseMove),document.removeEventListener("mouseup",this.onDocumentMouseUp),this.isXBarClicked=!1,this.isYBarClicked=!1}},{key:"requestAnimationFrame",value:function(e){return(window.requestAnimationFrame||this.timeoutFrame)(e)}},{key:"refresh",value:function(){this.moveBar()}},{key:"componentDidMount",value:function(){this.moveBar(),this.moveBar=this.moveBar.bind(this),window.addEventListener("resize",this.moveBar),this.calculateContainerHeight(),this.initialized=!0}},{key:"componentWillUnmount",value:function(){this.initialized&&window.removeEventListener("resize",this.moveBar),this.frame&&window.cancelAnimationFrame(this.frame)}},{key:"render",value:function(){var e=this,o=t.classNames("p-scrollpanel p-component",this.props.className);return n.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:o,style:this.props.style},n.default.createElement("div",{className:"p-scrollpanel-wrapper"},n.default.createElement("div",{ref:function(t){return e.content=t},className:"p-scrollpanel-content",onScroll:this.moveBar,onMouseEnter:this.moveBar},this.props.children)),n.default.createElement("div",{ref:function(t){return e.xBar=t},className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:this.onXBarMouseDown}),n.default.createElement("div",{ref:function(t){return e.yBar=t},className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:this.onYBarMouseDown}))}}])&&a(d.prototype,m),f&&a(d,f),y}();f={id:null,style:null,className:null},(m="defaultProps")in(d=v)?Object.defineProperty(d,m,{value:f,enumerable:!0,configurable:!0,writable:!0}):d[m]=f,exports.ScrollPanel=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e);function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function i(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},s(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function c(e){return c="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},c(e)}function u(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return i(e)}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function h(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,m,f,v=function(o){l(y,e.Component);var s,c,d,m,f,v=(s=y,c=h(),function(){var e,t=p(s);if(c){var o=p(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return u(this,e)});function y(e){var t;return r(this,y),(t=v.call(this,e)).moveBar=t.moveBar.bind(i(t)),t.onXBarMouseDown=t.onXBarMouseDown.bind(i(t)),t.onYBarMouseDown=t.onYBarMouseDown.bind(i(t)),t.onDocumentMouseMove=t.onDocumentMouseMove.bind(i(t)),t.onDocumentMouseUp=t.onDocumentMouseUp.bind(i(t)),t}return d=y,(m=[{key:"calculateContainerHeight",value:function(){var e=getComputedStyle(this.container),o=getComputedStyle(this.xBar),n=t.DomHandler.getHeight(this.container)-parseInt(o.height,10);"none"!==e["max-height"]&&0===n&&(this.container.style.height=this.content.offsetHeight+parseInt(o.height,10)>parseInt(e["max-height"],10)?e["max-height"]:this.content.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px")}},{key:"moveBar",value:function(){var e=this,o=this.content.scrollWidth,n=-1*(this.container.clientHeight-this.xBar.clientHeight);this.scrollXRatio=this.content.clientWidth/o;var r=this.content.scrollHeight,a=-1*(this.container.clientWidth-this.yBar.clientWidth);this.scrollYRatio=this.content.clientHeight/r,this.frame=this.requestAnimationFrame((function(){e.scrollXRatio>=1?t.DomHandler.addClass(e.xBar,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(e.xBar,"p-scrollpanel-hidden"),e.xBar.style.cssText="width:"+Math.max(100*e.scrollXRatio,10)+"%; left:"+e.content.scrollLeft/o*100+"%;bottom:"+n+"px;"),e.scrollYRatio>=1?t.DomHandler.addClass(e.yBar,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(e.yBar,"p-scrollpanel-hidden"),e.yBar.style.cssText="height:"+Math.max(100*e.scrollYRatio,10)+"%; top: calc("+e.content.scrollTop/r*100+"% - "+e.xBar.clientHeight+"px);right:"+a+"px;")}))}},{key:"onYBarMouseDown",value:function(e){this.isYBarClicked=!0,this.lastPageY=e.pageY,t.DomHandler.addClass(this.yBar,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onXBarMouseDown",value:function(e){this.isXBarClicked=!0,this.lastPageX=e.pageX,t.DomHandler.addClass(this.xBar,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onDocumentMouseMove",value:function(e){this.isXBarClicked?this.onMouseMoveForXBar(e):(this.isYBarClicked||this.onMouseMoveForXBar(e),this.onMouseMoveForYBar(e))}},{key:"onMouseMoveForXBar",value:function(e){var t=this,o=e.pageX-this.lastPageX;this.lastPageX=e.pageX,this.frame=this.requestAnimationFrame((function(){t.content.scrollLeft+=o/t.scrollXRatio}))}},{key:"onMouseMoveForYBar",value:function(e){var t=this,o=e.pageY-this.lastPageY;this.lastPageY=e.pageY,this.frame=this.requestAnimationFrame((function(){t.content.scrollTop+=o/t.scrollYRatio}))}},{key:"onDocumentMouseUp",value:function(e){t.DomHandler.removeClass(this.yBar,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(this.xBar,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",this.onDocumentMouseMove),document.removeEventListener("mouseup",this.onDocumentMouseUp),this.isXBarClicked=!1,this.isYBarClicked=!1}},{key:"requestAnimationFrame",value:function(e){return(window.requestAnimationFrame||this.timeoutFrame)(e)}},{key:"refresh",value:function(){this.moveBar()}},{key:"componentDidMount",value:function(){this.moveBar(),this.moveBar=this.moveBar.bind(this),window.addEventListener("resize",this.moveBar),this.calculateContainerHeight(),this.initialized=!0}},{key:"componentWillUnmount",value:function(){this.initialized&&window.removeEventListener("resize",this.moveBar),this.frame&&window.cancelAnimationFrame(this.frame)}},{key:"render",value:function(){var e=this,o=t.classNames("p-scrollpanel p-component",this.props.className);return n.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:o,style:this.props.style},n.default.createElement("div",{className:"p-scrollpanel-wrapper"},n.default.createElement("div",{ref:function(t){return e.content=t},className:"p-scrollpanel-content",onScroll:this.moveBar,onMouseEnter:this.moveBar},this.props.children)),n.default.createElement("div",{ref:function(t){return e.xBar=t},className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:this.onXBarMouseDown}),n.default.createElement("div",{ref:function(t){return e.yBar=t},className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:this.onYBarMouseDown}))}}])&&a(d.prototype,m),f&&a(d,f),y}();f={id:null,style:null,className:null},(m="defaultProps")in(d=v)?Object.defineProperty(d,m,{value:f,enumerable:!0,configurable:!0,writable:!0}):d[m]=f,exports.ScrollPanel=v;

package/scrollpanel/scrollpanel.esm.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { DomHandler, classNames } from 'primereact/core';
+import { DomHandler, classNames } from 'primereact/utils';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {

package/scrollpanel/scrollpanel.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{DomHandler as o,classNames as n}from"primereact/core";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function c(e){return(c="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})(e)}function u(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function h(e){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m,d,f,v=function(s){l(b,t);var c,m,d,f,v,y=(c=b,m=p(),function(){var e,t=h(c);if(m){var o=h(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return u(this,e)});function b(e){var t;return r(this,b),(t=y.call(this,e)).moveBar=t.moveBar.bind(a(t)),t.onXBarMouseDown=t.onXBarMouseDown.bind(a(t)),t.onYBarMouseDown=t.onYBarMouseDown.bind(a(t)),t.onDocumentMouseMove=t.onDocumentMouseMove.bind(a(t)),t.onDocumentMouseUp=t.onDocumentMouseUp.bind(a(t)),t}return d=b,(f=[{key:"calculateContainerHeight",value:function(){var e=getComputedStyle(this.container),t=getComputedStyle(this.xBar),n=o.getHeight(this.container)-parseInt(t.height,10);"none"!==e["max-height"]&&0===n&&(this.container.style.height=this.content.offsetHeight+parseInt(t.height,10)>parseInt(e["max-height"],10)?e["max-height"]:this.content.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px")}},{key:"moveBar",value:function(){var e=this,t=this.content.scrollWidth,n=-1*(this.container.clientHeight-this.xBar.clientHeight);this.scrollXRatio=this.content.clientWidth/t;var r=this.content.scrollHeight,i=-1*(this.container.clientWidth-this.yBar.clientWidth);this.scrollYRatio=this.content.clientHeight/r,this.frame=this.requestAnimationFrame((function(){e.scrollXRatio>=1?o.addClass(e.xBar,"p-scrollpanel-hidden"):(o.removeClass(e.xBar,"p-scrollpanel-hidden"),e.xBar.style.cssText="width:"+Math.max(100*e.scrollXRatio,10)+"%; left:"+e.content.scrollLeft/t*100+"%;bottom:"+n+"px;"),e.scrollYRatio>=1?o.addClass(e.yBar,"p-scrollpanel-hidden"):(o.removeClass(e.yBar,"p-scrollpanel-hidden"),e.yBar.style.cssText="height:"+Math.max(100*e.scrollYRatio,10)+"%; top: calc("+e.content.scrollTop/r*100+"% - "+e.xBar.clientHeight+"px);right:"+i+"px;")}))}},{key:"onYBarMouseDown",value:function(e){this.isYBarClicked=!0,this.lastPageY=e.pageY,o.addClass(this.yBar,"p-scrollpanel-grabbed"),o.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onXBarMouseDown",value:function(e){this.isXBarClicked=!0,this.lastPageX=e.pageX,o.addClass(this.xBar,"p-scrollpanel-grabbed"),o.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onDocumentMouseMove",value:function(e){this.isXBarClicked?this.onMouseMoveForXBar(e):(this.isYBarClicked||this.onMouseMoveForXBar(e),this.onMouseMoveForYBar(e))}},{key:"onMouseMoveForXBar",value:function(e){var t=this,o=e.pageX-this.lastPageX;this.lastPageX=e.pageX,this.frame=this.requestAnimationFrame((function(){t.content.scrollLeft+=o/t.scrollXRatio}))}},{key:"onMouseMoveForYBar",value:function(e){var t=this,o=e.pageY-this.lastPageY;this.lastPageY=e.pageY,this.frame=this.requestAnimationFrame((function(){t.content.scrollTop+=o/t.scrollYRatio}))}},{key:"onDocumentMouseUp",value:function(e){o.removeClass(this.yBar,"p-scrollpanel-grabbed"),o.removeClass(this.xBar,"p-scrollpanel-grabbed"),o.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",this.onDocumentMouseMove),document.removeEventListener("mouseup",this.onDocumentMouseUp),this.isXBarClicked=!1,this.isYBarClicked=!1}},{key:"requestAnimationFrame",value:function(e){return(window.requestAnimationFrame||this.timeoutFrame)(e)}},{key:"refresh",value:function(){this.moveBar()}},{key:"componentDidMount",value:function(){this.moveBar(),this.moveBar=this.moveBar.bind(this),window.addEventListener("resize",this.moveBar),this.calculateContainerHeight(),this.initialized=!0}},{key:"componentWillUnmount",value:function(){this.initialized&&window.removeEventListener("resize",this.moveBar),this.frame&&window.cancelAnimationFrame(this.frame)}},{key:"render",value:function(){var t=this,o=n("p-scrollpanel p-component",this.props.className);return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:o,style:this.props.style},e.createElement("div",{className:"p-scrollpanel-wrapper"},e.createElement("div",{ref:function(e){return t.content=e},className:"p-scrollpanel-content",onScroll:this.moveBar,onMouseEnter:this.moveBar},this.props.children)),e.createElement("div",{ref:function(e){return t.xBar=e},className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:this.onXBarMouseDown}),e.createElement("div",{ref:function(e){return t.yBar=e},className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:this.onYBarMouseDown}))}}])&&i(d.prototype,f),v&&i(d,v),b}();f={id:null,style:null,className:null},(d="defaultProps")in(m=v)?Object.defineProperty(m,d,{value:f,enumerable:!0,configurable:!0,writable:!0}):m[d]=f;export{v as ScrollPanel};
+import e,{Component as t}from"react";import{DomHandler as o,classNames as n}from"primereact/utils";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},s(e,t)}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function c(e){return c="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},c(e)}function u(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m,d,f,v=function(s){l(b,t);var c,m,d,f,v,y=(c=b,m=p(),function(){var e,t=h(c);if(m){var o=h(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return u(this,e)});function b(e){var t;return r(this,b),(t=y.call(this,e)).moveBar=t.moveBar.bind(a(t)),t.onXBarMouseDown=t.onXBarMouseDown.bind(a(t)),t.onYBarMouseDown=t.onYBarMouseDown.bind(a(t)),t.onDocumentMouseMove=t.onDocumentMouseMove.bind(a(t)),t.onDocumentMouseUp=t.onDocumentMouseUp.bind(a(t)),t}return d=b,(f=[{key:"calculateContainerHeight",value:function(){var e=getComputedStyle(this.container),t=getComputedStyle(this.xBar),n=o.getHeight(this.container)-parseInt(t.height,10);"none"!==e["max-height"]&&0===n&&(this.container.style.height=this.content.offsetHeight+parseInt(t.height,10)>parseInt(e["max-height"],10)?e["max-height"]:this.content.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px")}},{key:"moveBar",value:function(){var e=this,t=this.content.scrollWidth,n=-1*(this.container.clientHeight-this.xBar.clientHeight);this.scrollXRatio=this.content.clientWidth/t;var r=this.content.scrollHeight,i=-1*(this.container.clientWidth-this.yBar.clientWidth);this.scrollYRatio=this.content.clientHeight/r,this.frame=this.requestAnimationFrame((function(){e.scrollXRatio>=1?o.addClass(e.xBar,"p-scrollpanel-hidden"):(o.removeClass(e.xBar,"p-scrollpanel-hidden"),e.xBar.style.cssText="width:"+Math.max(100*e.scrollXRatio,10)+"%; left:"+e.content.scrollLeft/t*100+"%;bottom:"+n+"px;"),e.scrollYRatio>=1?o.addClass(e.yBar,"p-scrollpanel-hidden"):(o.removeClass(e.yBar,"p-scrollpanel-hidden"),e.yBar.style.cssText="height:"+Math.max(100*e.scrollYRatio,10)+"%; top: calc("+e.content.scrollTop/r*100+"% - "+e.xBar.clientHeight+"px);right:"+i+"px;")}))}},{key:"onYBarMouseDown",value:function(e){this.isYBarClicked=!0,this.lastPageY=e.pageY,o.addClass(this.yBar,"p-scrollpanel-grabbed"),o.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onXBarMouseDown",value:function(e){this.isXBarClicked=!0,this.lastPageX=e.pageX,o.addClass(this.xBar,"p-scrollpanel-grabbed"),o.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onDocumentMouseMove",value:function(e){this.isXBarClicked?this.onMouseMoveForXBar(e):(this.isYBarClicked||this.onMouseMoveForXBar(e),this.onMouseMoveForYBar(e))}},{key:"onMouseMoveForXBar",value:function(e){var t=this,o=e.pageX-this.lastPageX;this.lastPageX=e.pageX,this.frame=this.requestAnimationFrame((function(){t.content.scrollLeft+=o/t.scrollXRatio}))}},{key:"onMouseMoveForYBar",value:function(e){var t=this,o=e.pageY-this.lastPageY;this.lastPageY=e.pageY,this.frame=this.requestAnimationFrame((function(){t.content.scrollTop+=o/t.scrollYRatio}))}},{key:"onDocumentMouseUp",value:function(e){o.removeClass(this.yBar,"p-scrollpanel-grabbed"),o.removeClass(this.xBar,"p-scrollpanel-grabbed"),o.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",this.onDocumentMouseMove),document.removeEventListener("mouseup",this.onDocumentMouseUp),this.isXBarClicked=!1,this.isYBarClicked=!1}},{key:"requestAnimationFrame",value:function(e){return(window.requestAnimationFrame||this.timeoutFrame)(e)}},{key:"refresh",value:function(){this.moveBar()}},{key:"componentDidMount",value:function(){this.moveBar(),this.moveBar=this.moveBar.bind(this),window.addEventListener("resize",this.moveBar),this.calculateContainerHeight(),this.initialized=!0}},{key:"componentWillUnmount",value:function(){this.initialized&&window.removeEventListener("resize",this.moveBar),this.frame&&window.cancelAnimationFrame(this.frame)}},{key:"render",value:function(){var t=this,o=n("p-scrollpanel p-component",this.props.className);return e.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:o,style:this.props.style},e.createElement("div",{className:"p-scrollpanel-wrapper"},e.createElement("div",{ref:function(e){return t.content=e},className:"p-scrollpanel-content",onScroll:this.moveBar,onMouseEnter:this.moveBar},this.props.children)),e.createElement("div",{ref:function(e){return t.xBar=e},className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:this.onXBarMouseDown}),e.createElement("div",{ref:function(e){return t.yBar=e},className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:this.onYBarMouseDown}))}}])&&i(d.prototype,f),v&&i(d,v),b}();f={id:null,style:null,className:null},(d="defaultProps")in(m=v)?Object.defineProperty(m,d,{value:f,enumerable:!0,configurable:!0,writable:!0}):m[d]=f;export{v as ScrollPanel};

package/scrollpanel/scrollpanel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.scrollpanel = (function (exports, React, core) {
+this.primereact.scrollpanel = (function (exports, React, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -135,7 +135,7 @@ this.primereact.scrollpanel = (function (exports, React, core) {
       value: function calculateContainerHeight() {
         var containerStyles = getComputedStyle(this.container),
             xBarStyles = getComputedStyle(this.xBar),
-            pureContainerHeight = core.DomHandler.getHeight(this.container) - parseInt(xBarStyles['height'], 10);
+            pureContainerHeight = utils.DomHandler.getHeight(this.container) - parseInt(xBarStyles['height'], 10);
 
         if (containerStyles['max-height'] !== "none" && pureContainerHeight === 0) {
           if (this.content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
@@ -163,16 +163,16 @@ this.primereact.scrollpanel = (function (exports, React, core) {
         this.scrollYRatio = ownHeight / totalHeight;
         this.frame = this.requestAnimationFrame(function () {
           if (_this2.scrollXRatio >= 1) {
-            core.DomHandler.addClass(_this2.xBar, 'p-scrollpanel-hidden');
+            utils.DomHandler.addClass(_this2.xBar, 'p-scrollpanel-hidden');
           } else {
-            core.DomHandler.removeClass(_this2.xBar, 'p-scrollpanel-hidden');
+            utils.DomHandler.removeClass(_this2.xBar, 'p-scrollpanel-hidden');
             _this2.xBar.style.cssText = 'width:' + Math.max(_this2.scrollXRatio * 100, 10) + '%; left:' + _this2.content.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
           }
 
           if (_this2.scrollYRatio >= 1) {
-            core.DomHandler.addClass(_this2.yBar, 'p-scrollpanel-hidden');
+            utils.DomHandler.addClass(_this2.yBar, 'p-scrollpanel-hidden');
           } else {
-            core.DomHandler.removeClass(_this2.yBar, 'p-scrollpanel-hidden');
+            utils.DomHandler.removeClass(_this2.yBar, 'p-scrollpanel-hidden');
             _this2.yBar.style.cssText = 'height:' + Math.max(_this2.scrollYRatio * 100, 10) + '%; top: calc(' + _this2.content.scrollTop / totalHeight * 100 + '% - ' + _this2.xBar.clientHeight + 'px);right:' + right + 'px;';
           }
         });
@@ -182,8 +182,8 @@ this.primereact.scrollpanel = (function (exports, React, core) {
       value: function onYBarMouseDown(e) {
         this.isYBarClicked = true;
         this.lastPageY = e.pageY;
-        core.DomHandler.addClass(this.yBar, 'p-scrollpanel-grabbed');
-        core.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+        utils.DomHandler.addClass(this.yBar, 'p-scrollpanel-grabbed');
+        utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
         document.addEventListener('mousemove', this.onDocumentMouseMove);
         document.addEventListener('mouseup', this.onDocumentMouseUp);
         e.preventDefault();
@@ -193,8 +193,8 @@ this.primereact.scrollpanel = (function (exports, React, core) {
       value: function onXBarMouseDown(e) {
         this.isXBarClicked = true;
         this.lastPageX = e.pageX;
-        core.DomHandler.addClass(this.xBar, 'p-scrollpanel-grabbed');
-        core.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
+        utils.DomHandler.addClass(this.xBar, 'p-scrollpanel-grabbed');
+        utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
         document.addEventListener('mousemove', this.onDocumentMouseMove);
         document.addEventListener('mouseup', this.onDocumentMouseUp);
         e.preventDefault();
@@ -236,9 +236,9 @@ this.primereact.scrollpanel = (function (exports, React, core) {
     }, {
       key: "onDocumentMouseUp",
       value: function onDocumentMouseUp(e) {
-        core.DomHandler.removeClass(this.yBar, 'p-scrollpanel-grabbed');
-        core.DomHandler.removeClass(this.xBar, 'p-scrollpanel-grabbed');
-        core.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
+        utils.DomHandler.removeClass(this.yBar, 'p-scrollpanel-grabbed');
+        utils.DomHandler.removeClass(this.xBar, 'p-scrollpanel-grabbed');
+        utils.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
         document.removeEventListener('mousemove', this.onDocumentMouseMove);
         document.removeEventListener('mouseup', this.onDocumentMouseUp);
         this.isXBarClicked = false;
@@ -280,30 +280,30 @@ this.primereact.scrollpanel = (function (exports, React, core) {
       value: function render() {
         var _this5 = this;
 
-        var className = core.classNames('p-scrollpanel p-component', this.props.className);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        var className = utils.classNames('p-scrollpanel p-component', this.props.className);
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this5.container = el;
           },
           id: this.props.id,
           className: className,
           style: this.props.style
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-scrollpanel-wrapper"
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this5.content = el;
           },
           className: "p-scrollpanel-content",
           onScroll: this.moveBar,
           onMouseEnter: this.moveBar
-        }, this.props.children)), /*#__PURE__*/React__default['default'].createElement("div", {
+        }, this.props.children)), /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this5.xBar = el;
           },
           className: "p-scrollpanel-bar p-scrollpanel-bar-x",
           onMouseDown: this.onXBarMouseDown
-        }), /*#__PURE__*/React__default['default'].createElement("div", {
+        }), /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this5.yBar = el;
           },
@@ -328,4 +328,4 @@ this.primereact.scrollpanel = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils);

package/scrollpanel/scrollpanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,t,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t)}function u(e){return(u="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})(e)}function h(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m,f,v,y=function(e){c(v,e);var t,n,l,u,m,f=(t=v,n=d(),function(){var e,o=p(t);if(n){var r=p(this).constructor;e=Reflect.construct(o,arguments,r)}else e=o.apply(this,arguments);return h(this,e)});function v(e){var t;return a(this,v),(t=f.call(this,e)).moveBar=t.moveBar.bind(s(t)),t.onXBarMouseDown=t.onXBarMouseDown.bind(s(t)),t.onYBarMouseDown=t.onYBarMouseDown.bind(s(t)),t.onDocumentMouseMove=t.onDocumentMouseMove.bind(s(t)),t.onDocumentMouseUp=t.onDocumentMouseUp.bind(s(t)),t}return l=v,(u=[{key:"calculateContainerHeight",value:function(){var e=getComputedStyle(this.container),t=getComputedStyle(this.xBar),n=o.DomHandler.getHeight(this.container)-parseInt(t.height,10);"none"!==e["max-height"]&&0===n&&(this.container.style.height=this.content.offsetHeight+parseInt(t.height,10)>parseInt(e["max-height"],10)?e["max-height"]:this.content.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px")}},{key:"moveBar",value:function(){var e=this,t=this.content.scrollWidth,n=-1*(this.container.clientHeight-this.xBar.clientHeight);this.scrollXRatio=this.content.clientWidth/t;var r=this.content.scrollHeight,a=-1*(this.container.clientWidth-this.yBar.clientWidth);this.scrollYRatio=this.content.clientHeight/r,this.frame=this.requestAnimationFrame((function(){e.scrollXRatio>=1?o.DomHandler.addClass(e.xBar,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(e.xBar,"p-scrollpanel-hidden"),e.xBar.style.cssText="width:"+Math.max(100*e.scrollXRatio,10)+"%; left:"+e.content.scrollLeft/t*100+"%;bottom:"+n+"px;"),e.scrollYRatio>=1?o.DomHandler.addClass(e.yBar,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(e.yBar,"p-scrollpanel-hidden"),e.yBar.style.cssText="height:"+Math.max(100*e.scrollYRatio,10)+"%; top: calc("+e.content.scrollTop/r*100+"% - "+e.xBar.clientHeight+"px);right:"+a+"px;")}))}},{key:"onYBarMouseDown",value:function(e){this.isYBarClicked=!0,this.lastPageY=e.pageY,o.DomHandler.addClass(this.yBar,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onXBarMouseDown",value:function(e){this.isXBarClicked=!0,this.lastPageX=e.pageX,o.DomHandler.addClass(this.xBar,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onDocumentMouseMove",value:function(e){this.isXBarClicked?this.onMouseMoveForXBar(e):(this.isYBarClicked||this.onMouseMoveForXBar(e),this.onMouseMoveForYBar(e))}},{key:"onMouseMoveForXBar",value:function(e){var t=this,o=e.pageX-this.lastPageX;this.lastPageX=e.pageX,this.frame=this.requestAnimationFrame((function(){t.content.scrollLeft+=o/t.scrollXRatio}))}},{key:"onMouseMoveForYBar",value:function(e){var t=this,o=e.pageY-this.lastPageY;this.lastPageY=e.pageY,this.frame=this.requestAnimationFrame((function(){t.content.scrollTop+=o/t.scrollYRatio}))}},{key:"onDocumentMouseUp",value:function(e){o.DomHandler.removeClass(this.yBar,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(this.xBar,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",this.onDocumentMouseMove),document.removeEventListener("mouseup",this.onDocumentMouseUp),this.isXBarClicked=!1,this.isYBarClicked=!1}},{key:"requestAnimationFrame",value:function(e){return(window.requestAnimationFrame||this.timeoutFrame)(e)}},{key:"refresh",value:function(){this.moveBar()}},{key:"componentDidMount",value:function(){this.moveBar(),this.moveBar=this.moveBar.bind(this),window.addEventListener("resize",this.moveBar),this.calculateContainerHeight(),this.initialized=!0}},{key:"componentWillUnmount",value:function(){this.initialized&&window.removeEventListener("resize",this.moveBar),this.frame&&window.cancelAnimationFrame(this.frame)}},{key:"render",value:function(){var e=this,t=o.classNames("p-scrollpanel p-component",this.props.className);return r.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:t,style:this.props.style},r.default.createElement("div",{className:"p-scrollpanel-wrapper"},r.default.createElement("div",{ref:function(t){return e.content=t},className:"p-scrollpanel-content",onScroll:this.moveBar,onMouseEnter:this.moveBar},this.props.children)),r.default.createElement("div",{ref:function(t){return e.xBar=t},className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:this.onXBarMouseDown}),r.default.createElement("div",{ref:function(t){return e.yBar=t},className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:this.onYBarMouseDown}))}}])&&i(l.prototype,u),m&&i(l,m),v}(t.Component);return v={id:null,style:null,className:null},(f="defaultProps")in(m=y)?Object.defineProperty(m,f,{value:v,enumerable:!0,configurable:!0,writable:!0}):m[f]=v,e.ScrollPanel=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,t,o){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){return l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},l(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t)}function u(e){return u="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},u(e)}function h(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m,f,v,y=function(e){c(v,e);var t,n,l,u,m,f=(t=v,n=d(),function(){var e,o=p(t);if(n){var r=p(this).constructor;e=Reflect.construct(o,arguments,r)}else e=o.apply(this,arguments);return h(this,e)});function v(e){var t;return a(this,v),(t=f.call(this,e)).moveBar=t.moveBar.bind(s(t)),t.onXBarMouseDown=t.onXBarMouseDown.bind(s(t)),t.onYBarMouseDown=t.onYBarMouseDown.bind(s(t)),t.onDocumentMouseMove=t.onDocumentMouseMove.bind(s(t)),t.onDocumentMouseUp=t.onDocumentMouseUp.bind(s(t)),t}return l=v,(u=[{key:"calculateContainerHeight",value:function(){var e=getComputedStyle(this.container),t=getComputedStyle(this.xBar),n=o.DomHandler.getHeight(this.container)-parseInt(t.height,10);"none"!==e["max-height"]&&0===n&&(this.container.style.height=this.content.offsetHeight+parseInt(t.height,10)>parseInt(e["max-height"],10)?e["max-height"]:this.content.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px")}},{key:"moveBar",value:function(){var e=this,t=this.content.scrollWidth,n=-1*(this.container.clientHeight-this.xBar.clientHeight);this.scrollXRatio=this.content.clientWidth/t;var r=this.content.scrollHeight,a=-1*(this.container.clientWidth-this.yBar.clientWidth);this.scrollYRatio=this.content.clientHeight/r,this.frame=this.requestAnimationFrame((function(){e.scrollXRatio>=1?o.DomHandler.addClass(e.xBar,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(e.xBar,"p-scrollpanel-hidden"),e.xBar.style.cssText="width:"+Math.max(100*e.scrollXRatio,10)+"%; left:"+e.content.scrollLeft/t*100+"%;bottom:"+n+"px;"),e.scrollYRatio>=1?o.DomHandler.addClass(e.yBar,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(e.yBar,"p-scrollpanel-hidden"),e.yBar.style.cssText="height:"+Math.max(100*e.scrollYRatio,10)+"%; top: calc("+e.content.scrollTop/r*100+"% - "+e.xBar.clientHeight+"px);right:"+a+"px;")}))}},{key:"onYBarMouseDown",value:function(e){this.isYBarClicked=!0,this.lastPageY=e.pageY,o.DomHandler.addClass(this.yBar,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onXBarMouseDown",value:function(e){this.isXBarClicked=!0,this.lastPageX=e.pageX,o.DomHandler.addClass(this.xBar,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",this.onDocumentMouseMove),document.addEventListener("mouseup",this.onDocumentMouseUp),e.preventDefault()}},{key:"onDocumentMouseMove",value:function(e){this.isXBarClicked?this.onMouseMoveForXBar(e):(this.isYBarClicked||this.onMouseMoveForXBar(e),this.onMouseMoveForYBar(e))}},{key:"onMouseMoveForXBar",value:function(e){var t=this,o=e.pageX-this.lastPageX;this.lastPageX=e.pageX,this.frame=this.requestAnimationFrame((function(){t.content.scrollLeft+=o/t.scrollXRatio}))}},{key:"onMouseMoveForYBar",value:function(e){var t=this,o=e.pageY-this.lastPageY;this.lastPageY=e.pageY,this.frame=this.requestAnimationFrame((function(){t.content.scrollTop+=o/t.scrollYRatio}))}},{key:"onDocumentMouseUp",value:function(e){o.DomHandler.removeClass(this.yBar,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(this.xBar,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",this.onDocumentMouseMove),document.removeEventListener("mouseup",this.onDocumentMouseUp),this.isXBarClicked=!1,this.isYBarClicked=!1}},{key:"requestAnimationFrame",value:function(e){return(window.requestAnimationFrame||this.timeoutFrame)(e)}},{key:"refresh",value:function(){this.moveBar()}},{key:"componentDidMount",value:function(){this.moveBar(),this.moveBar=this.moveBar.bind(this),window.addEventListener("resize",this.moveBar),this.calculateContainerHeight(),this.initialized=!0}},{key:"componentWillUnmount",value:function(){this.initialized&&window.removeEventListener("resize",this.moveBar),this.frame&&window.cancelAnimationFrame(this.frame)}},{key:"render",value:function(){var e=this,t=o.classNames("p-scrollpanel p-component",this.props.className);return r.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,className:t,style:this.props.style},r.default.createElement("div",{className:"p-scrollpanel-wrapper"},r.default.createElement("div",{ref:function(t){return e.content=t},className:"p-scrollpanel-content",onScroll:this.moveBar,onMouseEnter:this.moveBar},this.props.children)),r.default.createElement("div",{ref:function(t){return e.xBar=t},className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:this.onXBarMouseDown}),r.default.createElement("div",{ref:function(t){return e.yBar=t},className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:this.onYBarMouseDown}))}}])&&i(l.prototype,u),m&&i(l,m),v}(t.Component);return v={id:null,style:null,className:null},(f="defaultProps")in(m=y)?Object.defineProperty(m,f,{value:v,enumerable:!0,configurable:!0,writable:!0}):m[f]=v,e.ScrollPanel=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/scrolltop/scrolltop.cjs.js

@@ -3,11 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var csstransition = require('primereact/csstransition');
+var ripple = require('primereact/ripple');
+var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -132,7 +136,7 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
     _this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
     _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
     _this.onExited = _this.onExited.bind(_assertThisInitialized(_this));
-    _this.scrollElementRef = /*#__PURE__*/React__default['default'].createRef();
+    _this.scrollElementRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
 
@@ -169,7 +173,7 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
       var _this3 = this;
 
       this.scrollListener = function () {
-        _this3.checkVisibility(core.DomHandler.getWindowScrollTop());
+        _this3.checkVisibility(utils.DomHandler.getWindowScrollTop());
       };
 
       window.addEventListener('scroll', this.scrollListener);
@@ -193,7 +197,7 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEnter",
     value: function onEnter() {
-      core.ZIndexUtils.set('overlay', this.scrollElementRef.current);
+      utils.ZIndexUtils.set('overlay', this.scrollElementRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
     }
   }, {
     key: "onEntered",
@@ -203,7 +207,7 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
   }, {
     key: "onExited",
     value: function onExited() {
-      core.ZIndexUtils.clear(this.scrollElementRef.current);
+      utils.ZIndexUtils.clear(this.scrollElementRef.current);
       this.props.onHide && this.props.onHide();
     }
   }, {
@@ -215,19 +219,18 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (this.props.target === 'window') this.unbindDocumentScrollListener();else if (this.props.target === 'parent') this.unbindParentScrollListener();
-      core.ZIndexUtils.clear(this.scrollElementRef.current);
+      utils.ZIndexUtils.clear(this.scrollElementRef.current);
     }
   }, {
     key: "render",
     value: function render() {
       var _this4 = this;
 
-      var className = core.classNames('p-scrolltop p-link p-component', {
+      var className = utils.classNames('p-scrolltop p-link p-component', {
         'p-scrolltop-sticky': this.props.target !== 'window'
       }, this.props.className);
-      var iconClassName = core.classNames('p-scrolltop-icon', this.props.icon);
       var isTargetParent = this.props.target === 'parent';
-      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.scrollElementRef,
         classNames: "p-scrolltop",
         in: this.state.visible,
@@ -240,15 +243,17 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
         onEnter: this.onEnter,
         onEntered: this.onEntered,
         onExited: this.onExited
-      }, /*#__PURE__*/React__default['default'].createElement("button", {
+      }, /*#__PURE__*/React__default["default"].createElement("button", {
         ref: this.scrollElementRef,
         type: "button",
         className: className,
         style: this.props.style,
         onClick: this.onClick
-      }, /*#__PURE__*/React__default['default'].createElement("span", {
-        className: iconClassName
-      }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null))), isTargetParent && /*#__PURE__*/React__default['default'].createElement("span", {
+      }, utils.IconUtils.getJSXIcon(this.props.icon, {
+        className: 'p-scrolltop-icon'
+      }, {
+        props: this.props
+      }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null))), isTargetParent && /*#__PURE__*/React__default["default"].createElement("span", {
         ref: function ref(el) {
           return _this4.helper = el;
         },

package/scrolltop/scrolltop.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(e);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function u(e){return(u="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})(e)}function a(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return l(e)}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var h,d,y,m=function(n){c(b,e.Component);var s,u,h,d,y,m=(s=b,u=f(),function(){var e,t=p(s);if(u){var n=p(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return a(this,e)});function b(e){var t;return o(this,b),(t=m.call(this,e)).state={visible:!1},t.onClick=t.onClick.bind(l(t)),t.onEnter=t.onEnter.bind(l(t)),t.onEntered=t.onEntered.bind(l(t)),t.onExited=t.onExited.bind(l(t)),t.scrollElementRef=r.default.createRef(),t}return h=b,(d=[{key:"onClick",value:function(){("window"===this.props.target?window:this.helper.parentElement).scroll({top:0,behavior:this.props.behavior})}},{key:"checkVisibility",value:function(e){this.setState({visible:e>this.props.threshold})}},{key:"bindParentScrollListener",value:function(){var e=this;this.scrollListener=function(){e.checkVisibility(e.helper.parentElement.scrollTop)},this.helper.parentElement.addEventListener("scroll",this.scrollListener)}},{key:"bindDocumentScrollListener",value:function(){var e=this;this.scrollListener=function(){e.checkVisibility(t.DomHandler.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)}},{key:"unbindParentScrollListener",value:function(){this.scrollListener&&(this.helper.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)}},{key:"unbindDocumentScrollListener",value:function(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)}},{key:"onEnter",value:function(){t.ZIndexUtils.set("overlay",this.scrollElementRef.current)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.scrollElementRef.current),this.props.onHide&&this.props.onHide()}},{key:"componentDidMount",value:function(){"window"===this.props.target?this.bindDocumentScrollListener():"parent"===this.props.target&&this.bindParentScrollListener()}},{key:"componentWillUnmount",value:function(){"window"===this.props.target?this.unbindDocumentScrollListener():"parent"===this.props.target&&this.unbindParentScrollListener(),t.ZIndexUtils.clear(this.scrollElementRef.current)}},{key:"render",value:function(){var e=this,n=t.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==this.props.target},this.props.className),o=t.classNames("p-scrolltop-icon",this.props.icon),i="parent"===this.props.target;return r.default.createElement(r.default.Fragment,null,r.default.createElement(t.CSSTransition,{nodeRef:this.scrollElementRef,classNames:"p-scrolltop",in:this.state.visible,timeout:{enter:150,exit:150},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExited:this.onExited},r.default.createElement("button",{ref:this.scrollElementRef,type:"button",className:n,style:this.props.style,onClick:this.onClick},r.default.createElement("span",{className:o}),r.default.createElement(t.Ripple,null))),i&&r.default.createElement("span",{ref:function(t){return e.helper=t},className:"p-scrolltop-helper"}))}}])&&i(h.prototype,d),y&&i(h,y),b}();y={target:"window",threshold:400,icon:"pi pi-chevron-up",behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null},(d="defaultProps")in(h=m)?Object.defineProperty(h,d,{value:y,enumerable:!0,configurable:!0,writable:!0}):h[d]=y,exports.ScrollTop=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition"),r=require("primereact/ripple"),o=require("primereact/api");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(e),s=i(o);function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}function h(e){return h="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},h(e)}function d(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b,v,E,w=function(o){f(w,e.Component);var i,p,h,b,v,E=(i=w,p=m(),function(){var e,t=y(i);if(p){var n=y(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function w(e){var t;return c(this,w),(t=E.call(this,e)).state={visible:!1},t.onClick=t.onClick.bind(a(t)),t.onEnter=t.onEnter.bind(a(t)),t.onEntered=t.onEntered.bind(a(t)),t.onExited=t.onExited.bind(a(t)),t.scrollElementRef=l.default.createRef(),t}return h=w,(b=[{key:"onClick",value:function(){("window"===this.props.target?window:this.helper.parentElement).scroll({top:0,behavior:this.props.behavior})}},{key:"checkVisibility",value:function(e){this.setState({visible:e>this.props.threshold})}},{key:"bindParentScrollListener",value:function(){var e=this;this.scrollListener=function(){e.checkVisibility(e.helper.parentElement.scrollTop)},this.helper.parentElement.addEventListener("scroll",this.scrollListener)}},{key:"bindDocumentScrollListener",value:function(){var e=this;this.scrollListener=function(){e.checkVisibility(t.DomHandler.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)}},{key:"unbindParentScrollListener",value:function(){this.scrollListener&&(this.helper.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)}},{key:"unbindDocumentScrollListener",value:function(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)}},{key:"onEnter",value:function(){t.ZIndexUtils.set("overlay",this.scrollElementRef.current,s.default.autoZIndex,s.default.zIndex.overlay)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExited",value:function(){t.ZIndexUtils.clear(this.scrollElementRef.current),this.props.onHide&&this.props.onHide()}},{key:"componentDidMount",value:function(){"window"===this.props.target?this.bindDocumentScrollListener():"parent"===this.props.target&&this.bindParentScrollListener()}},{key:"componentWillUnmount",value:function(){"window"===this.props.target?this.unbindDocumentScrollListener():"parent"===this.props.target&&this.unbindParentScrollListener(),t.ZIndexUtils.clear(this.scrollElementRef.current)}},{key:"render",value:function(){var e=this,o=t.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==this.props.target},this.props.className),i="parent"===this.props.target;return l.default.createElement(l.default.Fragment,null,l.default.createElement(n.CSSTransition,{nodeRef:this.scrollElementRef,classNames:"p-scrolltop",in:this.state.visible,timeout:{enter:150,exit:150},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExited:this.onExited},l.default.createElement("button",{ref:this.scrollElementRef,type:"button",className:o,style:this.props.style,onClick:this.onClick},t.IconUtils.getJSXIcon(this.props.icon,{className:"p-scrolltop-icon"},{props:this.props}),l.default.createElement(r.Ripple,null))),i&&l.default.createElement("span",{ref:function(t){return e.helper=t},className:"p-scrolltop-helper"}))}}])&&u(h.prototype,b),v&&u(h,v),w}();E={target:"window",threshold:400,icon:"pi pi-chevron-up",behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null},(v="defaultProps")in(b=w)?Object.defineProperty(b,v,{value:E,enumerable:!0,configurable:!0,writable:!0}):b[v]=E,exports.ScrollTop=w;

package/scrolltop/scrolltop.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import {IconType} from "../utils/Utils";
 
 type ScrollTopTargetType = 'window' | 'parent';
 
@@ -7,7 +8,7 @@ type ScrollTopScrollBehavior = 'auto' | 'smooth';
 export interface ScrollTopProps {
     target?: ScrollTopTargetType;
     threshold?: number;
-    icon?: string;
+    icon?: IconType<ScrollTopProps>;
     behavior?: ScrollTopScrollBehavior;
     className?: string;
     style?: object;

package/scrolltop/scrolltop.esm.js

@@ -1,5 +1,8 @@
 import React, { Component } from 'react';
-import { DomHandler, ZIndexUtils, classNames, CSSTransition, Ripple } from 'primereact/core';
+import { DomHandler, ZIndexUtils, classNames, IconUtils } from 'primereact/utils';
+import { CSSTransition } from 'primereact/csstransition';
+import { Ripple } from 'primereact/ripple';
+import PrimeReact from 'primereact/api';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -185,7 +188,7 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEnter",
     value: function onEnter() {
-      ZIndexUtils.set('overlay', this.scrollElementRef.current);
+      ZIndexUtils.set('overlay', this.scrollElementRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
     }
   }, {
     key: "onEntered",
@@ -217,7 +220,6 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
       var className = classNames('p-scrolltop p-link p-component', {
         'p-scrolltop-sticky': this.props.target !== 'window'
       }, this.props.className);
-      var iconClassName = classNames('p-scrolltop-icon', this.props.icon);
       var isTargetParent = this.props.target === 'parent';
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CSSTransition, {
         nodeRef: this.scrollElementRef,
@@ -238,8 +240,10 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
         className: className,
         style: this.props.style,
         onClick: this.onClick
-      }, /*#__PURE__*/React.createElement("span", {
-        className: iconClassName
+      }, IconUtils.getJSXIcon(this.props.icon, {
+        className: 'p-scrolltop-icon'
+      }, {
+        props: this.props
       }), /*#__PURE__*/React.createElement(Ripple, null))), isTargetParent && /*#__PURE__*/React.createElement("span", {
         ref: function ref(el) {
           return _this4.helper = el;

package/scrolltop/scrolltop.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{DomHandler as n,ZIndexUtils as r,classNames as o,CSSTransition as i,Ripple as l}from"primereact/core";function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,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})(e)}function h(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function y(e){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m,b,v,E=function(a){p(k,t);var f,m,b,v,E,w=(f=k,m=d(),function(){var e,t=y(f);if(m){var n=y(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function k(t){var n;return s(this,k),(n=w.call(this,t)).state={visible:!1},n.onClick=n.onClick.bind(u(n)),n.onEnter=n.onEnter.bind(u(n)),n.onEntered=n.onEntered.bind(u(n)),n.onExited=n.onExited.bind(u(n)),n.scrollElementRef=e.createRef(),n}return b=k,(v=[{key:"onClick",value:function(){("window"===this.props.target?window:this.helper.parentElement).scroll({top:0,behavior:this.props.behavior})}},{key:"checkVisibility",value:function(e){this.setState({visible:e>this.props.threshold})}},{key:"bindParentScrollListener",value:function(){var e=this;this.scrollListener=function(){e.checkVisibility(e.helper.parentElement.scrollTop)},this.helper.parentElement.addEventListener("scroll",this.scrollListener)}},{key:"bindDocumentScrollListener",value:function(){var e=this;this.scrollListener=function(){e.checkVisibility(n.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)}},{key:"unbindParentScrollListener",value:function(){this.scrollListener&&(this.helper.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)}},{key:"unbindDocumentScrollListener",value:function(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)}},{key:"onEnter",value:function(){r.set("overlay",this.scrollElementRef.current)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExited",value:function(){r.clear(this.scrollElementRef.current),this.props.onHide&&this.props.onHide()}},{key:"componentDidMount",value:function(){"window"===this.props.target?this.bindDocumentScrollListener():"parent"===this.props.target&&this.bindParentScrollListener()}},{key:"componentWillUnmount",value:function(){"window"===this.props.target?this.unbindDocumentScrollListener():"parent"===this.props.target&&this.unbindParentScrollListener(),r.clear(this.scrollElementRef.current)}},{key:"render",value:function(){var t=this,n=o("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==this.props.target},this.props.className),r=o("p-scrolltop-icon",this.props.icon),s="parent"===this.props.target;return e.createElement(e.Fragment,null,e.createElement(i,{nodeRef:this.scrollElementRef,classNames:"p-scrolltop",in:this.state.visible,timeout:{enter:150,exit:150},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExited:this.onExited},e.createElement("button",{ref:this.scrollElementRef,type:"button",className:n,style:this.props.style,onClick:this.onClick},e.createElement("span",{className:r}),e.createElement(l,null))),s&&e.createElement("span",{ref:function(e){return t.helper=e},className:"p-scrolltop-helper"}))}}])&&c(b.prototype,v),E&&c(b,E),k}();v={target:"window",threshold:400,icon:"pi pi-chevron-up",behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null},(b="defaultProps")in(m=E)?Object.defineProperty(m,b,{value:v,enumerable:!0,configurable:!0,writable:!0}):m[b]=v;export{E as ScrollTop};
+import e,{Component as t}from"react";import{DomHandler as n,ZIndexUtils as r,classNames as o,IconUtils as i}from"primereact/utils";import{CSSTransition as l}from"primereact/csstransition";import{Ripple as s}from"primereact/ripple";import c from"primereact/api";function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)}function m(e){return m="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},m(e)}function y(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v,E,w,k=function(f){h(S,t);var m,v,E,w,k,L=(m=S,v=b(),function(){var e,t=d(m);if(v){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return y(this,e)});function S(t){var n;return u(this,S),(n=L.call(this,t)).state={visible:!1},n.onClick=n.onClick.bind(a(n)),n.onEnter=n.onEnter.bind(a(n)),n.onEntered=n.onEntered.bind(a(n)),n.onExited=n.onExited.bind(a(n)),n.scrollElementRef=e.createRef(),n}return E=S,(w=[{key:"onClick",value:function(){("window"===this.props.target?window:this.helper.parentElement).scroll({top:0,behavior:this.props.behavior})}},{key:"checkVisibility",value:function(e){this.setState({visible:e>this.props.threshold})}},{key:"bindParentScrollListener",value:function(){var e=this;this.scrollListener=function(){e.checkVisibility(e.helper.parentElement.scrollTop)},this.helper.parentElement.addEventListener("scroll",this.scrollListener)}},{key:"bindDocumentScrollListener",value:function(){var e=this;this.scrollListener=function(){e.checkVisibility(n.getWindowScrollTop())},window.addEventListener("scroll",this.scrollListener)}},{key:"unbindParentScrollListener",value:function(){this.scrollListener&&(this.helper.parentElement.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)}},{key:"unbindDocumentScrollListener",value:function(){this.scrollListener&&(window.removeEventListener("scroll",this.scrollListener),this.scrollListener=null)}},{key:"onEnter",value:function(){r.set("overlay",this.scrollElementRef.current,c.autoZIndex,c.zIndex.overlay)}},{key:"onEntered",value:function(){this.props.onShow&&this.props.onShow()}},{key:"onExited",value:function(){r.clear(this.scrollElementRef.current),this.props.onHide&&this.props.onHide()}},{key:"componentDidMount",value:function(){"window"===this.props.target?this.bindDocumentScrollListener():"parent"===this.props.target&&this.bindParentScrollListener()}},{key:"componentWillUnmount",value:function(){"window"===this.props.target?this.unbindDocumentScrollListener():"parent"===this.props.target&&this.unbindParentScrollListener(),r.clear(this.scrollElementRef.current)}},{key:"render",value:function(){var t=this,n=o("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==this.props.target},this.props.className),r="parent"===this.props.target;return e.createElement(e.Fragment,null,e.createElement(l,{nodeRef:this.scrollElementRef,classNames:"p-scrolltop",in:this.state.visible,timeout:{enter:150,exit:150},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.onEnter,onEntered:this.onEntered,onExited:this.onExited},e.createElement("button",{ref:this.scrollElementRef,type:"button",className:n,style:this.props.style,onClick:this.onClick},i.getJSXIcon(this.props.icon,{className:"p-scrolltop-icon"},{props:this.props}),e.createElement(s,null))),r&&e.createElement("span",{ref:function(e){return t.helper=e},className:"p-scrolltop-helper"}))}}])&&p(E.prototype,w),k&&p(E,k),S}();w={target:"window",threshold:400,icon:"pi pi-chevron-up",behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null},(E="defaultProps")in(v=k)?Object.defineProperty(v,E,{value:w,enumerable:!0,configurable:!0,writable:!0}):v[E]=w;export{k as ScrollTop};