primereact 9.4.0 → 9.6.0

package/ripple/ripple.min.js

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

package/row/row.cjs.js

@@ -3,68 +3,55 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var componentbase = require('primereact/componentbase');
 var utils = require('primereact/utils');
+var api = require('primereact/api');
 
 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]; }
+    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);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var RowBase = {
+var RowBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Row',
     style: null,
     className: null,
     children: undefined
   },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, RowBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, RowBase.defaultProps);
-  },
   getCProp: function getCProp(row, name) {
     return utils.ObjectUtils.getComponentProp(row, name, RowBase.defaultProps);
   }
-};
+});
 
 var Row = function Row(inProps) {
-  var props = RowBase.getProps(inProps);
-  var otherProps = RowBase.getOtherProps(props);
-  return /*#__PURE__*/React__namespace.createElement("tr", _extends({
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = RowBase.getProps(inProps, context);
+  //@todo Pass Parent MetaData
+  var _RowBase$setMetaData = RowBase.setMetaData({
+      props: props
+    }),
+    ptm = _RowBase$setMetaData.ptm;
+  var rootProps = utils.mergeProps({
     className: props.className,
     style: props.style
-  }, otherProps), props.children);
+  }, RowBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("tr", rootProps, props.children);
 };
 Row.displayName = 'Row';
 

package/row/row.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(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 n=r(e);function o(){return o=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},o.apply(this,arguments)}var s={defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,s.defaultProps)},getCProp:function(e,r){return t.ObjectUtils.getComponentProp(e,r,s.defaultProps)}},a=function(e){var t=s.getProps(e),r=s.getOtherProps(t);return n.createElement("tr",o({className:t.className,style:t.style},r),t.children)};a.displayName="Row",exports.Row=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/componentbase"),r=require("primereact/utils"),o=require("primereact/api");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=n(e),s=t.ComponentBase.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,t){return r.ObjectUtils.getComponentProp(e,t,s.defaultProps)}}),c=function(e){var t=a.useContext(o.PrimeReactContext),n=s.getProps(e,t),c=s.setMetaData({props:n}).ptm,u=r.mergeProps({className:n.className,style:n.style},s.getOtherProps(n),c("root"));return a.createElement("tr",u,n.children)};c.displayName="Row",exports.Row=c;

package/row/row.d.ts

@@ -8,6 +8,29 @@
  *
  */
 import * as React from 'react';
+import { ColumnGroupPassThroughOptions } from '../columngroup/columngroup';
+import { PassThroughType } from '../utils/utils';
+
+export declare type RowPassThroughType<T> = PassThroughType<T, RowPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface RowPassThroughMethodOptions {
+    props: RowProps;
+    parent: ColumnGroupPassThroughOptions;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link RowProps.pt}
+ */
+export interface RowPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: RowPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
 
 /**
  * Defines valid properties in Row component.
@@ -27,6 +50,11 @@ export interface RowProps {
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {RowPassThroughOptions}
+     */
+    pt?: RowPassThroughOptions;
 }
 
 /**

package/row/row.esm.js

@@ -1,46 +1,33 @@
 import * as React from 'react';
-import { ObjectUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+import { ObjectUtils, mergeProps } from 'primereact/utils';
+import { PrimeReactContext } from 'primereact/api';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var RowBase = {
+var RowBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Row',
     style: null,
     className: null,
     children: undefined
   },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, RowBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, RowBase.defaultProps);
-  },
   getCProp: function getCProp(row, name) {
     return ObjectUtils.getComponentProp(row, name, RowBase.defaultProps);
   }
-};
+});
 
 var Row = function Row(inProps) {
-  var props = RowBase.getProps(inProps);
-  var otherProps = RowBase.getOtherProps(props);
-  return /*#__PURE__*/React.createElement("tr", _extends({
+  var context = React.useContext(PrimeReactContext);
+  var props = RowBase.getProps(inProps, context);
+  //@todo Pass Parent MetaData
+  var _RowBase$setMetaData = RowBase.setMetaData({
+      props: props
+    }),
+    ptm = _RowBase$setMetaData.ptm;
+  var rootProps = mergeProps({
     className: props.className,
     style: props.style
-  }, otherProps), props.children);
+  }, RowBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("tr", rootProps, props.children);
 };
 Row.displayName = 'Row';
 

package/row/row.esm.min.js

@@ -1 +1 @@
-import*as r from"react";import{ObjectUtils as t}from"primereact/utils";function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o])}return r},e.apply(this,arguments)}var o={defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getProps:function(r){return t.getMergedProps(r,o.defaultProps)},getOtherProps:function(r){return t.getDiffProps(r,o.defaultProps)},getCProp:function(r,e){return t.getComponentProp(r,e,o.defaultProps)}},n=function(t){var n=o.getProps(t),s=o.getOtherProps(n);return r.createElement("tr",e({className:n.className,style:n.style},s),n.children)};n.displayName="Row";export{n as Row};
+import*as e from"react";import{ComponentBase as t}from"primereact/componentbase";import{ObjectUtils as r,mergeProps as o}from"primereact/utils";import{PrimeReactContext as a}from"primereact/api";var p=t.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,t){return r.getComponentProp(e,t,p.defaultProps)}}),s=function(t){var r=e.useContext(a),s=p.getProps(t,r),m=p.setMetaData({props:s}).ptm,l=o({className:s.className,style:s.style},p.getOtherProps(s),m("root"));return e.createElement("tr",l,s.children)};s.displayName="Row";export{s as Row};

package/row/row.js

@@ -1,74 +1,59 @@
 this.primereact = this.primereact || {};
-this.primereact.row = (function (exports, React, utils) {
-  '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]; }
-          });
+this.primereact.row = (function (exports, React, componentbase, utils, api) {
+    '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]; }
+                    });
+                }
+            });
         }
-      });
+        n["default"] = e;
+        return Object.freeze(n);
     }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
-
-  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 React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+    var RowBase = componentbase.ComponentBase.extend({
+      defaultProps: {
+        __TYPE: 'Row',
+        style: null,
+        className: null,
+        children: undefined
+      },
+      getCProp: function getCProp(row, name) {
+        return utils.ObjectUtils.getComponentProp(row, name, RowBase.defaultProps);
       }
-      return target;
+    });
+
+    var Row = function Row(inProps) {
+      var context = React__namespace.useContext(api.PrimeReactContext);
+      var props = RowBase.getProps(inProps, context);
+      //@todo Pass Parent MetaData
+      var _RowBase$setMetaData = RowBase.setMetaData({
+          props: props
+        }),
+        ptm = _RowBase$setMetaData.ptm;
+      var rootProps = utils.mergeProps({
+        className: props.className,
+        style: props.style
+      }, RowBase.getOtherProps(props), ptm('root'));
+      return /*#__PURE__*/React__namespace.createElement("tr", rootProps, props.children);
     };
-    return _extends.apply(this, arguments);
-  }
-
-  var RowBase = {
-    defaultProps: {
-      __TYPE: 'Row',
-      style: null,
-      className: null,
-      children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, RowBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, RowBase.defaultProps);
-    },
-    getCProp: function getCProp(row, name) {
-      return utils.ObjectUtils.getComponentProp(row, name, RowBase.defaultProps);
-    }
-  };
-
-  var Row = function Row(inProps) {
-    var props = RowBase.getProps(inProps);
-    var otherProps = RowBase.getOtherProps(props);
-    return /*#__PURE__*/React__namespace.createElement("tr", _extends({
-      className: props.className,
-      style: props.style
-    }, otherProps), props.children);
-  };
-  Row.displayName = 'Row';
+    Row.displayName = 'Row';
 
-  exports.Row = Row;
+    exports.Row = Row;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
+    Object.defineProperty(exports, '__esModule', { value: true });
 
-  return exports;
+    return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.componentbase, primereact.utils, primereact.api);

package/row/row.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.row=function(e,t,r){"use strict";function n(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 o=n(t);function s(){return s=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},s.apply(this,arguments)}var c={defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,c.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,c.defaultProps)},getCProp:function(e,t){return r.ObjectUtils.getComponentProp(e,t,c.defaultProps)}},a=function(e){var t=c.getProps(e),r=c.getOtherProps(t);return o.createElement("tr",s({className:t.className,style:t.style},r),t.children)};return a.displayName="Row",e.Row=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.row=function(e,t,r,n,o){"use strict";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 c=a(t),s=r.ComponentBase.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,t){return n.ObjectUtils.getComponentProp(e,t,s.defaultProps)}}),i=function(e){var t=c.useContext(o.PrimeReactContext),r=s.getProps(e,t),a=s.setMetaData({props:r}).ptm,i=n.mergeProps({className:r.className,style:r.style},s.getOtherProps(r),a("root"));return c.createElement("tr",i,r.children)};return i.displayName="Row",e.Row=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.componentbase,primereact.utils,primereact.api);

package/scrollpanel/scrollpanel.cjs.js

@@ -6,6 +6,7 @@ var React = require('react');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -38,7 +39,8 @@ var ScrollPanelBase = componentbase.ComponentBase.extend({
 });
 
 var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ScrollPanelBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = ScrollPanelBase.getProps(inProps, context);
   var _ScrollPanelBase$setM = ScrollPanelBase.setMetaData({
       props: props
     }),

package/scrollpanel/scrollpanel.cjs.min.js

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

package/scrollpanel/scrollpanel.esm.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { mergeProps, classNames, DomHandler } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 var ScrollPanelBase = ComponentBase.extend({
   defaultProps: {
@@ -14,7 +15,8 @@ var ScrollPanelBase = ComponentBase.extend({
 });
 
 var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ScrollPanelBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ScrollPanelBase.getProps(inProps, context);
   var _ScrollPanelBase$setM = ScrollPanelBase.setMetaData({
       props: props
     }),

package/scrollpanel/scrollpanel.esm.min.js

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

package/scrollpanel/scrollpanel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.scrollpanel = (function (exports, React, hooks, utils, componentbase) {
+this.primereact.scrollpanel = (function (exports, React, hooks, utils, componentbase, api) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -33,7 +33,8 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils, component
     });
 
     var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-      var props = ScrollPanelBase.getProps(inProps);
+      var context = React__namespace.useContext(api.PrimeReactContext);
+      var props = ScrollPanelBase.getProps(inProps, context);
       var _ScrollPanelBase$setM = ScrollPanelBase.setMetaData({
           props: props
         }),
@@ -210,4 +211,4 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils, component
 
     return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.componentbase);
+})({}, React, primereact.hooks, primereact.utils, primereact.componentbase, primereact.api);

package/scrollpanel/scrollpanel.min.js

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

package/scrolltop/scrolltop.cjs.js

@@ -6,10 +6,10 @@ var React = require('react');
 var PrimeReact = require('primereact/api');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
+var chevronup = require('primereact/icons/chevronup');
 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 }; }
 
@@ -153,7 +153,8 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
-  var props = ScrollTopBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = ScrollTopBase.getProps(inProps, context);
   var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
       props: props,
       state: {
@@ -178,8 +179,8 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var _useEventListener3 = hooks.useEventListener({
       target: 'window',
       type: 'scroll',
-      listener: function listener() {
-        checkVisibility(utils.DomHandler.getWindowScrollTop());
+      listener: function listener(event) {
+        event && checkVisibility(utils.DomHandler.getWindowScrollTop());
       }
     }),
     _useEventListener4 = _slicedToArray(_useEventListener3, 1),
@@ -195,7 +196,7 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     setVisibleState(scrollY > props.threshold);
   };
   var onEnter = function onEnter() {
-    utils.ZIndexUtils.set('overlay', scrollElementRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
+    utils.ZIndexUtils.set('overlay', scrollElementRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
   };
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
@@ -212,9 +213,10 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       }
     };
   });
-  hooks.useMountEffect(function () {
+  React__namespace.useEffect(function () {
     if (props.target === 'window') bindDocumentScrollListener();else if (props.target === 'parent') bindParentScrollListener();
-  });
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(scrollElementRef.current);
   });

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"),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;
+"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/icons/chevronup"),i=require("primereact/ripple"),l=require("primereact/utils"),c=require("primereact/componentbase");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=c.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,c){var u=w(s.useState(!1),2),a=u[0],f=u[1],m=s.useContext(t.PrimeReactContext),y=j.getProps(e,m),b=j.setMetaData({props:y,state:{visible:a}}).ptm,d=s.useRef(null),v=s.useRef(null),g="parent"===y.target,O=w(n.useEventListener({target:function(){return v.current&&v.current.parentElement},type:"scroll",listener:function(e){S(e.currentTarget.scrollTop)}}),1)[0],h=w(n.useEventListener({target:"window",type:"scroll",listener:function(e){e&&S(l.DomHandler.getWindowScrollTop())}}),1)[0],S=function(e){f(e>y.threshold)};s.useImperativeHandle(c,(function(){return{props:y,getElement:function(){return elementRef.current}}})),s.useEffect((function(){"window"===y.target?h():"parent"===y.target&&O()}),[]),n.useUnmountEffect((function(){l.ZIndexUtils.clear(d.current)}));var P=l.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==y.target},y.className),x=l.mergeProps({className:"p-scrolltop-icon"},b("icon")),I=l.IconUtils.getJSXIcon(y.icon||s.createElement(o.ChevronUpIcon,x),E({},x),{props:y}),T=l.mergeProps({ref:d,type:"button",className:P,style:y.style,onClick:function(){("window"===y.target?window:v.current.parentElement).scroll({top:0,behavior:y.behavior})}},j.getOtherProps(y),b("root"));return s.createElement(s.Fragment,null,s.createElement(r.CSSTransition,{nodeRef:d,classNames:"p-scrolltop",in:a,timeout:{enter:150,exit:150},options:y.transitionOptions,unmountOnExit:!0,onEnter:function(){l.ZIndexUtils.set("overlay",d.current,m&&m.autoZIndex||p.default.autoZIndex,m&&m.zIndex.overlay||p.default.zIndex.overlay)},onEntered:function(){y.onShow&&y.onShow()},onExited:function(){l.ZIndexUtils.clear(d.current),y.onHide&&y.onHide()}},s.createElement("button",T,I,s.createElement(i.Ripple,null))),g&&s.createElement("span",{ref:v,className:"p-scrolltop-helper"}))})));P.displayName="ScrollTop",exports.ScrollTop=P;