primereact 9.5.0 → 9.6.0

package/ripple/ripple.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{useMountEffect as r,useUpdateEffect as n,useUnmountEffect as c}from"primereact/hooks";import{DomHandler as u}from"primereact/utils";var o=e.memo(e.forwardRef((function(){var o=e.useRef(null),i=e.useRef(null),a=function(){return o.current&&o.current.parentElement},s=function(){i.current&&(i.current.addEventListener("mousedown",p),u.isTouchDevice()&&i.current.addEventListener("touchstart",l))},l=function(e){var t=u.getOffset(i.current),r=e.targetTouches[0].pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.targetTouches[0].pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)},p=function(e){if(!u.isTouchDevice()){var t=u.getOffset(i.current),r=e.pageX-t.left+document.body.scrollTop-u.getWidth(o.current)/2,n=e.pageY-t.top+document.body.scrollLeft-u.getHeight(o.current)/2;f(r,n)}},f=function(e,t){o.current&&"none"!==getComputedStyle(o.current,null).display&&(u.removeClass(o.current,"p-ink-active"),m(),o.current.style.top=t+"px",o.current.style.left=e+"px",u.addClass(o.current,"p-ink-active"))},m=function(){if(o.current&&!u.getHeight(o.current)&&!u.getWidth(o.current)){var e=Math.max(u.getOuterWidth(i.current),u.getOuterHeight(i.current));o.current.style.height=e+"px",o.current.style.width=e+"px"}};return r((function(){o.current&&(i.current=a(),m(),s())})),n((function(){o.current&&!i.current&&(i.current=a(),m(),s())})),c((function(){o.current&&(i.current=null,i.current&&(i.current.removeEventListener("mousedown",p),u.isTouchDevice()&&i.current.removeEventListener("touchstart",l)))})),t.ripple?e.createElement("span",{role:"presentation",ref:o,className:"p-ink",onAnimationEnd:function(e){u.removeClass(e.currentTarget,"p-ink-active")}}):null})));o.displayName="Ripple";export{o as Ripple};
+import*as e from"react";import{useMountEffect as t,useUpdateEffect as r,useUnmountEffect as n}from"primereact/hooks";import{DomHandler as c}from"primereact/utils";import u,{PrimeReactContext as o}from"primereact/api";var i=e.memo(e.forwardRef((function(){var i=e.useRef(null),a=e.useRef(null),s=e.useContext(o),l=function(){return i.current&&i.current.parentElement},p=function(){a.current&&(a.current.addEventListener("mousedown",m),c.isTouchDevice()&&a.current.addEventListener("touchstart",f))},f=function(e){var t=c.getOffset(a.current),r=e.targetTouches[0].pageX-t.left+document.body.scrollTop-c.getWidth(i.current)/2,n=e.targetTouches[0].pageY-t.top+document.body.scrollLeft-c.getHeight(i.current)/2;d(r,n)},m=function(e){if(!c.isTouchDevice()){var t=c.getOffset(a.current),r=e.pageX-t.left+document.body.scrollTop-c.getWidth(i.current)/2,n=e.pageY-t.top+document.body.scrollLeft-c.getHeight(i.current)/2;d(r,n)}},d=function(e,t){i.current&&"none"!==getComputedStyle(i.current,null).display&&(c.removeClass(i.current,"p-ink-active"),g(),i.current.style.top=t+"px",i.current.style.left=e+"px",c.addClass(i.current,"p-ink-active"))},g=function(){if(i.current&&!c.getHeight(i.current)&&!c.getWidth(i.current)){var e=Math.max(c.getOuterWidth(a.current),c.getOuterHeight(a.current));i.current.style.height=e+"px",i.current.style.width=e+"px"}};return t((function(){i.current&&(a.current=l(),g(),p())})),r((function(){i.current&&!a.current&&(a.current=l(),g(),p())})),n((function(){i.current&&(a.current=null,a.current&&(a.current.removeEventListener("mousedown",m),c.isTouchDevice()&&a.current.removeEventListener("touchstart",f)))})),s&&s.ripple||u.ripple?e.createElement("span",{role:"presentation",ref:i,className:"p-ink",onAnimationEnd:function(e){c.removeClass(e.currentTarget,"p-ink-active")}}):null})));i.displayName="Ripple";export{i as Ripple};

package/ripple/ripple.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
+this.primereact.ripple = (function (exports, React, hooks, utils, PrimeReact) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -28,6 +28,7 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
     var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function () {
       var inkRef = React__namespace.useRef(null);
       var targetRef = React__namespace.useRef(null);
+      var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
       var getTarget = function getTarget() {
         return inkRef.current && inkRef.current.parentElement;
       };
@@ -99,7 +100,7 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
           unbindEvents();
         }
       });
-      return PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", {
+      return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", {
         role: "presentation",
         ref: inkRef,
         className: "p-ink",
@@ -114,4 +115,4 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
 
     return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.utils);
+})({}, React, primereact.hooks, primereact.utils, primereact.api);

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