primereact 8.7.3 → 9.0.0-rc.1

package/csstransition/csstransition.cjs.js

@@ -72,9 +72,23 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+var CSSTransitionBase = {
+  defaultProps: {
+    __TYPE: 'CSSTransition',
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, CSSTransitionBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, CSSTransitionBase.defaultProps);
+  }
+};
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = CSSTransitionBase.getProps(inProps);
   var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact__default["default"].cssTransition;
   var onEnter = function onEnter(node, isAppearing) {
     props.onEnter && props.onEnter(node, isAppearing); // component
@@ -144,8 +158,5 @@ var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (props, re
   }
 });
 CSSTransition.displayName = 'CSSTransition';
-CSSTransition.defaultProps = {
-  __TYPE: 'CSSTransition'
-};
 
 exports.CSSTransition = CSSTransition;

package/csstransition/csstransition.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=require("react-transition-group"),e=require("primereact/api"),o=require("primereact/hooks"),r=require("primereact/utils");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var c=u(t),s=i(e);function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function a(t,n){if("object"!==f(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}function p(t){var n=a(t,"string");return"symbol"===f(n)?n:String(n)}function l(t,n,e){return(n=p(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function b(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,o)}return e}function E(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?b(Object(e),!0).forEach((function(n){l(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):b(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}var d=c.forwardRef((function(t,e){var i=t.disabled||t.options&&t.options.disabled||!s.default.cssTransition,u=function(n,e){t.onEnter&&t.onEnter(n,e),t.options&&t.options.onEnter&&t.options.onEnter(n,e)},f=function(n,e){t.onEntering&&t.onEntering(n,e),t.options&&t.options.onEntering&&t.options.onEntering(n,e)},a=function(n,e){t.onEntered&&t.onEntered(n,e),t.options&&t.options.onEntered&&t.options.onEntered(n,e)},p=function(n){t.onExit&&t.onExit(n),t.options&&t.options.onExit&&t.options.onExit(n)},l=function(n){t.onExiting&&t.onExiting(n),t.options&&t.options.onExiting&&t.options.onExiting(n)},b=function(n){t.onExited&&t.onExited(n),t.options&&t.options.onExited&&t.options.onExited(n)};if(o.useUpdateEffect((function(){if(i){var n=r.ObjectUtils.getRefElement(t.nodeRef);t.in?(u(n,!0),f(n,!0),a(n,!0)):(p(n),l(n),b(n))}}),[t.in]),i)return t.in?t.children:null;var d={nodeRef:t.nodeRef,in:t.in,onEnter:u,onEntering:f,onEntered:a,onExit:p,onExiting:l,onExited:b},y=E(E(E({},{classNames:t.classNames,timeout:t.timeout,unmountOnExit:t.unmountOnExit}),t.options||{}),d);return c.createElement(n.CSSTransition,y,t.children)}));d.displayName="CSSTransition",d.defaultProps={__TYPE:"CSSTransition"},exports.CSSTransition=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("react-transition-group"),n=require("primereact/api"),o=require("primereact/hooks"),r=require("primereact/utils");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var c=u(t),s=i(n);function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function p(t,e){if("object"!==f(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function a(t){var e=p(t,"string");return"symbol"===f(e)?e:String(e)}function l(t,e,n){return(e=a(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var b={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(t){return r.ObjectUtils.getMergedProps(t,b.defaultProps)},getOtherProps:function(t){return r.ObjectUtils.getDiffProps(t,b.defaultProps)}};function d(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function E(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?d(Object(n),!0).forEach((function(e){l(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var y=c.forwardRef((function(t,n){var i=b.getProps(t),u=i.disabled||i.options&&i.options.disabled||!s.default.cssTransition,f=function(t,e){i.onEnter&&i.onEnter(t,e),i.options&&i.options.onEnter&&i.options.onEnter(t,e)},p=function(t,e){i.onEntering&&i.onEntering(t,e),i.options&&i.options.onEntering&&i.options.onEntering(t,e)},a=function(t,e){i.onEntered&&i.onEntered(t,e),i.options&&i.options.onEntered&&i.options.onEntered(t,e)},l=function(t){i.onExit&&i.onExit(t),i.options&&i.options.onExit&&i.options.onExit(t)},d=function(t){i.onExiting&&i.onExiting(t),i.options&&i.options.onExiting&&i.options.onExiting(t)},y=function(t){i.onExited&&i.onExited(t),i.options&&i.options.onExited&&i.options.onExited(t)};if(o.useUpdateEffect((function(){if(u){var t=r.ObjectUtils.getRefElement(i.nodeRef);i.in?(f(t,!0),p(t,!0),a(t,!0)):(l(t),d(t),y(t))}}),[i.in]),u)return i.in?i.children:null;var g={nodeRef:i.nodeRef,in:i.in,onEnter:f,onEntering:p,onEntered:a,onExit:l,onExiting:d,onExited:y},m=E(E(E({},{classNames:i.classNames,timeout:i.timeout,unmountOnExit:i.unmountOnExit}),i.options||{}),g);return c.createElement(e.CSSTransition,m,i.children)}));y.displayName="CSSTransition",exports.CSSTransition=y;

package/csstransition/csstransition.d.ts

@@ -1,8 +1,38 @@
+/**
+ *
+ * CSSTransition component wraps [ReactCSSTransition](https://reactcommunity.org/react-transition-group/css-transition) API.
+ * It allows us to easily manage animations. All PrimeReact components use this component.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/dropdown/)
+ *
+ * @module csstransition
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-group/CSSTransition';
 
+/**
+ * Defines valid properties in [ReactCSSTransition](https://reactcommunity.org/react-transition-group/css-transition) API. In addition to these, all properties of HTMLElement can be used in this component.
+ * @group Properties
+ */
 export type CSSTransitionProps<Ref extends undefined | HTMLElement = undefined> = ReactCSSTransitionProps<Ref> & {
-    disabled?: boolean;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
 };
 
+/**
+ * **PrimeReact - CSSTransition**
+ *
+ * _CSSTransition component wraps [ReactCSSTransition](https://reactcommunity.org/react-transition-group/css-transition) API.
+ * It allows us to easily manage animations. All PrimeReact components use this component._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/dropdown/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class CSSTransition<Ref extends undefined | HTMLElement> extends React.Component<CSSTransitionProps<Ref>, any> {}

package/csstransition/csstransition.esm.js

@@ -45,9 +45,23 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+var CSSTransitionBase = {
+  defaultProps: {
+    __TYPE: 'CSSTransition',
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, CSSTransitionBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, CSSTransitionBase.defaultProps);
+  }
+};
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var CSSTransition = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var CSSTransition = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = CSSTransitionBase.getProps(inProps);
   var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact.cssTransition;
   var onEnter = function onEnter(node, isAppearing) {
     props.onEnter && props.onEnter(node, isAppearing); // component
@@ -117,8 +131,5 @@ var CSSTransition = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 });
 CSSTransition.displayName = 'CSSTransition';
-CSSTransition.defaultProps = {
-  __TYPE: 'CSSTransition'
-};
 
 export { CSSTransition };

package/csstransition/csstransition.esm.min.js

@@ -1 +1 @@
-import*as n from"react";import{CSSTransition as t}from"react-transition-group";import o from"primereact/api";import{useUpdateEffect as e}from"primereact/hooks";import{ObjectUtils as r}from"primereact/utils";function i(n){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},i(n)}function s(n,t){if("object"!==i(n)||null===n)return n;var o=n[Symbol.toPrimitive];if(void 0!==o){var e=o.call(n,t||"default");if("object"!==i(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}function p(n){var t=s(n,"string");return"symbol"===i(t)?t:String(t)}function u(n,t,o){return(t=p(t))in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}function c(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,e)}return o}function f(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach((function(t){u(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var a=n.forwardRef((function(i,s){var p=i.disabled||i.options&&i.options.disabled||!o.cssTransition,u=function(n,t){i.onEnter&&i.onEnter(n,t),i.options&&i.options.onEnter&&i.options.onEnter(n,t)},c=function(n,t){i.onEntering&&i.onEntering(n,t),i.options&&i.options.onEntering&&i.options.onEntering(n,t)},a=function(n,t){i.onEntered&&i.onEntered(n,t),i.options&&i.options.onEntered&&i.options.onEntered(n,t)},l=function(n){i.onExit&&i.onExit(n),i.options&&i.options.onExit&&i.options.onExit(n)},m=function(n){i.onExiting&&i.onExiting(n),i.options&&i.options.onExiting&&i.options.onExiting(n)},E=function(n){i.onExited&&i.onExited(n),i.options&&i.options.onExited&&i.options.onExited(n)};if(e((function(){if(p){var n=r.getRefElement(i.nodeRef);i.in?(u(n,!0),c(n,!0),a(n,!0)):(l(n),m(n),E(n))}}),[i.in]),p)return i.in?i.children:null;var b={nodeRef:i.nodeRef,in:i.in,onEnter:u,onEntering:c,onEntered:a,onExit:l,onExiting:m,onExited:E},y=f(f(f({},{classNames:i.classNames,timeout:i.timeout,unmountOnExit:i.unmountOnExit}),i.options||{}),b);return n.createElement(t,y,i.children)}));a.displayName="CSSTransition",a.defaultProps={__TYPE:"CSSTransition"};export{a as CSSTransition};
+import*as n from"react";import{CSSTransition as t}from"react-transition-group";import o from"primereact/api";import{useUpdateEffect as e}from"primereact/hooks";import{ObjectUtils as r}from"primereact/utils";function i(n){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},i(n)}function s(n,t){if("object"!==i(n)||null===n)return n;var o=n[Symbol.toPrimitive];if(void 0!==o){var e=o.call(n,t||"default");if("object"!==i(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}function p(n){var t=s(n,"string");return"symbol"===i(t)?t:String(t)}function u(n,t,o){return(t=p(t))in n?Object.defineProperty(n,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[t]=o,n}var c={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(n){return r.getMergedProps(n,c.defaultProps)},getOtherProps:function(n){return r.getDiffProps(n,c.defaultProps)}};function f(n,t){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.push.apply(o,e)}return o}function a(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?f(Object(o),!0).forEach((function(t){u(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}var l=n.forwardRef((function(i,s){var p=c.getProps(i),u=p.disabled||p.options&&p.options.disabled||!o.cssTransition,f=function(n,t){p.onEnter&&p.onEnter(n,t),p.options&&p.options.onEnter&&p.options.onEnter(n,t)},l=function(n,t){p.onEntering&&p.onEntering(n,t),p.options&&p.options.onEntering&&p.options.onEntering(n,t)},m=function(n,t){p.onEntered&&p.onEntered(n,t),p.options&&p.options.onEntered&&p.options.onEntered(n,t)},E=function(n){p.onExit&&p.onExit(n),p.options&&p.options.onExit&&p.options.onExit(n)},b=function(n){p.onExiting&&p.onExiting(n),p.options&&p.options.onExiting&&p.options.onExiting(n)},d=function(n){p.onExited&&p.onExited(n),p.options&&p.options.onExited&&p.options.onExited(n)};if(e((function(){if(u){var n=r.getRefElement(p.nodeRef);p.in?(f(n,!0),l(n,!0),m(n,!0)):(E(n),b(n),d(n))}}),[p.in]),u)return p.in?p.children:null;var g={nodeRef:p.nodeRef,in:p.in,onEnter:f,onEntering:l,onEntered:m,onExit:E,onExiting:b,onExited:d},y=a(a(a({},{classNames:p.classNames,timeout:p.timeout,unmountOnExit:p.unmountOnExit}),p.options||{}),g);return n.createElement(t,y,p.children)}));l.displayName="CSSTransition";export{l as CSSTransition};

package/csstransition/csstransition.js

@@ -66,9 +66,23 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup,
     return obj;
   }
 
+  var CSSTransitionBase = {
+    defaultProps: {
+      __TYPE: 'CSSTransition',
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, CSSTransitionBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, CSSTransitionBase.defaultProps);
+    }
+  };
+
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var CSSTransition = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = CSSTransitionBase.getProps(inProps);
     var disabled = props.disabled || props.options && props.options.disabled || !PrimeReact__default["default"].cssTransition;
     var onEnter = function onEnter(node, isAppearing) {
       props.onEnter && props.onEnter(node, isAppearing); // component
@@ -138,9 +152,6 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup,
     }
   });
   CSSTransition.displayName = 'CSSTransition';
-  CSSTransition.defaultProps = {
-    __TYPE: 'CSSTransition'
-  };
 
   exports.CSSTransition = CSSTransition;
 

package/csstransition/csstransition.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.csstransition=function(t,n,e,o,r,i){"use strict";function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function c(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var s=c(n),f=u(o);function a(t){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},a(t)}function p(t,n){if("object"!==a(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}function l(t){var n=p(t,"string");return"symbol"===a(n)?n:String(n)}function b(t,n,e){return(n=l(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function E(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,o)}return e}function d(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?E(Object(e),!0).forEach((function(n){b(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):E(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}var m=s.forwardRef((function(t,n){var o=t.disabled||t.options&&t.options.disabled||!f.default.cssTransition,u=function(n,e){t.onEnter&&t.onEnter(n,e),t.options&&t.options.onEnter&&t.options.onEnter(n,e)},c=function(n,e){t.onEntering&&t.onEntering(n,e),t.options&&t.options.onEntering&&t.options.onEntering(n,e)},a=function(n,e){t.onEntered&&t.onEntered(n,e),t.options&&t.options.onEntered&&t.options.onEntered(n,e)},p=function(n){t.onExit&&t.onExit(n),t.options&&t.options.onExit&&t.options.onExit(n)},l=function(n){t.onExiting&&t.onExiting(n),t.options&&t.options.onExiting&&t.options.onExiting(n)},b=function(n){t.onExited&&t.onExited(n),t.options&&t.options.onExited&&t.options.onExited(n)};if(r.useUpdateEffect((function(){if(o){var n=i.ObjectUtils.getRefElement(t.nodeRef);t.in?(u(n,!0),c(n,!0),a(n,!0)):(p(n),l(n),b(n))}}),[t.in]),o)return t.in?t.children:null;var E={nodeRef:t.nodeRef,in:t.in,onEnter:u,onEntering:c,onEntered:a,onExit:p,onExiting:l,onExited:b},m=d(d(d({},{classNames:t.classNames,timeout:t.timeout,unmountOnExit:t.unmountOnExit}),t.options||{}),E);return s.createElement(e.CSSTransition,m,t.children)}));return m.displayName="CSSTransition",m.defaultProps={__TYPE:"CSSTransition"},t.CSSTransition=m,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,ReactTransitionGroup,primereact.api,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.csstransition=function(t,n,e,o,r,i){"use strict";function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function c(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var s=c(n),f=u(o);function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function a(t,n){if("object"!==p(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,n||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}function l(t){var n=a(t,"string");return"symbol"===p(n)?n:String(n)}function b(t,n,e){return(n=l(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}var d={defaultProps:{__TYPE:"CSSTransition",children:void 0},getProps:function(t){return i.ObjectUtils.getMergedProps(t,d.defaultProps)},getOtherProps:function(t){return i.ObjectUtils.getDiffProps(t,d.defaultProps)}};function E(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,o)}return e}function m(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?E(Object(e),!0).forEach((function(n){b(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):E(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}var y=s.forwardRef((function(t,n){var o=d.getProps(t),u=o.disabled||o.options&&o.options.disabled||!f.default.cssTransition,c=function(t,n){o.onEnter&&o.onEnter(t,n),o.options&&o.options.onEnter&&o.options.onEnter(t,n)},p=function(t,n){o.onEntering&&o.onEntering(t,n),o.options&&o.options.onEntering&&o.options.onEntering(t,n)},a=function(t,n){o.onEntered&&o.onEntered(t,n),o.options&&o.options.onEntered&&o.options.onEntered(t,n)},l=function(t){o.onExit&&o.onExit(t),o.options&&o.options.onExit&&o.options.onExit(t)},b=function(t){o.onExiting&&o.onExiting(t),o.options&&o.options.onExiting&&o.options.onExiting(t)},E=function(t){o.onExited&&o.onExited(t),o.options&&o.options.onExited&&o.options.onExited(t)};if(r.useUpdateEffect((function(){if(u){var t=i.ObjectUtils.getRefElement(o.nodeRef);o.in?(c(t,!0),p(t,!0),a(t,!0)):(l(t),b(t),E(t))}}),[o.in]),u)return o.in?o.children:null;var y={nodeRef:o.nodeRef,in:o.in,onEnter:c,onEntering:p,onEntered:a,onExit:l,onExiting:b,onExited:E},g=m(m(m({},{classNames:o.classNames,timeout:o.timeout,unmountOnExit:o.unmountOnExit}),o.options||{}),y);return s.createElement(e.CSSTransition,g,o.children)}));return y.displayName="CSSTransition",t.CSSTransition=y,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,ReactTransitionGroup,primereact.api,primereact.hooks,primereact.utils);

package/csstransition/package.json

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

package/datascroller/datascroller.cjs.js

@@ -44,9 +44,7 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -93,9 +91,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -117,7 +113,36 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var DataScrollerBase = {
+  defaultProps: {
+    __TYPE: 'DataScroller',
+    id: null,
+    value: null,
+    rows: 0,
+    inline: false,
+    scrollHeight: null,
+    loader: false,
+    buffer: 0.9,
+    style: null,
+    className: null,
+    onLazyLoad: null,
+    emptyMessage: null,
+    itemTemplate: null,
+    header: null,
+    footer: null,
+    lazy: false,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, DataScrollerBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, DataScrollerBase.defaultProps);
+  }
+};
+
+var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = DataScrollerBase.getProps(inProps);
   var _React$useState = React__namespace.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     dataToRenderState = _React$useState2[0],
@@ -281,7 +306,7 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       className: "p-datascroller-list"
     }, content));
   };
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, DataScroller.defaultProps);
+  var otherProps = DataScrollerBase.getOtherProps(props);
   var className = utils.classNames('p-datascroller p-component', props.className, {
     'p-datascroller-inline': props.inline
   });
@@ -295,23 +320,5 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   }, otherProps), header, content, footer);
 }));
 DataScroller.displayName = 'DataScroller';
-DataScroller.defaultProps = {
-  __TYPE: 'DataScroller',
-  id: null,
-  value: null,
-  rows: 0,
-  inline: false,
-  scrollHeight: null,
-  loader: false,
-  buffer: 0.9,
-  style: null,
-  className: null,
-  onLazyLoad: null,
-  emptyMessage: null,
-  itemTemplate: null,
-  header: null,
-  footer: null,
-  lazy: false
-};
 
 exports.DataScroller = DataScroller;

package/datascroller/datascroller.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils");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 u=l(e);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)}function a(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e){if(Array.isArray(e))return a(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,r){if(e){if("string"==typeof e)return a(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,r):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return c(e)||i(e)||s(e)||f()}function m(e){if(Array.isArray(e))return e}function p(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,u,o,a=[],c=!0,i=!1;try{if(u=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=u.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(i)throw l}}return a}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=u.memo(u.forwardRef((function(e,l){var a,c,i=u.useState([]),f=(c=2,m(a=i)||p(a,c)||s(a,c)||y()),b=f[0],h=f[1],g=u.useRef(null),E=u.useRef(null),w=u.useRef(e.value),O=u.useRef([]),j=u.useRef(0),S=u.useRef(null),H=function(){if(e.lazy)e.onLazyLoad&&e.onLazyLoad(N()),j.current+=e.rows;else if(w.current){for(var r=j.current;r<j.current+e.rows&&!(r>=w.current.length);r++)O.current.push(w.current[r]);0!==w.current.length&&(j.current+=e.rows),h(d(O.current))}},L=function(){j.current=0,O.current=[],h(d(O.current)),H()},N=function(){return{first:j.current,rows:e.rows}},A=function(){S.current&&(e.inline&&E.current?E.current.removeEventListener("scroll",S.current):e.loader||window.removeEventListener("scroll",S.current)),S.current=null};t.useMountEffect((function(){H(),e.loader||(e.inline?(S.current=function(){E.current.scrollTop>=E.current.scrollHeight*e.buffer-E.current.clientHeight&&H()},E.current.addEventListener("scroll",S.current)):(S.current=function(){var r=document.body,t=document.documentElement,n=window.pageYOffset||document.documentElement.scrollTop,l=t.clientHeight;n>=Math.max(r.scrollHeight,r.offsetHeight,l,t.scrollHeight,t.offsetHeight)*e.buffer-l&&H()},window.addEventListener("scroll",S.current)))})),t.useUpdateEffect((function(){e.value&&(w.current=e.value,e.lazy||(j.current=0),O.current=[],e.lazy?(O.current=w.current,h(d(O.current))):H())}),[e.value]),t.useUpdateEffect((function(){e.loader&&A()}),[e.loader]),t.useUnmountEffect((function(){S.current&&A()})),u.useImperativeHandle(l,(function(){return{props:e,load:H,reset:L,getElement:function(){return g.current},getContent:function(){return E.current}}}));var z=function(r,t){var n=e.itemTemplate?e.itemTemplate(r):r;return u.createElement("li",{key:t+"_datascrollitem"},n)},M=function(){var t=n.ObjectUtils.getJSXElement(e.emptyMessage,e)||r.localeOption("emptyMessage");return u.createElement("li",null,t)},T=n.ObjectUtils.findDiffKeys(e,v.defaultProps),P=n.classNames("p-datascroller p-component",e.className,{"p-datascroller-inline":e.inline}),R=e.header?u.createElement("div",{className:"p-datascroller-header"},e.header):null,U=e.footer?u.createElement("div",{className:"p-datascroller-footer"},e.footer):null,_=function(){var r=n.ObjectUtils.isNotEmpty(b)?b.map(z):M();return u.createElement("div",{ref:E,className:"p-datascroller-content",style:{maxHeight:e.scrollHeight}},u.createElement("ul",{className:"p-datascroller-list"},r))}();return u.createElement("div",o({id:e.id,ref:g,className:P},T),R,_,U)})));v.displayName="DataScroller",v.defaultProps={__TYPE:"DataScroller",id:null,value:null,rows:0,inline:!1,scrollHeight:null,loader:!1,buffer:.9,style:null,className:null,onLazyLoad:null,emptyMessage:null,itemTemplate:null,header:null,footer:null,lazy:!1},exports.DataScroller=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils");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);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)}function a(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e){if(Array.isArray(e))return a(e)}function i(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,r){if(e){if("string"==typeof e)return a(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,r):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return c(e)||i(e)||s(e)||f()}function m(e){if(Array.isArray(e))return e}function p(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,u,a=[],c=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(i)throw l}}return a}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v={defaultProps:{__TYPE:"DataScroller",id:null,value:null,rows:0,inline:!1,scrollHeight:null,loader:!1,buffer:.9,style:null,className:null,onLazyLoad:null,emptyMessage:null,itemTemplate:null,header:null,footer:null,lazy:!1,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,v.defaultProps)}},g=o.memo(o.forwardRef((function(e,l){var a,c,i=v.getProps(e),f=o.useState([]),g=(c=2,m(a=f)||p(a,c)||s(a,c)||y()),h=g[0],b=g[1],E=o.useRef(null),O=o.useRef(null),w=o.useRef(i.value),j=o.useRef([]),P=o.useRef(0),S=o.useRef(null),H=function(){if(i.lazy)i.onLazyLoad&&i.onLazyLoad(N()),P.current+=i.rows;else if(w.current){for(var e=P.current;e<P.current+i.rows&&!(e>=w.current.length);e++)j.current.push(w.current[e]);0!==w.current.length&&(P.current+=i.rows),b(d(j.current))}},L=function(){P.current=0,j.current=[],b(d(j.current)),H()},N=function(){return{first:P.current,rows:i.rows}},A=function(){S.current&&(i.inline&&O.current?O.current.removeEventListener("scroll",S.current):i.loader||window.removeEventListener("scroll",S.current)),S.current=null};t.useMountEffect((function(){H(),i.loader||(i.inline?(S.current=function(){O.current.scrollTop>=O.current.scrollHeight*i.buffer-O.current.clientHeight&&H()},O.current.addEventListener("scroll",S.current)):(S.current=function(){var e=document.body,r=document.documentElement,t=window.pageYOffset||document.documentElement.scrollTop,n=r.clientHeight;t>=Math.max(e.scrollHeight,e.offsetHeight,n,r.scrollHeight,r.offsetHeight)*i.buffer-n&&H()},window.addEventListener("scroll",S.current)))})),t.useUpdateEffect((function(){i.value&&(w.current=i.value,i.lazy||(P.current=0),j.current=[],i.lazy?(j.current=w.current,b(d(j.current))):H())}),[i.value]),t.useUpdateEffect((function(){i.loader&&A()}),[i.loader]),t.useUnmountEffect((function(){S.current&&A()})),o.useImperativeHandle(l,(function(){return{props:i,load:H,reset:L,getElement:function(){return E.current},getContent:function(){return O.current}}}));var M=function(e,r){var t=i.itemTemplate?i.itemTemplate(e):e;return o.createElement("li",{key:r+"_datascrollitem"},t)},z=function(){var e=n.ObjectUtils.getJSXElement(i.emptyMessage,i)||r.localeOption("emptyMessage");return o.createElement("li",null,e)},T=v.getOtherProps(i),U=n.classNames("p-datascroller p-component",i.className,{"p-datascroller-inline":i.inline}),R=i.header?o.createElement("div",{className:"p-datascroller-header"},i.header):null,_=i.footer?o.createElement("div",{className:"p-datascroller-footer"},i.footer):null,I=function(){var e=n.ObjectUtils.isNotEmpty(h)?h.map(M):z();return o.createElement("div",{ref:O,className:"p-datascroller-content",style:{maxHeight:i.scrollHeight}},o.createElement("ul",{className:"p-datascroller-list"},e))}();return o.createElement("div",u({id:i.id,ref:E,className:U},T),R,I,_)})));g.displayName="DataScroller",exports.DataScroller=g;

package/datascroller/datascroller.d.ts

@@ -1,29 +1,115 @@
+/**
+ *
+ * DataScroller displays data with on demand loading using scroll.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/datascroller/)
+ *
+ * @module datascroller
+ *
+ */
 import * as React from 'react';
 
-type DataScrollerEmptyMessageType = React.ReactNode | ((props: DataScrollerProps) => React.ReactNode);
-
-interface DataScrollerLazyLoadParams {
+/**
+ * Custom lazy event.
+ * @see {@link DataScrollerProps.onLazyLoad}
+ * @event
+ */
+interface DataScrollerLazyLoadEvents {
+    /**
+     * First row offset
+     */
     first: number;
+    /**
+     * Number of rows per page
+     */
     rows: number;
 }
 
+/**
+ * Defines valid properties in DataScroller component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface DataScrollerProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    buffer?: number;
-    children?: React.ReactNode;
-    emptyMessage?: DataScrollerEmptyMessageType;
-    footer?: React.ReactNode;
-    header?: React.ReactNode;
-    inline?: boolean;
-    lazy?: boolean;
-    loader?: boolean;
-    rows?: number;
-    scrollHeight?: string;
-    value?: any[];
-    itemTemplate?(item: any): React.ReactNode;
-    onLazyLoad?(e: DataScrollerLazyLoadParams): void;
+    /**
+     * Number of buffer size.
+     * @defaultValue 0.9
+     */
+    buffer?: number | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * Text to display when there is no data.
+     * @defaultValue No records found
+     */
+    emptyMessage?: React.ReactNode | ((props: DataScrollerProps) => React.ReactNode);
+    /**
+     * Label of footer.
+     */
+    footer?: React.ReactNode | undefined;
+    /**
+     * Label of header.
+     */
+    header?: React.ReactNode | undefined;
+    /**
+     * Defines if the event target to listen the scroll event is the element itself.
+     * @defaultValue false
+     */
+    inline?: boolean | undefined;
+    /**
+     * Defines if data is loaded and interacted with in lazy manner.
+     * @defaultValue false
+     */
+    lazy?: boolean | undefined;
+    /**
+     * Determines whether data is loaded by a target element.
+     */
+    loader?: boolean | undefined;
+    /**
+     * Number of rows to fetch in a load event.
+     */
+    rows?: number | undefined;
+    /**
+     * Max height of the content area in inline mode.
+     */
+    scrollHeight?: string | undefined;
+    /**
+     * An array of objects to display.
+     */
+    value?: any[] | undefined;
+    /**
+     * Function that gets an item in the value and returns the content for it.
+     * @param {*} item - Current item
+     */
+    itemTemplate?(item: any): React.ReactNode | undefined;
+    /**
+     * Callback to invoke in lazy mode to load new data.
+     * @param {DataScrollerLazyLoadEvents} event - Custom lazy event
+     */
+    onLazyLoad?(event: DataScrollerLazyLoadEvents): void;
 }
 
+/**
+ * **PrimeReact - DataScroller**
+ *
+ * _DataScroller displays data with on demand loading using scroll._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/datascroller/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class DataScroller extends React.Component<DataScrollerProps, any> {
+    /**
+     * Used to load data manually
+     */
     public load(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/datascroller/datascroller.esm.js

@@ -20,9 +20,7 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -69,9 +67,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -93,7 +89,36 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var DataScrollerBase = {
+  defaultProps: {
+    __TYPE: 'DataScroller',
+    id: null,
+    value: null,
+    rows: 0,
+    inline: false,
+    scrollHeight: null,
+    loader: false,
+    buffer: 0.9,
+    style: null,
+    className: null,
+    onLazyLoad: null,
+    emptyMessage: null,
+    itemTemplate: null,
+    header: null,
+    footer: null,
+    lazy: false,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, DataScrollerBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, DataScrollerBase.defaultProps);
+  }
+};
+
+var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = DataScrollerBase.getProps(inProps);
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     dataToRenderState = _React$useState2[0],
@@ -257,7 +282,7 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       className: "p-datascroller-list"
     }, content));
   };
-  var otherProps = ObjectUtils.findDiffKeys(props, DataScroller.defaultProps);
+  var otherProps = DataScrollerBase.getOtherProps(props);
   var className = classNames('p-datascroller p-component', props.className, {
     'p-datascroller-inline': props.inline
   });
@@ -271,23 +296,5 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   }, otherProps), header, content, footer);
 }));
 DataScroller.displayName = 'DataScroller';
-DataScroller.defaultProps = {
-  __TYPE: 'DataScroller',
-  id: null,
-  value: null,
-  rows: 0,
-  inline: false,
-  scrollHeight: null,
-  loader: false,
-  buffer: 0.9,
-  style: null,
-  className: null,
-  onLazyLoad: null,
-  emptyMessage: null,
-  itemTemplate: null,
-  header: null,
-  footer: null,
-  lazy: false
-};
 
 export { DataScroller };

package/datascroller/datascroller.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{localeOption as r}from"primereact/api";import{useMountEffect as t,useUpdateEffect as n,useUnmountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as a}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)}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e){if(Array.isArray(e))return c(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,r){if(e){if("string"==typeof e)return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return i(e)||s(e)||f(e)||m()}function p(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,u=[],c=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return u}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=e.memo(e.forwardRef((function(c,i){var s,m,g=e.useState([]),b=(m=2,p(s=g)||y(s,m)||f(s,m)||v()),w=b[0],E=b[1],S=e.useRef(null),H=e.useRef(null),L=e.useRef(c.value),j=e.useRef([]),A=e.useRef(0),N=e.useRef(null),O=function(){if(c.lazy)c.onLazyLoad&&c.onLazyLoad(z()),A.current+=c.rows;else if(L.current){for(var e=A.current;e<A.current+c.rows&&!(e>=L.current.length);e++)j.current.push(L.current[e]);0!==L.current.length&&(A.current+=c.rows),E(d(j.current))}},T=function(){A.current=0,j.current=[],E(d(j.current)),O()},z=function(){return{first:A.current,rows:c.rows}},R=function(){N.current&&(c.inline&&H.current?H.current.removeEventListener("scroll",N.current):c.loader||window.removeEventListener("scroll",N.current)),N.current=null};t((function(){O(),c.loader||(c.inline?(N.current=function(){H.current.scrollTop>=H.current.scrollHeight*c.buffer-H.current.clientHeight&&O()},H.current.addEventListener("scroll",N.current)):(N.current=function(){var e=document.body,r=document.documentElement,t=window.pageYOffset||document.documentElement.scrollTop,n=r.clientHeight;t>=Math.max(e.scrollHeight,e.offsetHeight,n,r.scrollHeight,r.offsetHeight)*c.buffer-n&&O()},window.addEventListener("scroll",N.current)))})),n((function(){c.value&&(L.current=c.value,c.lazy||(A.current=0),j.current=[],c.lazy?(j.current=L.current,E(d(j.current))):O())}),[c.value]),n((function(){c.loader&&R()}),[c.loader]),l((function(){N.current&&R()})),e.useImperativeHandle(i,(function(){return{props:c,load:O,reset:T,getElement:function(){return S.current},getContent:function(){return H.current}}}));var I=function(r,t){var n=c.itemTemplate?c.itemTemplate(r):r;return e.createElement("li",{key:t+"_datascrollitem"},n)},M=function(){var t=o.getJSXElement(c.emptyMessage,c)||r("emptyMessage");return e.createElement("li",null,t)},x=o.findDiffKeys(c,h.defaultProps),P=a("p-datascroller p-component",c.className,{"p-datascroller-inline":c.inline}),D=c.header?e.createElement("div",{className:"p-datascroller-header"},c.header):null,_=c.footer?e.createElement("div",{className:"p-datascroller-footer"},c.footer):null,k=function(){var r=o.isNotEmpty(w)?w.map(I):M();return e.createElement("div",{ref:H,className:"p-datascroller-content",style:{maxHeight:c.scrollHeight}},e.createElement("ul",{className:"p-datascroller-list"},r))}();return e.createElement("div",u({id:c.id,ref:S,className:P},x),D,k,_)})));h.displayName="DataScroller",h.defaultProps={__TYPE:"DataScroller",id:null,value:null,rows:0,inline:!1,scrollHeight:null,loader:!1,buffer:.9,style:null,className:null,onLazyLoad:null,emptyMessage:null,itemTemplate:null,header:null,footer:null,lazy:!1};export{h as DataScroller};
+import*as e from"react";import{localeOption as r}from"primereact/api";import{useMountEffect as t,useUpdateEffect as n,useUnmountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as a}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)}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e){if(Array.isArray(e))return c(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,r){if(e){if("string"==typeof e)return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return i(e)||s(e)||f(e)||m()}function p(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,u=[],c=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){i=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return u}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h={defaultProps:{__TYPE:"DataScroller",id:null,value:null,rows:0,inline:!1,scrollHeight:null,loader:!1,buffer:.9,style:null,className:null,onLazyLoad:null,emptyMessage:null,itemTemplate:null,header:null,footer:null,lazy:!1,children:void 0},getProps:function(e){return o.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,h.defaultProps)}},g=e.memo(e.forwardRef((function(c,i){var s,m,g=h.getProps(c),b=e.useState([]),w=(m=2,p(s=b)||y(s,m)||f(s,m)||v()),E=w[0],S=w[1],H=e.useRef(null),O=e.useRef(null),P=e.useRef(g.value),L=e.useRef([]),j=e.useRef(0),A=e.useRef(null),N=function(){if(g.lazy)g.onLazyLoad&&g.onLazyLoad(z()),j.current+=g.rows;else if(P.current){for(var e=j.current;e<j.current+g.rows&&!(e>=P.current.length);e++)L.current.push(P.current[e]);0!==P.current.length&&(j.current+=g.rows),S(d(L.current))}},T=function(){j.current=0,L.current=[],S(d(L.current)),N()},z=function(){return{first:j.current,rows:g.rows}},R=function(){A.current&&(g.inline&&O.current?O.current.removeEventListener("scroll",A.current):g.loader||window.removeEventListener("scroll",A.current)),A.current=null};t((function(){N(),g.loader||(g.inline?(A.current=function(){O.current.scrollTop>=O.current.scrollHeight*g.buffer-O.current.clientHeight&&N()},O.current.addEventListener("scroll",A.current)):(A.current=function(){var e=document.body,r=document.documentElement,t=window.pageYOffset||document.documentElement.scrollTop,n=r.clientHeight;t>=Math.max(e.scrollHeight,e.offsetHeight,n,r.scrollHeight,r.offsetHeight)*g.buffer-n&&N()},window.addEventListener("scroll",A.current)))})),n((function(){g.value&&(P.current=g.value,g.lazy||(j.current=0),L.current=[],g.lazy?(L.current=P.current,S(d(L.current))):N())}),[g.value]),n((function(){g.loader&&R()}),[g.loader]),l((function(){A.current&&R()})),e.useImperativeHandle(i,(function(){return{props:g,load:N,reset:T,getElement:function(){return H.current},getContent:function(){return O.current}}}));var I=function(r,t){var n=g.itemTemplate?g.itemTemplate(r):r;return e.createElement("li",{key:t+"_datascrollitem"},n)},M=function(){var t=o.getJSXElement(g.emptyMessage,g)||r("emptyMessage");return e.createElement("li",null,t)},x=h.getOtherProps(g),D=a("p-datascroller p-component",g.className,{"p-datascroller-inline":g.inline}),_=g.header?e.createElement("div",{className:"p-datascroller-header"},g.header):null,k=g.footer?e.createElement("div",{className:"p-datascroller-footer"},g.footer):null,C=function(){var r=o.isNotEmpty(E)?E.map(I):M();return e.createElement("div",{ref:O,className:"p-datascroller-content",style:{maxHeight:g.scrollHeight}},e.createElement("ul",{className:"p-datascroller-list"},r))}();return e.createElement("div",u({id:g.id,ref:H,className:D},x),_,C,k)})));g.displayName="DataScroller";export{g as DataScroller};