primereact 10.0.0 → 10.0.2

package/virtualscroller/virtualscroller.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import{usePrevious as t,useStyle as r,useResizeListener as n,useEventListener as o,useMountEffect as l,useUpdateEffect as i}from"primereact/hooks";import{DomHandler as s,ObjectUtils as c,classNames as a,mergeProps as u,IconUtils as f}from"primereact/utils";import{ComponentBase as m}from"primereact/componentbase";import{SpinnerIcon as p}from"primereact/icons/spinner";import{PrimeReactContext as d}from"primereact/api";function h(){return h=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},h.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function v(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=v(e,"string");return"symbol"===g(t)?t:String(t)}function w(e,t,r){return(t=y(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,s=[],c=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(a)throw o}}return s}}function z(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 T(e,t){if(e){if("string"==typeof e)return z(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)?z(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return S(e)||b(e,t)||T(e,t)||I()}var x=m.extend({defaultProps:{__TYPE:"VirtualScroller",__parentMetadata:null,id:null,style:null,className:null,tabIndex:0,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",step:0,numToleratedItems:null,delay:0,resizeDelay:10,appendOnly:!1,inline:!1,lazy:!1,disabled:!1,loaderDisabled:!1,loadingIcon:null,columns:null,loading:void 0,autoSize:!1,showSpacer:!0,showLoader:!1,loadingTemplate:null,loaderIconTemplate:null,itemTemplate:null,contentTemplate:null,onScroll:null,onScrollIndexChange:null,onLazyLoad:null,children:void 0},css:{styles:"\n.p-virtualscroller {\n    position: relative;\n    overflow: auto;\n    contain: strict;\n    transform: translateZ(0);\n    will-change: scroll-position;\n    outline: 0 none;\n}\n\n.p-virtualscroller-content {\n    position: absolute;\n    top: 0;\n    left: 0;\n    /*contain: content;*/\n    min-height: 100%;\n    min-width: 100%;\n    will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 1px;\n    width: 1px;\n    transform-origin: 0 0;\n    pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n    position: sticky;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n    font-size: 2rem;\n}\n\n.p-virtualscroller-horizontal > .p-virtualscroller-content {\n    display: flex;\n}\n\n/* Inline */\n.p-virtualscroller-inline .p-virtualscroller-content {\n    position: static;\n}\n"}});function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach((function(t){w(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var E=e.memo(e.forwardRef((function(m,g){var v=e.useContext(d),y=x.getProps(m,v),S=t(m)||{},b="vertical"===y.orientation,z="horizontal"===y.orientation,T="both"===y.orientation,I=O(e.useState(T?{rows:0,cols:0}:0),2),R=I[0],E=I[1],P=O(e.useState(T?{rows:0,cols:0}:0),2),L=P[0],M=P[1],H=O(e.useState(0),2),W=H[0],C=H[1],D=O(e.useState(T?{rows:0,cols:0}:0),2),F=D[0],N=D[1],A=O(e.useState(y.numToleratedItems),2),V=A[0],k=A[1],J=O(e.useState(y.loading||!1),2),X=J[0],_=J[1],B=O(e.useState([]),2),U=B[0],Y=B[1],Z=x.setMetaData({props:y,state:{first:R,last:L,page:W,numItemsInViewport:F,numToleratedItems:V,loading:X,loaderArr:U}}).ptm;r(x.css.styles,{name:"virtualscroller"});var $=e.useRef(null),q=e.useRef(null),G=e.useRef(null),K=e.useRef(null),Q=e.useRef(T?{top:0,left:0}:0),ee=e.useRef(null),te=e.useRef(null),re=e.useRef({}),ne=e.useRef({}),oe=e.useRef(null),le=e.useRef(null),ie=e.useRef(null),se=e.useRef(null),ce=e.useRef(!1),ae=e.useRef(null),ue=O(n({listener:function(e){return Ee()},when:!y.disabled}),1)[0],fe=O(o({target:"window",type:"orientationchange",listener:function(e){return Ee()},when:!y.disabled}),1)[0],me=function(){return $},pe=function(e){return Math.floor((e+4*V)/(y.step||1))},de=function(e){return!y.step||W!==pe(e)},he=function(e){Q.current=T?{top:0,left:0}:0,$.current&&$.current.scrollTo(e)},ge=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",r=we().numToleratedItems,n=ze(),o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e<=(arguments.length>1?arguments[1]:void 0)?0:e},l=function(e,t,r){return e*t+r},i=function(){return he({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:t})},s=T?{rows:0,cols:0}:0,c=!1;T?(i(l((s={rows:o(e[0],r[0]),cols:o(e[1],r[1])}).cols,y.itemSize[1],n.left),l(s.rows,y.itemSize[0],n.top)),c=R.rows!==s.rows||R.cols!==s.cols):(s=o(e,r),z?i(l(s,y.itemSize,n.left),0):i(0,l(s,y.itemSize,n.top)),c=R!==s),ce.current=c,E(s)},ve=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(t){var n=ye(),o=n.first,l=n.viewport,i=function(){return he({left:arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,top:arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,behavior:r})},s="to-end"===t;if("to-start"===t){if(T)l.first.rows-o.rows>e[0]?i(l.first.cols*y.itemSize[1],(l.first.rows-1)*y.itemSize[0]):l.first.cols-o.cols>e[1]&&i((l.first.cols-1)*y.itemSize[1],l.first.rows*y.itemSize[0]);else if(l.first-o>e){var c=(l.first-1)*y.itemSize;z?i(c,0):i(0,c)}}else if(s)if(T)l.last.rows-o.rows<=e[0]+1?i(l.first.cols*y.itemSize[1],(l.first.rows+1)*y.itemSize[0]):l.last.cols-o.cols<=e[1]+1&&i((l.first.cols+1)*y.itemSize[1],l.first.rows*y.itemSize[0]);else if(l.last-o<=e+1){var a=(l.first+1)*y.itemSize;z?i(a,0):i(0,a)}}else ge(e,r)},ye=function(){var e=function(e,t){return Math.floor(e/(t||e))},t=R,r=0;if($.current){var n=$.current,o=n.scrollTop,l=n.scrollLeft;if(T)r={rows:(t={rows:e(o,y.itemSize[0]),cols:e(l,y.itemSize[1])}).rows+F.rows,cols:t.cols+F.cols};else r=(t=e(z?l:o,y.itemSize))+F}return{first:R,last:L,viewport:{first:t,last:r}}},we=function(){var e=ze(),t=$.current?$.current.offsetWidth-e.left:0,r=$.current?$.current.offsetHeight-e.top:0,n=function(e,t){return Math.ceil(e/(t||e))},o=function(e){return Math.ceil(e/2)},l=T?{rows:n(r,y.itemSize[0]),cols:n(t,y.itemSize[1])}:n(z?t:r,y.itemSize);return{numItemsInViewport:l,numToleratedItems:V||(T?[o(l.rows),o(l.cols)]:o(l))}},Se=function(e){y.autoSize&&!e&&Promise.resolve().then((function(){if(q.current){q.current.style.minHeight=q.current.style.minWidth="auto",q.current.style.position="relative",$.current.style.contain="none";var e=[s.getWidth($.current),s.getHeight($.current)],t=e[0],r=e[1];(T||z)&&($.current.style.width=(t<oe.current?t:y.scrollWidth||oe.current)+"px"),(T||b)&&($.current.style.height=(r<le.current?r:y.scrollHeight||le.current)+"px"),q.current.style.minHeight=q.current.style.minWidth="",q.current.style.position="",$.current.style.contain=""}}))},be=function(){return y.items?Math.min((arguments.length>1?arguments[1]:void 0)?(y.columns||y.items[0]).length:y.items.length,arguments.length>0&&void 0!==arguments[0]?arguments[0]:0):0},ze=function(){if(q.current){var e=getComputedStyle(q.current),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),r=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),n=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),o=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,0);return{left:t,right:r,top:n,bottom:o,x:t+r,y:n+o}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},Te=function(){if($.current){var e=$.current.parentElement,t=y.scrollWidth||"".concat($.current.offsetWidth||e.offsetWidth,"px"),r=y.scrollHeight||"".concat($.current.offsetHeight||e.offsetHeight,"px"),n=function(e,t){return $.current.style[e]=t};T||z?(n("height",r),n("width",t)):n("height",r)}},Ie=function(){var e=y.items;if(e){var t=ze(),r=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return ne.current=j(j({},ne.current),w({},"".concat(e),(t||[]).length*r+n+"px"))};T?(r("height",e,y.itemSize[0],t.y),r("width",y.columns||e[1],y.itemSize[1],t.x)):z?r("width",y.columns||e,y.itemSize,t.x):r("height",e,y.itemSize,t.y)}},Oe=function(e){if(q.current&&!y.appendOnly){var t=e?e.first:R,r=function(e,t){return e*t},n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;K.current&&(K.current.style.top="-".concat(t,"px")),re.current=j(j({},re.current),{transform:"translate3d(".concat(e,"px, ").concat(t,"px, 0)")})};if(T)n(r(t.cols,y.itemSize[1]),r(t.rows,y.itemSize[0]));else{var o=r(t,y.itemSize);z?n(o,0):n(0,o)}}},xe=function(e){var t=e.target,r=ze(),n=function(e,t){return e?e>t?e-t:e:0},o=function(e,t){return Math.floor(e/(t||e))},l=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},i=function(e,t,r,n,o,l,i){return e<=l?0:Math.max(0,i?e<t?r:e-l:e>t?r:e-2*l)},s=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),be(i,l)},c=n(t.scrollTop,r.top),a=n(t.scrollLeft,r.left),u=T?{rows:0,cols:0}:0,f=L,m=!1,p=Q.current;if(T){var d=Q.current.top<=c,h=Q.current.left<=a;if(!y.appendOnly||y.appendOnly&&(d||h)){var g={rows:o(c,y.itemSize[0]),cols:o(a,y.itemSize[1])},v={rows:l(g.rows,R.rows,L.rows,F.rows,V[0],d),cols:l(g.cols,R.cols,L.cols,F.cols,V[1],h)};u={rows:i(g.rows,v.rows,R.rows,0,0,V[0],d),cols:i(g.cols,v.cols,R.cols,0,0,V[1],h)},f={rows:s(g.rows,u.rows,0,F.rows,V[0]),cols:s(g.cols,u.cols,0,F.cols,V[1],!0)},m=u.rows!==R.rows||f.rows!==L.rows||u.cols!==R.cols||f.cols!==L.cols||ce.current,p={top:c,left:a}}}else{var w=z?a:c,S=Q.current<=w;if(!y.appendOnly||y.appendOnly&&S){var b=o(w,y.itemSize);f=s(b,u=i(b,l(b,R,L,F,V,S),R,0,0,V,S),0,F,V),m=u!==R||f!==L||ce.current,p=w}}return{first:u,last:f,isRangeChanged:m,scrollPos:p}},Re=function(e){var t=xe(e),r=t.first,n=t.last,o=t.scrollPos;if(t.isRangeChanged){var l={first:r,last:n};if(Oe(l),E(r),M(n),Q.current=o,y.onScrollIndexChange&&y.onScrollIndexChange(l),y.lazy&&de(r)){var i={first:y.step?Math.min(pe(r)*y.step,y.items.length-y.step):r,last:Math.min(y.step?(pe(r)+1)*y.step:n,y.items.length)};(!ae.current||ae.current.first!==i.first||ae.current.last!==i.last)&&y.onLazyLoad&&y.onLazyLoad(i),ae.current=i}}},je=function(e){if(y.onScroll&&y.onScroll(e),y.delay){if(ee.current&&clearTimeout(ee.current),de(R)){if(!X&&y.showLoader)(xe(e).isRangeChanged||!!y.step&&de(R))&&_(!0);ee.current=setTimeout((function(){Re(e),!X||!y.showLoader||y.lazy&&void 0!==y.loading||(_(!1),C(pe(R)))}),y.delay)}}else Re(e)},Ee=function(){te.current&&clearTimeout(te.current),te.current=setTimeout((function(){if($.current){var e=[s.getWidth($.current),s.getHeight($.current)],t=e[0],r=e[1],n=t!==oe.current,o=r!==le.current;(T?n||o:z?n:!!b&&o)&&(k(y.numToleratedItems),oe.current=t,le.current=r,ie.current=s.getWidth(q.current),se.current=s.getHeight(q.current))}}),y.resizeDelay)},Pe=function(e){var t=(y.items||[]).length,r=T?R.rows+e:R+e;return{index:r,count:t,first:0===r,last:r===t-1,even:r%2==0,odd:r%2!=0,props:y}},Le=function(e,t){var r=U.length;return j({index:e,count:r,first:0===e,last:e===r-1,even:e%2==0,odd:e%2!=0,props:y},t)},Me=function(){var e=y.items;return e&&!X?T?e.slice(y.appendOnly?0:R.rows,L.rows).map((function(e){return y.columns?e:e.slice(y.appendOnly?0:R.cols,L.cols)})):z&&y.columns?e:e.slice(y.appendOnly?0:R,L):[]},He=function(){var e,t,r,n,o;y.disabled||(Te(),e=we(),t=e.numItemsInViewport,r=e.numToleratedItems,n=function(e,t,r){return be(e+t+(e<r?2:3)*r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])},o=T?{rows:n(R.rows,t.rows,r[0]),cols:n(R.cols,t.cols,r[1],!0)}:n(R,t,r),N(t),k(r),M(o),y.showLoader&&Y(T?Array.from({length:t.rows}).map((function(){return Array.from({length:t.cols})})):Array.from({length:t})),y.lazy&&Promise.resolve().then((function(){ae.current={first:y.step?T?{rows:0,cols:R.cols}:0:R,last:Math.min(y.step?y.step:o,y.items.length)},y.onLazyLoad&&y.onLazyLoad(ae.current)})),Ie())};l((function(){$.current&&s.isVisible($.current)&&(q.current=q.current||q.current||s.findSingle($.current,".p-virtualscroller-content"),He(),ue(),fe(),oe.current=s.getWidth($.current),le.current=s.getHeight($.current),ie.current=s.getWidth(q.current),se.current=s.getHeight(q.current))})),i((function(){He()}),[y.itemSize,y.scrollHeight,y.scrollWidth]),i((function(){y.numToleratedItems!==V&&k(y.numToleratedItems)}),[y.numToleratedItems]),i((function(){y.numToleratedItems===V&&He()}),[V]),i((function(){S.items&&S.items.length===(y.items||[]).length||He();var e=X;y.lazy&&S.loading!==y.loading&&y.loading!==X&&(_(y.loading),e=y.loading),Se(e)})),i((function(){Q.current=T?{top:0,left:0}:0}),[y.orientation]),e.useImperativeHandle(g,(function(){return{props:y,getElementRef:me,scrollTo:he,scrollToIndex:ge,scrollInView:ve,getRenderedRange:ye}}));var We=function(t){var r=Le(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),n=c.getJSXElement(y.loadingTemplate,r);return e.createElement(e.Fragment,{key:t},n)},Ce=function(t,r){var n=Pe(r),o=c.getJSXElement(y.itemTemplate,t,n);return e.createElement(e.Fragment,{key:n.index},o)};if(y.disabled){var De=c.getJSXElement(y.contentTemplate,{items:y.items,rows:y.items,columns:y.columns});return e.createElement(e.Fragment,null,y.children,De)}var Fe=a("p-virtualscroller",{"p-virtualscroller-inline":y.inline,"p-virtualscroller-both p-both-scroll":T,"p-virtualscroller-horizontal p-horizontal-scroll":z},y.className),Ne=function(){var t="p-virtualscroller-loading-icon",r=u({className:t},Z("loadingIcon")),n=y.loadingIcon||e.createElement(p,h({},r,{spin:!0})),o=f.getJSXIcon(n,j({},r),{props:y});if(!y.loaderDisabled&&y.showLoader&&X){var l=a("p-virtualscroller-loader",{"p-component-overlay":!y.loadingTemplate}),i=o;y.loadingTemplate?i=U.map((function(e,t){return We(t,T&&{numCols:F.cols})})):y.loaderIconTemplate&&(i=c.getJSXElement(y.loaderIconTemplate,{iconClassName:t,element:i,props:y}));var s=u({className:l},Z("loader"));return e.createElement("div",s,i)}return null}(),Ae=function(){var t=Me().map(Ce),r=a("p-virtualscroller-content",{"p-virtualscroller-loading":X}),n=u({ref:q,style:re.current,className:r},Z("content")),o=e.createElement("div",n,t);if(y.contentTemplate){var l={style:re.current,className:r,spacerStyle:ne.current,contentRef:function(e){return q.current=c.getRefElement(e)},spacerRef:function(e){return G.current=c.getRefElement(e)},stickyRef:function(e){return K.current=c.getRefElement(e)},items:Me(),getItemOptions:function(e){return Pe(e)},children:t,element:o,props:y,loading:X,getLoaderOptions:function(e,t){return Le(e,t)},loadingTemplate:y.loadingTemplate,itemSize:y.itemSize,rows:X?y.loaderDisabled?U:[]:Me(),columns:y.columns&&T||z?X&&y.loaderDisabled?T?U[0]:U:y.columns.slice(T?R.cols:R,T?L.cols:L):y.columns,vertical:b,horizontal:z,both:T};return c.getJSXElement(y.contentTemplate,l)}return o}(),Ve=function(){if(y.showSpacer){var t=u({ref:G,style:ne.current,className:"p-virtualscroller-spacer"},Z("spacer"));return e.createElement("div",t)}return null}(),ke=u({ref:$,className:Fe,tabIndex:y.tabIndex,style:y.style,onScroll:function(e){return je(e)}},x.getOtherProps(y),Z("root"));return e.createElement("div",ke,Ae,Ve,Ne)})));E.displayName="VirtualScroller";export{E as VirtualScroller};