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.13 kB
JavaScript
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(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function i(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 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,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function p(){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)||f(e)||d(e)||p()}function y(e){if(Array.isArray(e))return e}function h(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 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 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,t){var a,i,s=l.useMergeProps(),f=c.useContext(r.PrimeReactContext),p=g.getProps(e,f),b=c.useState([]),E=(i=2,y(a=b)||h(a,i)||d(a,i)||v()),w=E[0],O=E[1],j=g.setMetaData({props:p}),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(p.value),P=c.useRef([]),A=c.useRef(0),R=c.useRef(null),z=function(){if(p.lazy)p.onLazyLoad&&p.onLazyLoad(U()),A.current=A.current+p.rows;else if(L.current){for(var e=A.current;e<A.current+p.rows&&!(e>=L.current.length);e++)P.current.push(L.current[e]);0!==L.current.length&&(A.current=A.current+p.rows),O(m(P.current))}},T=function(){A.current=0,P.current=[],O(m(P.current)),z()},U=function(){return{first:A.current,rows:p.rows}},_=function(){R.current&&(p.inline&&N.current?N.current.removeEventListener("scroll",R.current):p.loader||window.removeEventListener("scroll",R.current)),R.current=null};l.useMountEffect((function(){z(),p.loader||(p.inline?(R.current=function(){N.current.scrollTop>=N.current.scrollHeight*p.buffer-N.current.clientHeight&&z()},N.current.addEventListener("scroll",R.current)):(R.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)*p.buffer-n&&z()},window.addEventListener("scroll",R.current)))})),l.useUpdateEffect((function(){p.value&&(L.current=p.value,p.lazy||(A.current=0),P.current=[],p.lazy?(P.current=L.current,O(m(P.current))):z())}),[p.value]),l.useUpdateEffect((function(){p.loader&&_()}),[p.loader]),l.useUnmountEffect((function(){R.current&&_()})),c.useImperativeHandle(t,(function(){return{props:p,load:z,reset:T,getElement:function(){return M.current},getContent:function(){return N.current}}}));var I,C,D=function(e,t){var r=S("item"),n=p.itemTemplate?p.itemTemplate(e):e;return c.createElement("li",u({},r,{key:t+"_datascrollitem"}),n)},k=function(){var e=s(S("emptyMessage")),t=o.ObjectUtils.getJSXElement(p.emptyMessage,p)||r.localeOption("emptyMessage");return c.createElement("li",e,t)},Y=(I=s({className:H("header")},S("header")),p.header?c.createElement("div",I,p.header):null),B=(C=s({className:H("footer")},S("footer")),p.footer?c.createElement("div",C,p.footer):null),J=function(){var e=s({ref:N,className:H("content"),style:x("content")},S("content")),t=s({className:H("list")},S("list")),r=o.ObjectUtils.isNotEmpty(w)?w.map(D):k();return c.createElement("div",e,c.createElement("ul",t,r))}(),X=s({id:p.id,ref:M,className:o.classNames(p.className,H("root"))},g.getOtherProps(p),S("root"));return c.createElement("div",X,Y,J,B)})));return b.displayName="DataScroller",e.DataScroller=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);