primereact 8.7.3 → 9.0.0-rc.1

package/ripple/package.json

@@ -2,5 +2,6 @@
     "main": "./ripple.cjs.js",
     "module": "./ripple.esm.js",
     "unpkg": "./ripple.min.js",
-    "types": "./ripple.d.ts"
+    "types": "./ripple.d.ts",
+    "sideEffects": false
 }

package/ripple/ripple.cjs.js

@@ -107,8 +107,5 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   }) : null;
 }));
 Ripple.displayName = 'Ripple';
-Ripple.defaultProps = {
-  __TYPE: 'Ripple'
-};
 
 exports.Ripple = Ripple;

package/ripple/ripple.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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=c(e),a=u(t),i=o.memo(o.forwardRef((function(){var e=o.useRef(null),t=o.useRef(null),u=function(){return e.current&&e.current.parentElement},c=function(){t.current&&(t.current.addEventListener("mousedown",l),n.DomHandler.isTouchDevice()&&t.current.addEventListener("touchstart",i))},i=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;d(c,o)},l=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;d(c,o)}},d=function(r,u){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(n.DomHandler.removeClass(e.current,"p-ink-active"),!n.DomHandler.getHeight(e.current)&&!n.DomHandler.getWidth(e.current)){var c=Math.max(n.DomHandler.getOuterWidth(t.current),n.DomHandler.getOuterHeight(t.current));e.current.style.height=c+"px",e.current.style.width=c+"px"}e.current.style.top=u+"px",e.current.style.left=r+"px",n.DomHandler.addClass(e.current,"p-ink-active")}};return r.useMountEffect((function(){e.current&&(t.current=u(),c())})),r.useUpdateEffect((function(){e.current&&!t.current&&(t.current=u(),c())})),r.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&(t.current.removeEventListener("mousedown",l),n.DomHandler.isTouchDevice()&&t.current.removeEventListener("touchstart",i)))})),a.default.ripple?o.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));i.displayName="Ripple",i.defaultProps={__TYPE:"Ripple"},exports.Ripple=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),n=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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=c(e),a=u(t),i=o.memo(o.forwardRef((function(){var e=o.useRef(null),t=o.useRef(null),u=function(){return e.current&&e.current.parentElement},c=function(){t.current&&(t.current.addEventListener("mousedown",l),n.DomHandler.isTouchDevice()&&t.current.addEventListener("touchstart",i))},i=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;d(c,o)},l=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;d(c,o)}},d=function(r,u){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(n.DomHandler.removeClass(e.current,"p-ink-active"),!n.DomHandler.getHeight(e.current)&&!n.DomHandler.getWidth(e.current)){var c=Math.max(n.DomHandler.getOuterWidth(t.current),n.DomHandler.getOuterHeight(t.current));e.current.style.height=c+"px",e.current.style.width=c+"px"}e.current.style.top=u+"px",e.current.style.left=r+"px",n.DomHandler.addClass(e.current,"p-ink-active")}};return r.useMountEffect((function(){e.current&&(t.current=u(),c())})),r.useUpdateEffect((function(){e.current&&!t.current&&(t.current=u(),c())})),r.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&(t.current.removeEventListener("mousedown",l),n.DomHandler.isTouchDevice()&&t.current.removeEventListener("touchstart",i)))})),a.default.ripple?o.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));i.displayName="Ripple",exports.Ripple=i;

package/ripple/ripple.d.ts

@@ -1,7 +1,35 @@
+/**
+ *
+ * Ripple component adds ripple effect to the host element.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/ripple)
+ *
+ * @module ripple
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in Ripple component.
+ * @group Properties
+ */
 export interface RippleProps {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Ripple**
+ *
+ * _Ripple component adds ripple effect to the host element._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/ripple/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Ripple extends React.Component<RippleProps, any> {}

package/ripple/ripple.esm.js

@@ -80,8 +80,5 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
   }) : null;
 }));
 Ripple.displayName = 'Ripple';
-Ripple.defaultProps = {
-  __TYPE: 'Ripple'
-};
 
 export { Ripple };

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){if(o.current&&"none"!==getComputedStyle(o.current,null).display){if(u.removeClass(o.current,"p-ink-active"),!u.getHeight(o.current)&&!u.getWidth(o.current)){var r=Math.max(u.getOuterWidth(i.current),u.getOuterHeight(i.current));o.current.style.height=r+"px",o.current.style.width=r+"px"}o.current.style.top=t+"px",o.current.style.left=e+"px",u.addClass(o.current,"p-ink-active")}};return r((function(){o.current&&(i.current=a(),s())})),n((function(){o.current&&!i.current&&(i.current=a(),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",o.defaultProps={__TYPE:"Ripple"};export{o as Ripple};
+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){if(o.current&&"none"!==getComputedStyle(o.current,null).display){if(u.removeClass(o.current,"p-ink-active"),!u.getHeight(o.current)&&!u.getWidth(o.current)){var r=Math.max(u.getOuterWidth(i.current),u.getOuterHeight(i.current));o.current.style.height=r+"px",o.current.style.width=r+"px"}o.current.style.top=t+"px",o.current.style.left=e+"px",u.addClass(o.current,"p-ink-active")}};return r((function(){o.current&&(i.current=a(),s())})),n((function(){o.current&&!i.current&&(i.current=a(),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};

package/ripple/ripple.js

@@ -102,9 +102,6 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
       }) : null;
     }));
     Ripple.displayName = 'Ripple';
-    Ripple.defaultProps = {
-      __TYPE: 'Ripple'
-    };
 
     exports.Ripple = Ripple;
 

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(r,n){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(u.DomHandler.removeClass(e.current,"p-ink-active"),!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var c=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=c+"px",e.current.style.width=c+"px"}e.current.style.top=n+"px",e.current.style.left=r+"px",u.DomHandler.addClass(e.current,"p-ink-active")}};return n.useMountEffect((function(){e.current&&(t.current=r(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),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",l.defaultProps={__TYPE:"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 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(r,n){if(e.current&&"none"!==getComputedStyle(e.current,null).display){if(u.DomHandler.removeClass(e.current,"p-ink-active"),!u.DomHandler.getHeight(e.current)&&!u.DomHandler.getWidth(e.current)){var c=Math.max(u.DomHandler.getOuterWidth(t.current),u.DomHandler.getOuterHeight(t.current));e.current.style.height=c+"px",e.current.style.width=c+"px"}e.current.style.top=n+"px",e.current.style.left=r+"px",u.DomHandler.addClass(e.current,"p-ink-active")}};return n.useMountEffect((function(){e.current&&(t.current=r(),c())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=r(),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);

package/row/package.json

@@ -2,5 +2,6 @@
     "main": "./row.cjs.js",
     "module": "./row.esm.js",
     "unpkg": "./row.min.js",
-    "types": "./row.d.ts"
+    "types": "./row.d.ts",
+    "sideEffects": false
 }

package/row/row.cjs.js

@@ -40,18 +40,32 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var Row = function Row(props) {
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, Row.defaultProps);
+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.defaultProps = {
-  __TYPE: 'Row',
-  style: null,
-  className: null
-};
 
 exports.Row = Row;

package/row/row.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(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 n=t(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},a.apply(this,arguments)}var l=function e(t){var l=r.ObjectUtils.findDiffKeys(t,e.defaultProps);return n.createElement("tr",a({className:t.className,style:t.style},l),t.children)};l.displayName="Row",l.defaultProps={__TYPE:"Row",style:null,className:null},exports.Row=l;
+"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;

package/row/row.d.ts

@@ -1,9 +1,43 @@
+/**
+ *
+ * Row component is a helper component used to create grouping structures in DataTable.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/datatable/)
+ *
+ * @module row
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in Row component.
+ * @group Properties
+ */
 export interface RowProps {
-    style?: React.CSSProperties;
-    className?: string;
-    children?: React.ReactNode;
+    /**
+     * Inline style of the element.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Style class of the row.
+     */
+    className?: string | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Row**
+ *
+ * _Row component is a helper component used to create grouping structures in DataTable._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/datatable/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Row extends React.Component<RowProps, any> {}

package/row/row.esm.js

@@ -16,18 +16,32 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var Row = function Row(props) {
-  var otherProps = ObjectUtils.findDiffKeys(props, Row.defaultProps);
+var RowBase = {
+  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({
     className: props.className,
     style: props.style
   }, otherProps), props.children);
 };
 Row.displayName = 'Row';
-Row.defaultProps = {
-  __TYPE: 'Row',
-  style: null,
-  className: null
-};
 
 export { Row };

package/row/row.esm.min.js

@@ -1 +1 @@
-import*as r from"react";import{ObjectUtils as e}from"primereact/utils";function t(){return t=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a])}return r},t.apply(this,arguments)}var a=function a(s){var l=e.findDiffKeys(s,a.defaultProps);return r.createElement("tr",t({className:s.className,style:s.style},l),s.children)};a.displayName="Row",a.defaultProps={__TYPE:"Row",style:null,className:null};export{a as Row};
+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};

package/row/row.js

@@ -37,19 +37,33 @@ this.primereact.row = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
-  var Row = function Row(props) {
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Row.defaultProps);
+  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.defaultProps = {
-    __TYPE: 'Row',
-    style: null,
-    className: null
-  };
 
   exports.Row = Row;
 

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 a=n(t);function c(){return c=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},c.apply(this,arguments)}var i=function e(t){var n=r.ObjectUtils.findDiffKeys(t,e.defaultProps);return a.createElement("tr",c({className:t.className,style:t.style},n),t.children)};return i.displayName="Row",i.defaultProps={__TYPE:"Row",style:null,className:null},e.Row=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+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);

package/scrollpanel/package.json

@@ -2,5 +2,6 @@
     "main": "./scrollpanel.cjs.js",
     "module": "./scrollpanel.esm.js",
     "unpkg": "./scrollpanel.min.js",
-    "types": "./scrollpanel.d.ts"
+    "types": "./scrollpanel.d.ts",
+    "sideEffects": false
 }

package/scrollpanel/scrollpanel.cjs.js

@@ -41,7 +41,24 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var ScrollPanelBase = {
+  defaultProps: {
+    __TYPE: 'ScrollPanel',
+    id: null,
+    style: null,
+    className: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, ScrollPanelBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, ScrollPanelBase.defaultProps);
+  }
+};
+
+var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = ScrollPanelBase.getProps(inProps);
   var containerRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
   var xBarRef = React__namespace.useRef(null);
@@ -179,7 +196,7 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       }
     };
   });
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, ScrollPanel.defaultProps);
+  var otherProps = ScrollPanelBase.getOtherProps(props);
   var className = utils.classNames('p-scrollpanel p-component', props.className);
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     ref: containerRef,
@@ -204,11 +221,5 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
   }));
 });
 ScrollPanel.displayName = 'ScrollPanel';
-ScrollPanel.defaultProps = {
-  __TYPE: 'ScrollPanel',
-  id: null,
-  style: null,
-  className: null
-};
 
 exports.ScrollPanel = ScrollPanel;

package/scrollpanel/scrollpanel.cjs.min.js

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

package/scrollpanel/scrollpanel.d.ts

@@ -1,12 +1,56 @@
+/**
+ *
+ * ScrollPanel is a cross browser, lightweight and skinnable alternative to native browser scrollbar.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/scrollpanel/)
+ *
+ * @module scrollpanel
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in ScrollPanel component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface ScrollPanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - ScrollPanel**
+ *
+ * _ScrollPanel is a cross browser, lightweight and skinnable alternative to native browser scrollbar._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/scrollpanel/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class ScrollPanel extends React.Component<ScrollPanelProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get content of the scrollpanel.
+     * @return {HTMLDivElement} Content element
+     */
     public getContent(): HTMLDivElement;
+    /**
+     * Used to get horizontal scrollbar of the panel.
+     * @return {HTMLDivElement} Horizontal bar element
+     */
     public getXBar(): HTMLDivElement;
+    /**
+     * Used to get vertical scrollbar of the panel.
+     * @return {HTMLDivElement} Vertical bar element
+     */
     public getYBar(): HTMLDivElement;
 }

package/scrollpanel/scrollpanel.esm.js

@@ -17,7 +17,24 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ScrollPanelBase = {
+  defaultProps: {
+    __TYPE: 'ScrollPanel',
+    id: null,
+    style: null,
+    className: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, ScrollPanelBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, ScrollPanelBase.defaultProps);
+  }
+};
+
+var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = ScrollPanelBase.getProps(inProps);
   var containerRef = React.useRef(null);
   var contentRef = React.useRef(null);
   var xBarRef = React.useRef(null);
@@ -155,7 +172,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     };
   });
-  var otherProps = ObjectUtils.findDiffKeys(props, ScrollPanel.defaultProps);
+  var otherProps = ScrollPanelBase.getOtherProps(props);
   var className = classNames('p-scrollpanel p-component', props.className);
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: containerRef,
@@ -180,11 +197,5 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 ScrollPanel.displayName = 'ScrollPanel';
-ScrollPanel.defaultProps = {
-  __TYPE: 'ScrollPanel',
-  id: null,
-  style: null,
-  className: null
-};
 
 export { ScrollPanel };

package/scrollpanel/scrollpanel.esm.min.js

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

package/scrollpanel/scrollpanel.js

@@ -37,7 +37,24 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
     return _extends.apply(this, arguments);
   }
 
-  var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var ScrollPanelBase = {
+    defaultProps: {
+      __TYPE: 'ScrollPanel',
+      id: null,
+      style: null,
+      className: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, ScrollPanelBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, ScrollPanelBase.defaultProps);
+    }
+  };
+
+  var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = ScrollPanelBase.getProps(inProps);
     var containerRef = React__namespace.useRef(null);
     var contentRef = React__namespace.useRef(null);
     var xBarRef = React__namespace.useRef(null);
@@ -175,7 +192,7 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
         }
       };
     });
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, ScrollPanel.defaultProps);
+    var otherProps = ScrollPanelBase.getOtherProps(props);
     var className = utils.classNames('p-scrollpanel p-component', props.className);
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: containerRef,
@@ -200,12 +217,6 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
     }));
   });
   ScrollPanel.displayName = 'ScrollPanel';
-  ScrollPanel.defaultProps = {
-    __TYPE: 'ScrollPanel',
-    id: null,
-    style: null,
-    className: null
-  };
 
   exports.ScrollPanel = ScrollPanel;
 

package/scrollpanel/scrollpanel.min.js

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

package/scrolltop/package.json

@@ -2,5 +2,6 @@
     "main": "./scrolltop.cjs.js",
     "module": "./scrolltop.esm.js",
     "unpkg": "./scrolltop.min.js",
-    "types": "./scrolltop.d.ts"
+    "types": "./scrolltop.d.ts",
+    "sideEffects": false
 }