primereact 8.7.2 → 9.0.0-beta.1

package/datascroller/datascroller.cjs.js

@@ -31,14 +31,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -46,11 +44,9 @@ 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];
   }
-
   return arr2;
 }
 
@@ -84,33 +80,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -123,17 +119,15 @@ function _slicedToArray(arr, i) {
 
 var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      dataToRenderState = _React$useState2[0],
-      setDataToRenderState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    dataToRenderState = _React$useState2[0],
+    setDataToRenderState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
   var value = React__namespace.useRef(props.value);
   var dataToRender = React__namespace.useRef([]);
   var first = React__namespace.useRef(0);
   var scrollFunction = React__namespace.useRef(null);
-
   var handleDataChange = function handleDataChange() {
     if (props.lazy) {
       dataToRender.current = value.current;
@@ -142,13 +136,11 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       load();
     }
   };
-
   var load = function load() {
     if (props.lazy) {
       if (props.onLazyLoad) {
         props.onLazyLoad(createLazyLoadMetadata());
       }
-
       first.current += props.rows;
     } else {
       if (value.current) {
@@ -156,63 +148,52 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
           if (i >= value.current.length) {
             break;
           }
-
           dataToRender.current.push(value.current[i]);
         }
-
         if (value.current.length !== 0) {
           first.current += props.rows;
         }
-
         setDataToRenderState(_toConsumableArray(dataToRender.current));
       }
     }
   };
-
   var reset = function reset() {
     first.current = 0;
     dataToRender.current = [];
     setDataToRenderState(_toConsumableArray(dataToRender.current));
     load();
   };
-
   var createLazyLoadMetadata = function createLazyLoadMetadata() {
     return {
       first: first.current,
       rows: props.rows
     };
   };
-
   var bindScrollListener = function bindScrollListener() {
     if (props.inline) {
       scrollFunction.current = function () {
         var scrollTop = contentRef.current.scrollTop,
-            scrollHeight = contentRef.current.scrollHeight,
-            viewportHeight = contentRef.current.clientHeight;
-
+          scrollHeight = contentRef.current.scrollHeight,
+          viewportHeight = contentRef.current.clientHeight;
         if (scrollTop >= scrollHeight * props.buffer - viewportHeight) {
           load();
         }
       };
-
       contentRef.current.addEventListener('scroll', scrollFunction.current);
     } else {
       scrollFunction.current = function () {
         var docBody = document.body,
-            docElement = document.documentElement,
-            scrollTop = window.pageYOffset || document.documentElement.scrollTop,
-            winHeight = docElement.clientHeight,
-            docHeight = Math.max(docBody.scrollHeight, docBody.offsetHeight, winHeight, docElement.scrollHeight, docElement.offsetHeight);
-
+          docElement = document.documentElement,
+          scrollTop = window.pageYOffset || document.documentElement.scrollTop,
+          winHeight = docElement.clientHeight,
+          docHeight = Math.max(docBody.scrollHeight, docBody.offsetHeight, winHeight, docElement.scrollHeight, docElement.offsetHeight);
         if (scrollTop >= docHeight * props.buffer - winHeight) {
           load();
         }
       };
-
       window.addEventListener('scroll', scrollFunction.current);
     }
   };
-
   var unbindScrollListener = function unbindScrollListener() {
     if (scrollFunction.current) {
       if (props.inline && contentRef.current) {
@@ -221,13 +202,10 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         window.removeEventListener('scroll', scrollFunction.current);
       }
     }
-
     scrollFunction.current = null;
   };
-
   hooks.useMountEffect(function () {
     load();
-
     if (!props.loader) {
       bindScrollListener();
     }
@@ -235,11 +213,9 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   hooks.useUpdateEffect(function () {
     if (props.value) {
       value.current = props.value;
-
       if (!props.lazy) {
         first.current = 0;
       }
-
       dataToRender.current = [];
       handleDataChange();
     }
@@ -267,39 +243,32 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       }
     };
   });
-
   var createHeader = function createHeader() {
     if (props.header) {
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-datascroller-header"
       }, props.header);
     }
-
     return null;
   };
-
   var createFooter = function createFooter() {
     if (props.footer) {
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-datascroller-footer"
       }, props.footer);
     }
-
     return null;
   };
-
   var createItem = function createItem(_value, index) {
     var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: index + '_datascrollitem'
     }, content);
   };
-
   var createEmptyMessage = function createEmptyMessage() {
     var content = utils.ObjectUtils.getJSXElement(props.emptyMessage, props) || api.localeOption('emptyMessage');
     return /*#__PURE__*/React__namespace.createElement("li", null, content);
   };
-
   var createContent = function createContent() {
     var content = utils.ObjectUtils.isNotEmpty(dataToRenderState) ? dataToRenderState.map(createItem) : createEmptyMessage();
     return /*#__PURE__*/React__namespace.createElement("div", {
@@ -312,7 +281,6 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       className: "p-datascroller-list"
     }, content));
   };
-
   var otherProps = utils.ObjectUtils.findDiffKeys(props, DataScroller.defaultProps);
   var className = utils.classNames('p-datascroller p-component', props.className, {
     'p-datascroller-inline': props.inline

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 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=!0,a=!1;try{for(t=t.call(e);!(u=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);u=!0);}catch(e){a=!0,l=e}finally{try{u||null==t.return||t.return()}finally{if(a)throw l}}return o}}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=o.memo(o.forwardRef((function(e,l){var a,c,i=o.useState([]),f=(c=2,m(a=i)||p(a,c)||s(a,c)||y()),h=f[0],b=f[1],g=o.useRef(null),E=o.useRef(null),w=o.useRef(e.value),O=o.useRef([]),j=o.useRef(0),S=o.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),b(d(O.current))}},L=function(){j.current=0,O.current=[],b(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,b(d(O.current))):H())}),[e.value]),t.useUpdateEffect((function(){e.loader&&A()}),[e.loader]),t.useUnmountEffect((function(){S.current&&A()})),o.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 o.createElement("li",{key:t+"_datascrollitem"},n)},M=function(){var t=n.ObjectUtils.getJSXElement(e.emptyMessage,e)||r.localeOption("emptyMessage");return o.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?o.createElement("div",{className:"p-datascroller-header"},e.header):null,U=e.footer?o.createElement("div",{className:"p-datascroller-footer"},e.footer):null,_=function(){var r=n.ObjectUtils.isNotEmpty(h)?h.map(z):M();return o.createElement("div",{ref:E,className:"p-datascroller-content",style:{maxHeight:e.scrollHeight}},o.createElement("ul",{className:"p-datascroller-list"},r))}();return o.createElement("div",u({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 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;

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://www.primefaces.org/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

@@ -7,14 +7,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -22,11 +20,9 @@ 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];
   }
-
   return arr2;
 }
 
@@ -60,33 +56,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -99,17 +95,15 @@ function _slicedToArray(arr, i) {
 
 var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      dataToRenderState = _React$useState2[0],
-      setDataToRenderState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    dataToRenderState = _React$useState2[0],
+    setDataToRenderState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var contentRef = React.useRef(null);
   var value = React.useRef(props.value);
   var dataToRender = React.useRef([]);
   var first = React.useRef(0);
   var scrollFunction = React.useRef(null);
-
   var handleDataChange = function handleDataChange() {
     if (props.lazy) {
       dataToRender.current = value.current;
@@ -118,13 +112,11 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       load();
     }
   };
-
   var load = function load() {
     if (props.lazy) {
       if (props.onLazyLoad) {
         props.onLazyLoad(createLazyLoadMetadata());
       }
-
       first.current += props.rows;
     } else {
       if (value.current) {
@@ -132,63 +124,52 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
           if (i >= value.current.length) {
             break;
           }
-
           dataToRender.current.push(value.current[i]);
         }
-
         if (value.current.length !== 0) {
           first.current += props.rows;
         }
-
         setDataToRenderState(_toConsumableArray(dataToRender.current));
       }
     }
   };
-
   var reset = function reset() {
     first.current = 0;
     dataToRender.current = [];
     setDataToRenderState(_toConsumableArray(dataToRender.current));
     load();
   };
-
   var createLazyLoadMetadata = function createLazyLoadMetadata() {
     return {
       first: first.current,
       rows: props.rows
     };
   };
-
   var bindScrollListener = function bindScrollListener() {
     if (props.inline) {
       scrollFunction.current = function () {
         var scrollTop = contentRef.current.scrollTop,
-            scrollHeight = contentRef.current.scrollHeight,
-            viewportHeight = contentRef.current.clientHeight;
-
+          scrollHeight = contentRef.current.scrollHeight,
+          viewportHeight = contentRef.current.clientHeight;
         if (scrollTop >= scrollHeight * props.buffer - viewportHeight) {
           load();
         }
       };
-
       contentRef.current.addEventListener('scroll', scrollFunction.current);
     } else {
       scrollFunction.current = function () {
         var docBody = document.body,
-            docElement = document.documentElement,
-            scrollTop = window.pageYOffset || document.documentElement.scrollTop,
-            winHeight = docElement.clientHeight,
-            docHeight = Math.max(docBody.scrollHeight, docBody.offsetHeight, winHeight, docElement.scrollHeight, docElement.offsetHeight);
-
+          docElement = document.documentElement,
+          scrollTop = window.pageYOffset || document.documentElement.scrollTop,
+          winHeight = docElement.clientHeight,
+          docHeight = Math.max(docBody.scrollHeight, docBody.offsetHeight, winHeight, docElement.scrollHeight, docElement.offsetHeight);
         if (scrollTop >= docHeight * props.buffer - winHeight) {
           load();
         }
       };
-
       window.addEventListener('scroll', scrollFunction.current);
     }
   };
-
   var unbindScrollListener = function unbindScrollListener() {
     if (scrollFunction.current) {
       if (props.inline && contentRef.current) {
@@ -197,13 +178,10 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
         window.removeEventListener('scroll', scrollFunction.current);
       }
     }
-
     scrollFunction.current = null;
   };
-
   useMountEffect(function () {
     load();
-
     if (!props.loader) {
       bindScrollListener();
     }
@@ -211,11 +189,9 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   useUpdateEffect(function () {
     if (props.value) {
       value.current = props.value;
-
       if (!props.lazy) {
         first.current = 0;
       }
-
       dataToRender.current = [];
       handleDataChange();
     }
@@ -243,39 +219,32 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       }
     };
   });
-
   var createHeader = function createHeader() {
     if (props.header) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-datascroller-header"
       }, props.header);
     }
-
     return null;
   };
-
   var createFooter = function createFooter() {
     if (props.footer) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-datascroller-footer"
       }, props.footer);
     }
-
     return null;
   };
-
   var createItem = function createItem(_value, index) {
     var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
     return /*#__PURE__*/React.createElement("li", {
       key: index + '_datascrollitem'
     }, content);
   };
-
   var createEmptyMessage = function createEmptyMessage() {
     var content = ObjectUtils.getJSXElement(props.emptyMessage, props) || localeOption('emptyMessage');
     return /*#__PURE__*/React.createElement("li", null, content);
   };
-
   var createContent = function createContent() {
     var content = ObjectUtils.isNotEmpty(dataToRenderState) ? dataToRenderState.map(createItem) : createEmptyMessage();
     return /*#__PURE__*/React.createElement("div", {
@@ -288,7 +257,6 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       className: "p-datascroller-list"
     }, content));
   };
-
   var otherProps = ObjectUtils.findDiffKeys(props, DataScroller.defaultProps);
   var className = classNames('p-datascroller p-component', props.className, {
     'p-datascroller-inline': props.inline