primereact
Version:
PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime
2 lines (1 loc) • 6.12 kB
JavaScript
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(){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)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(null,arguments)}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function s(e){if(Array.isArray(e))return i(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,r){if(e){if("string"==typeof e)return i(e,r);var t={}.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)?i(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 p(e){return s(e)||f(e)||d(e)||m()}function y(e){if(Array.isArray(e))return e}function v(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 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 g=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}}}}}),b=c.memo(c.forwardRef((function(e,r){var a,i,s=l.useMergeProps(),f=c.useContext(t.PrimeReactContext),m=g.getProps(e,f),b=c.useState([]),E=(i=2,y(a=b)||v(a,i)||d(a,i)||h()),w=E[0],O=E[1],j=g.setMetaData({props:m}),S=j.ptm,H=j.cx,x=j.sx;n.useHandleStyle(g.css.styles,j.isUnstyled,{name:"datascroller"});var M=c.useRef(null),N=c.useRef(null),L=c.useRef(m.value),P=c.useRef([]),A=c.useRef(0),R=c.useRef(null),z=function(){if(m.lazy)m.onLazyLoad&&m.onLazyLoad(U()),A.current=A.current+m.rows;else if(L.current){for(var e=A.current;e<A.current+m.rows&&!(e>=L.current.length);e++)P.current.push(L.current[e]);0!==L.current.length&&(A.current=A.current+m.rows),O(p(P.current))}},T=function(){A.current=0,P.current=[],O(p(P.current)),z()},U=function(){return{first:A.current,rows:m.rows}},_=function(){m.inline?(R.current=function(){N.current.scrollTop>=N.current.scrollHeight*m.buffer-N.current.clientHeight&&z()},N.current.addEventListener("scroll",R.current)):(R.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)*m.buffer-n&&z()},window.addEventListener("scroll",R.current))},I=function(){R.current&&(m.inline&&N.current?N.current.removeEventListener("scroll",R.current):m.loader||window.removeEventListener("scroll",R.current)),R.current=null};l.useMountEffect((function(){z(),m.loader||_()})),l.useUpdateEffect((function(){m.value&&(L.current=m.value,m.lazy||(A.current=0),P.current=[],m.lazy?(P.current=L.current,O(p(P.current))):z())}),[m.value]),l.useUpdateEffect((function(){m.loader?I():_()}),[m.loader]),l.useUnmountEffect((function(){R.current&&I()})),c.useImperativeHandle(r,(function(){return{props:m,load:z,reset:T,getElement:function(){return M.current},getContent:function(){return N.current}}}));var C,D,k=function(e,r){var t=S("item"),n=m.itemTemplate?m.itemTemplate(e):e;return c.createElement("li",u({},t,{key:r+"_datascrollitem"}),n)},Y=function(){var e=s(S("emptyMessage")),r=o.ObjectUtils.getJSXElement(m.emptyMessage,m)||t.localeOption("emptyMessage");return c.createElement("li",e,r)},B=(C=s({className:H("header")},S("header")),m.header?c.createElement("div",C,m.header):null),J=(D=s({className:H("footer")},S("footer")),m.footer?c.createElement("div",D,m.footer):null),X=function(){var e=s({ref:N,className:H("content"),style:x("content")},S("content")),r=s({className:H("list")},S("list")),t=o.ObjectUtils.isNotEmpty(w)?w.map(k):Y();return c.createElement("div",e,c.createElement("ul",r,t))}(),$=s({id:m.id,ref:M,className:o.classNames(m.className,H("root"))},g.getOtherProps(m),S("root"));return c.createElement("div",$,B,X,J)})));return b.displayName="DataScroller",e.DataScroller=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);