primereact 10.3.0 → 10.3.2

package/datascroller/datascroller.cjs.js

@@ -149,6 +149,7 @@ var DataScrollerBase = componentbase.ComponentBase.extend({
 });
 
 var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = DataScrollerBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
@@ -287,7 +288,7 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     };
   });
   var createHeader = function createHeader() {
-    var headerProps = utils.mergeProps({
+    var headerProps = mergeProps({
       className: cx('header')
     }, ptm('header'));
     if (props.header) {
@@ -296,7 +297,7 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return null;
   };
   var createFooter = function createFooter() {
-    var footerProps = utils.mergeProps({
+    var footerProps = mergeProps({
       className: cx('footer')
     }, ptm('footer'));
     if (props.footer) {
@@ -305,24 +306,24 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return null;
   };
   var createItem = function createItem(_value, index) {
-    var itemProps = utils.mergeProps({
+    var itemProps = mergeProps({
       key: index + '_datascrollitem'
     }, ptm('item'));
     var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
     return /*#__PURE__*/React__namespace.createElement("li", itemProps, content);
   };
   var createEmptyMessage = function createEmptyMessage() {
-    var emptyMessageProps = utils.mergeProps(ptm('emptyMessage'));
+    var emptyMessageProps = mergeProps(ptm('emptyMessage'));
     var content = utils.ObjectUtils.getJSXElement(props.emptyMessage, props) || api.localeOption('emptyMessage');
     return /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, content);
   };
   var createContent = function createContent() {
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       ref: contentRef,
       className: cx('content'),
       style: sx('content')
     }, ptm('content'));
-    var listProps = utils.mergeProps({
+    var listProps = mergeProps({
       className: cx('list')
     }, ptm('list'));
     var content = utils.ObjectUtils.isNotEmpty(dataToRenderState) ? dataToRenderState.map(createItem) : createEmptyMessage();
@@ -331,7 +332,7 @@ var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var header = createHeader();
   var footer = createFooter();
   var content = createContent();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     className: utils.classNames(props.className, cx('root'))

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/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=o(e);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 u(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 i(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 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 u(e)||s(e)||i(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,a,c=[],u=!0,s=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw l}}return c}}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 g=t.ComponentBase.extend({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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return l.classNames("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),v=a.memo(a.forwardRef((function(e,o){var c,u,s=a.useContext(r.PrimeReactContext),f=g.getProps(e,s),v=a.useState([]),h=(u=2,m(c=v)||p(c,u)||i(c,u)||y()),b=h[0],E=h[1],w=g.setMetaData({props:f}),O=w.ptm,P=w.cx,S=w.sx;t.useHandleStyle(g.css.styles,w.isUnstyled,{name:"datascroller"});var j=a.useRef(null),x=a.useRef(null),H=a.useRef(f.value),N=a.useRef([]),L=a.useRef(0),M=a.useRef(null),A=function(){if(f.lazy)f.onLazyLoad&&f.onLazyLoad(R()),L.current+=f.rows;else if(H.current){for(var e=L.current;e<L.current+f.rows&&!(e>=H.current.length);e++)N.current.push(H.current[e]);0!==H.current.length&&(L.current+=f.rows),E(d(N.current))}},z=function(){L.current=0,N.current=[],E(d(N.current)),A()},R=function(){return{first:L.current,rows:f.rows}},T=function(){M.current&&(f.inline&&x.current?x.current.removeEventListener("scroll",M.current):f.loader||window.removeEventListener("scroll",M.current)),M.current=null};n.useMountEffect((function(){A(),f.loader||(f.inline?(M.current=function(){x.current.scrollTop>=x.current.scrollHeight*f.buffer-x.current.clientHeight&&A()},x.current.addEventListener("scroll",M.current)):(M.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)*f.buffer-n&&A()},window.addEventListener("scroll",M.current)))})),n.useUpdateEffect((function(){f.value&&(H.current=f.value,f.lazy||(L.current=0),N.current=[],f.lazy?(N.current=H.current,E(d(N.current))):A())}),[f.value]),n.useUpdateEffect((function(){f.loader&&T()}),[f.loader]),n.useUnmountEffect((function(){M.current&&T()})),a.useImperativeHandle(o,(function(){return{props:f,load:A,reset:z,getElement:function(){return j.current},getContent:function(){return x.current}}}));var U,_,I=function(e,r){var t=l.mergeProps({key:r+"_datascrollitem"},O("item")),n=f.itemTemplate?f.itemTemplate(e):e;return a.createElement("li",t,n)},q=function(){var e=l.mergeProps(O("emptyMessage")),t=l.ObjectUtils.getJSXElement(f.emptyMessage,f)||r.localeOption("emptyMessage");return a.createElement("li",e,t)},C=(U=l.mergeProps({className:P("header")},O("header")),f.header?a.createElement("div",U,f.header):null),D=(_=l.mergeProps({className:P("footer")},O("footer")),f.footer?a.createElement("div",_,f.footer):null),k=function(){var e=l.mergeProps({ref:x,className:P("content"),style:S("content")},O("content")),r=l.mergeProps({className:P("list")},O("list")),t=l.ObjectUtils.isNotEmpty(b)?b.map(I):q();return a.createElement("div",e,a.createElement("ul",r,t))}(),Y=l.mergeProps({id:f.id,ref:j,className:l.classNames(f.className,P("root"))},g.getOtherProps(f),O("root"));return a.createElement("div",Y,C,k,D)})));v.displayName="DataScroller",exports.DataScroller=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=o(e);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 u(e){if(Array.isArray(e))return c(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 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 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 u(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,a,c=[],u=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}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=t.ComponentBase.extend({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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return l.classNames("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),g=a.memo(a.forwardRef((function(e,o){var c,u,i=n.useMergeProps(),f=a.useContext(r.PrimeReactContext),g=v.getProps(e,f),h=a.useState([]),b=(u=2,m(c=h)||p(c,u)||s(c,u)||y()),E=b[0],w=b[1],O=v.setMetaData({props:g}),S=O.ptm,j=O.cx,x=O.sx;t.useHandleStyle(v.css.styles,O.isUnstyled,{name:"datascroller"});var H=a.useRef(null),M=a.useRef(null),N=a.useRef(g.value),L=a.useRef([]),A=a.useRef(0),P=a.useRef(null),z=function(){if(g.lazy)g.onLazyLoad&&g.onLazyLoad(T()),A.current+=g.rows;else if(N.current){for(var e=A.current;e<A.current+g.rows&&!(e>=N.current.length);e++)L.current.push(N.current[e]);0!==N.current.length&&(A.current+=g.rows),w(d(L.current))}},R=function(){A.current=0,L.current=[],w(d(L.current)),z()},T=function(){return{first:A.current,rows:g.rows}},U=function(){P.current&&(g.inline&&M.current?M.current.removeEventListener("scroll",P.current):g.loader||window.removeEventListener("scroll",P.current)),P.current=null};n.useMountEffect((function(){z(),g.loader||(g.inline?(P.current=function(){M.current.scrollTop>=M.current.scrollHeight*g.buffer-M.current.clientHeight&&z()},M.current.addEventListener("scroll",P.current)):(P.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&&z()},window.addEventListener("scroll",P.current)))})),n.useUpdateEffect((function(){g.value&&(N.current=g.value,g.lazy||(A.current=0),L.current=[],g.lazy?(L.current=N.current,w(d(L.current))):z())}),[g.value]),n.useUpdateEffect((function(){g.loader&&U()}),[g.loader]),n.useUnmountEffect((function(){P.current&&U()})),a.useImperativeHandle(o,(function(){return{props:g,load:z,reset:R,getElement:function(){return H.current},getContent:function(){return M.current}}}));var _,I,q=function(e,r){var t=i({key:r+"_datascrollitem"},S("item")),n=g.itemTemplate?g.itemTemplate(e):e;return a.createElement("li",t,n)},C=function(){var e=i(S("emptyMessage")),t=l.ObjectUtils.getJSXElement(g.emptyMessage,g)||r.localeOption("emptyMessage");return a.createElement("li",e,t)},D=(_=i({className:j("header")},S("header")),g.header?a.createElement("div",_,g.header):null),k=(I=i({className:j("footer")},S("footer")),g.footer?a.createElement("div",I,g.footer):null),Y=function(){var e=i({ref:M,className:j("content"),style:x("content")},S("content")),r=i({className:j("list")},S("list")),t=l.ObjectUtils.isNotEmpty(E)?E.map(q):C();return a.createElement("div",e,a.createElement("ul",r,t))}(),B=i({id:g.id,ref:H,className:l.classNames(g.className,j("root"))},v.getOtherProps(g),S("root"));return a.createElement("div",B,D,Y,k)})));g.displayName="DataScroller",exports.DataScroller=g;

package/datascroller/datascroller.esm.js

@@ -2,8 +2,8 @@
 import * as React from 'react';
 import { PrimeReactContext, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
-import { classNames, mergeProps, ObjectUtils } from 'primereact/utils';
+import { useMergeProps, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { classNames, ObjectUtils } from 'primereact/utils';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -125,6 +125,7 @@ var DataScrollerBase = ComponentBase.extend({
 });
 
 var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = DataScrollerBase.getProps(inProps, context);
   var _React$useState = React.useState([]),

package/datascroller/datascroller.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as r,localeOption as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as l}from"primereact/componentbase";import{useMountEffect as o,useUpdateEffect as a,useUnmountEffect as c}from"primereact/hooks";import{classNames as u,mergeProps as i,ObjectUtils as s}from"primereact/utils";function f(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 m(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,r){if(e){if("string"==typeof e)return f(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)?f(e,r):void 0}}function y(){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 h(e){return m(e)||d(e)||p(e)||y()}function v(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,c=[],u=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function b(){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 w=n.extend({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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return u("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),E=e.memo(e.forwardRef((function(n,f){var m,d,y=e.useContext(r),E=w.getProps(n,y),S=e.useState([]),x=(d=2,v(m=S)||g(m,d)||p(m,d)||b()),H=x[0],L=x[1],A=w.setMetaData({props:E}),N=A.ptm,T=A.cx,z=A.sx;l(w.css.styles,A.isUnstyled,{name:"datascroller"});var M=e.useRef(null),R=e.useRef(null),j=e.useRef(E.value),I=e.useRef([]),O=e.useRef(0),P=e.useRef(null),C=function(){if(E.lazy)E.onLazyLoad&&E.onLazyLoad(_()),O.current+=E.rows;else if(j.current){for(var e=O.current;e<O.current+E.rows&&!(e>=j.current.length);e++)I.current.push(j.current[e]);0!==j.current.length&&(O.current+=E.rows),L(h(I.current))}},D=function(){O.current=0,I.current=[],L(h(I.current)),C()},_=function(){return{first:O.current,rows:E.rows}},k=function(){P.current&&(E.inline&&R.current?R.current.removeEventListener("scroll",P.current):E.loader||window.removeEventListener("scroll",P.current)),P.current=null};o((function(){C(),E.loader||(E.inline?(P.current=function(){R.current.scrollTop>=R.current.scrollHeight*E.buffer-R.current.clientHeight&&C()},R.current.addEventListener("scroll",P.current)):(P.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)*E.buffer-n&&C()},window.addEventListener("scroll",P.current)))})),a((function(){E.value&&(j.current=E.value,E.lazy||(O.current=0),I.current=[],E.lazy?(I.current=j.current,L(h(I.current))):C())}),[E.value]),a((function(){E.loader&&k()}),[E.loader]),c((function(){P.current&&k()})),e.useImperativeHandle(f,(function(){return{props:E,load:C,reset:D,getElement:function(){return M.current},getContent:function(){return R.current}}}));var U,Y,J=function(r,t){var n=i({key:t+"_datascrollitem"},N("item")),l=E.itemTemplate?E.itemTemplate(r):r;return e.createElement("li",n,l)},X=function(){var r=i(N("emptyMessage")),n=s.getJSXElement(E.emptyMessage,E)||t("emptyMessage");return e.createElement("li",r,n)},$=(U=i({className:T("header")},N("header")),E.header?e.createElement("div",U,E.header):null),q=(Y=i({className:T("footer")},N("footer")),E.footer?e.createElement("div",Y,E.footer):null),B=function(){var r=i({ref:R,className:T("content"),style:z("content")},N("content")),t=i({className:T("list")},N("list")),n=s.isNotEmpty(H)?H.map(J):X();return e.createElement("div",r,e.createElement("ul",t,n))}(),F=i({id:E.id,ref:M,className:u(E.className,T("root"))},w.getOtherProps(E),N("root"));return e.createElement("div",F,$,B,q)})));E.displayName="DataScroller";export{E as DataScroller};
+import*as e from"react";import{PrimeReactContext as r,localeOption as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as l}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as a,useUpdateEffect as c,useUnmountEffect as u}from"primereact/hooks";import{classNames as i,ObjectUtils as s}from"primereact/utils";function f(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 m(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,r){if(e){if("string"==typeof e)return f(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)?f(e,r):void 0}}function y(){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 h(e){return m(e)||d(e)||p(e)||y()}function v(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,l,o,a,c=[],u=!0,i=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function b(){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 w=n.extend({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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return i("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),E=e.memo(e.forwardRef((function(n,f){var m,d,y=o(),E=e.useContext(r),S=w.getProps(n,E),x=e.useState([]),H=(d=2,v(m=x)||g(m,d)||p(m,d)||b()),L=H[0],A=H[1],N=w.setMetaData({props:S}),T=N.ptm,z=N.cx,M=N.sx;l(w.css.styles,N.isUnstyled,{name:"datascroller"});var R=e.useRef(null),j=e.useRef(null),I=e.useRef(S.value),O=e.useRef([]),P=e.useRef(0),C=e.useRef(null),D=function(){if(S.lazy)S.onLazyLoad&&S.onLazyLoad(k()),P.current+=S.rows;else if(I.current){for(var e=P.current;e<P.current+S.rows&&!(e>=I.current.length);e++)O.current.push(I.current[e]);0!==I.current.length&&(P.current+=S.rows),A(h(O.current))}},_=function(){P.current=0,O.current=[],A(h(O.current)),D()},k=function(){return{first:P.current,rows:S.rows}},U=function(){C.current&&(S.inline&&j.current?j.current.removeEventListener("scroll",C.current):S.loader||window.removeEventListener("scroll",C.current)),C.current=null};a((function(){D(),S.loader||(S.inline?(C.current=function(){j.current.scrollTop>=j.current.scrollHeight*S.buffer-j.current.clientHeight&&D()},j.current.addEventListener("scroll",C.current)):(C.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)*S.buffer-n&&D()},window.addEventListener("scroll",C.current)))})),c((function(){S.value&&(I.current=S.value,S.lazy||(P.current=0),O.current=[],S.lazy?(O.current=I.current,A(h(O.current))):D())}),[S.value]),c((function(){S.loader&&U()}),[S.loader]),u((function(){C.current&&U()})),e.useImperativeHandle(f,(function(){return{props:S,load:D,reset:_,getElement:function(){return R.current},getContent:function(){return j.current}}}));var Y,J,X=function(r,t){var n=y({key:t+"_datascrollitem"},T("item")),l=S.itemTemplate?S.itemTemplate(r):r;return e.createElement("li",n,l)},$=function(){var r=y(T("emptyMessage")),n=s.getJSXElement(S.emptyMessage,S)||t("emptyMessage");return e.createElement("li",r,n)},q=(Y=y({className:z("header")},T("header")),S.header?e.createElement("div",Y,S.header):null),B=(J=y({className:z("footer")},T("footer")),S.footer?e.createElement("div",J,S.footer):null),F=function(){var r=y({ref:j,className:z("content"),style:M("content")},T("content")),t=y({className:z("list")},T("list")),n=s.isNotEmpty(L)?L.map(X):$();return e.createElement("div",r,e.createElement("ul",t,n))}(),G=y({id:S.id,ref:R,className:i(S.className,z("root"))},w.getOtherProps(S),T("root"));return e.createElement("div",G,q,F,B)})));E.displayName="DataScroller";export{E as DataScroller};

package/datascroller/datascroller.js

@@ -142,6 +142,7 @@ this.primereact.datascroller = (function (exports, React, api, componentbase, ho
   });
 
   var DataScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = DataScrollerBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState([]),
@@ -280,7 +281,7 @@ this.primereact.datascroller = (function (exports, React, api, componentbase, ho
       };
     });
     var createHeader = function createHeader() {
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         className: cx('header')
       }, ptm('header'));
       if (props.header) {
@@ -289,7 +290,7 @@ this.primereact.datascroller = (function (exports, React, api, componentbase, ho
       return null;
     };
     var createFooter = function createFooter() {
-      var footerProps = utils.mergeProps({
+      var footerProps = mergeProps({
         className: cx('footer')
       }, ptm('footer'));
       if (props.footer) {
@@ -298,24 +299,24 @@ this.primereact.datascroller = (function (exports, React, api, componentbase, ho
       return null;
     };
     var createItem = function createItem(_value, index) {
-      var itemProps = utils.mergeProps({
+      var itemProps = mergeProps({
         key: index + '_datascrollitem'
       }, ptm('item'));
       var content = props.itemTemplate ? props.itemTemplate(_value) : _value;
       return /*#__PURE__*/React__namespace.createElement("li", itemProps, content);
     };
     var createEmptyMessage = function createEmptyMessage() {
-      var emptyMessageProps = utils.mergeProps(ptm('emptyMessage'));
+      var emptyMessageProps = mergeProps(ptm('emptyMessage'));
       var content = utils.ObjectUtils.getJSXElement(props.emptyMessage, props) || api.localeOption('emptyMessage');
       return /*#__PURE__*/React__namespace.createElement("li", emptyMessageProps, content);
     };
     var createContent = function createContent() {
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         ref: contentRef,
         className: cx('content'),
         style: sx('content')
       }, ptm('content'));
-      var listProps = utils.mergeProps({
+      var listProps = mergeProps({
         className: cx('list')
       }, ptm('list'));
       var content = utils.ObjectUtils.isNotEmpty(dataToRenderState) ? dataToRenderState.map(createItem) : createEmptyMessage();
@@ -324,7 +325,7 @@ this.primereact.datascroller = (function (exports, React, api, componentbase, ho
     var header = createHeader();
     var footer = createFooter();
     var content = createContent();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       className: utils.classNames(props.className, cx('root'))

package/datascroller/datascroller.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.datascroller=function(e,r,t,n,l,o){"use strict";function a(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=a(r);function u(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 s(e){if(Array.isArray(e))return u(e)}function i(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 u(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)?u(e,r):void 0}}function d(){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 m(e){return s(e)||i(e)||f(e)||d()}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,c=[],u=!0,s=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw l}}return c}}function g(){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=n.ComponentBase.extend({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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return o.classNames("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),v=c.memo(c.forwardRef((function(e,r){var a,u,s=c.useContext(t.PrimeReactContext),i=h.getProps(e,s),d=c.useState([]),v=(u=2,p(a=d)||y(a,u)||f(a,u)||g()),b=v[0],E=v[1],w=h.setMetaData({props:i}),O=w.ptm,P=w.cx,S=w.sx;n.useHandleStyle(h.css.styles,w.isUnstyled,{name:"datascroller"});var j=c.useRef(null),H=c.useRef(null),x=c.useRef(i.value),N=c.useRef([]),L=c.useRef(0),M=c.useRef(null),A=function(){if(i.lazy)i.onLazyLoad&&i.onLazyLoad(z()),L.current+=i.rows;else if(x.current){for(var e=L.current;e<L.current+i.rows&&!(e>=x.current.length);e++)N.current.push(x.current[e]);0!==x.current.length&&(L.current+=i.rows),E(m(N.current))}},R=function(){L.current=0,N.current=[],E(m(N.current)),A()},z=function(){return{first:L.current,rows:i.rows}},T=function(){M.current&&(i.inline&&H.current?H.current.removeEventListener("scroll",M.current):i.loader||window.removeEventListener("scroll",M.current)),M.current=null};l.useMountEffect((function(){A(),i.loader||(i.inline?(M.current=function(){H.current.scrollTop>=H.current.scrollHeight*i.buffer-H.current.clientHeight&&A()},H.current.addEventListener("scroll",M.current)):(M.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&&A()},window.addEventListener("scroll",M.current)))})),l.useUpdateEffect((function(){i.value&&(x.current=i.value,i.lazy||(L.current=0),N.current=[],i.lazy?(N.current=x.current,E(m(N.current))):A())}),[i.value]),l.useUpdateEffect((function(){i.loader&&T()}),[i.loader]),l.useUnmountEffect((function(){M.current&&T()})),c.useImperativeHandle(r,(function(){return{props:i,load:A,reset:R,getElement:function(){return j.current},getContent:function(){return H.current}}}));var U,_,I=function(e,r){var t=o.mergeProps({key:r+"_datascrollitem"},O("item")),n=i.itemTemplate?i.itemTemplate(e):e;return c.createElement("li",t,n)},C=function(){var e=o.mergeProps(O("emptyMessage")),r=o.ObjectUtils.getJSXElement(i.emptyMessage,i)||t.localeOption("emptyMessage");return c.createElement("li",e,r)},D=(U=o.mergeProps({className:P("header")},O("header")),i.header?c.createElement("div",U,i.header):null),k=(_=o.mergeProps({className:P("footer")},O("footer")),i.footer?c.createElement("div",_,i.footer):null),Y=function(){var e=o.mergeProps({ref:H,className:P("content"),style:S("content")},O("content")),r=o.mergeProps({className:P("list")},O("list")),t=o.ObjectUtils.isNotEmpty(b)?b.map(I):C();return c.createElement("div",e,c.createElement("ul",r,t))}(),B=o.mergeProps({id:i.id,ref:j,className:o.classNames(i.className,P("root"))},h.getOtherProps(i),O("root"));return c.createElement("div",B,D,Y,k)})));return v.displayName="DataScroller",e.DataScroller=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.datascroller=function(e,t,r,n,l,o){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=a(t);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function i(e){if(Array.isArray(e))return u(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,t):void 0}}function d(){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 m(e){return i(e)||s(e)||f(e)||d()}function p(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,o,a,c=[],u=!0,i=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(c.push(n.value),c.length!==t);u=!0);}catch(e){i=!0,l=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(i)throw l}}return c}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=n.ComponentBase.extend({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},css:{classes:{header:"p-datascroller-header",footer:"p-datascroller-footer",content:"p-datascroller-content",list:"p-datascroller-list",root:function(e){return o.classNames("p-datascroller p-component",{"p-datascroller-inline":e.props.inline})}},styles:"\n@layer primereact {\n    .p-datascroller .p-datascroller-header {\n        text-align: center;\n        padding: .5em .75em;\n        border-bottom: 0 none;\n    }\n    \n    .p-datascroller .p-datascroller-footer {\n        text-align: center;\n        padding: .25em .625em;\n        border-top: 0px none;\n    }\n    \n    .p-datascroller .p-datascroller-content {\n        padding: .25em .625em;\n    }\n    \n    .p-datascroller-inline .p-datascroller-content {\n        overflow: auto;\n    }\n    \n    .p-datascroller .p-datascroller-list {\n        list-style-type: none; \n        margin: 0;\n        padding: 0;\n    }\n}\n",inlineStyles:{content:function(e){return{maxHeight:e.props.scrollHeight}}}}}),g=c.memo(c.forwardRef((function(e,t){var a,u,i=l.useMergeProps(),s=c.useContext(r.PrimeReactContext),d=v.getProps(e,s),g=c.useState([]),b=(u=2,p(a=g)||y(a,u)||f(a,u)||h()),E=b[0],w=b[1],O=v.setMetaData({props:d}),S=O.ptm,j=O.cx,H=O.sx;n.useHandleStyle(v.css.styles,O.isUnstyled,{name:"datascroller"});var x=c.useRef(null),M=c.useRef(null),N=c.useRef(d.value),L=c.useRef([]),A=c.useRef(0),P=c.useRef(null),R=function(){if(d.lazy)d.onLazyLoad&&d.onLazyLoad(T()),A.current+=d.rows;else if(N.current){for(var e=A.current;e<A.current+d.rows&&!(e>=N.current.length);e++)L.current.push(N.current[e]);0!==N.current.length&&(A.current+=d.rows),w(m(L.current))}},z=function(){A.current=0,L.current=[],w(m(L.current)),R()},T=function(){return{first:A.current,rows:d.rows}},U=function(){P.current&&(d.inline&&M.current?M.current.removeEventListener("scroll",P.current):d.loader||window.removeEventListener("scroll",P.current)),P.current=null};l.useMountEffect((function(){R(),d.loader||(d.inline?(P.current=function(){M.current.scrollTop>=M.current.scrollHeight*d.buffer-M.current.clientHeight&&R()},M.current.addEventListener("scroll",P.current)):(P.current=function(){var e=document.body,t=document.documentElement,r=window.pageYOffset||document.documentElement.scrollTop,n=t.clientHeight;r>=Math.max(e.scrollHeight,e.offsetHeight,n,t.scrollHeight,t.offsetHeight)*d.buffer-n&&R()},window.addEventListener("scroll",P.current)))})),l.useUpdateEffect((function(){d.value&&(N.current=d.value,d.lazy||(A.current=0),L.current=[],d.lazy?(L.current=N.current,w(m(L.current))):R())}),[d.value]),l.useUpdateEffect((function(){d.loader&&U()}),[d.loader]),l.useUnmountEffect((function(){P.current&&U()})),c.useImperativeHandle(t,(function(){return{props:d,load:R,reset:z,getElement:function(){return x.current},getContent:function(){return M.current}}}));var _,I,C=function(e,t){var r=i({key:t+"_datascrollitem"},S("item")),n=d.itemTemplate?d.itemTemplate(e):e;return c.createElement("li",r,n)},D=function(){var e=i(S("emptyMessage")),t=o.ObjectUtils.getJSXElement(d.emptyMessage,d)||r.localeOption("emptyMessage");return c.createElement("li",e,t)},k=(_=i({className:j("header")},S("header")),d.header?c.createElement("div",_,d.header):null),Y=(I=i({className:j("footer")},S("footer")),d.footer?c.createElement("div",I,d.footer):null),B=function(){var e=i({ref:M,className:j("content"),style:H("content")},S("content")),t=i({className:j("list")},S("list")),r=o.ObjectUtils.isNotEmpty(E)?E.map(C):D();return c.createElement("div",e,c.createElement("ul",t,r))}(),J=i({id:d.id,ref:x,className:o.classNames(d.className,j("root"))},v.getOtherProps(d),S("root"));return c.createElement("div",J,k,B,Y)})));return g.displayName="DataScroller",e.DataScroller=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);