primereact 8.2.0 → 8.5.0

package/virtualscroller/virtualscroller.js

@@ -790,6 +790,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
     }, [props.orientation]);
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         getElementRef: getElementRef,
         scrollTo: scrollTo,
         scrollToIndex: scrollToIndex,
@@ -885,7 +886,7 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
           stickyRef: function stickyRef(el) {
             return _stickyRef.current = utils.ObjectUtils.getRefElement(el);
           },
-          items: loadedItems,
+          items: loadedItems(),
           getItemOptions: function getItemOptions(index) {
             return getOptions(index);
           },

package/virtualscroller/virtualscroller.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.virtualscroller=function(e,t,r,n){"use strict";function o(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 l=o(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],i=!0,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return l}}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 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 m(){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 d(e,t){return c(e)||a(e,t)||f(e,t)||m()}function p(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 h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=l.memo(l.forwardRef((function(e,t){var o="vertical"===e.orientation,s="horizontal"===e.orientation,c="both"===e.orientation,a=d(l.useState(c?{rows:0,cols:0}:0),2),u=a[0],f=a[1],m=d(l.useState(c?{rows:0,cols:0}:0),2),p=m[0],v=m[1],w=d(l.useState(c?{rows:0,cols:0}:0),2),y=w[0],S=w[1],b=d(l.useState(e.numToleratedItems),2),z=b[0],O=b[1],T=d(l.useState(e.loading||!1),2),I=T[0],j=T[1],E=d(l.useState([]),2),x=E[0],R=E[1],L=l.useRef(null),P=l.useRef(null),D=l.useRef(null),H=l.useRef(null),U=l.useRef(c?{top:0,left:0}:0),M=l.useRef(null),N=l.useRef(null),W=l.useRef(null),A=l.useRef(null),C=r.usePrevious(e.items),k=r.usePrevious(e.loading),V=d(r.useResizeListener({listener:function(e){return ne(e)}}),1)[0],_=d(r.useEventListener({target:"window",type:"orientationchange",listener:function(e){return ne(e)}}),1)[0],J=function(){return L},X=function(e){U.current=c?{top:0,left:0}:0,L.current&&L.current.scrollTo(e)},F=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",n=Y(),o=n.numToleratedItems,l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0;return e<=t?0:e},i=function(e,t){return e*t},a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return X({left:e,top:t,behavior:r})};if(c){var f={rows:l(t[0],o[0]),cols:l(t[1],o[1])};f.rows===u.rows&&f.cols===u.cols||a(i(f.cols,e.itemSize[1]),i(f.rows,e.itemSize[0]))}else{var m=l(t,o);m!==u&&(s?a(i(m,e.itemSize),0):a(0,i(m,e.itemSize)))}},B=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(r){var o=K(),l=o.first,i=o.viewport,a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return X({left:e,top:t,behavior:n})},u="to-start"===r,f="to-end"===r;if(u){if(c)i.first.rows-l.rows>t[0]?a(i.first.cols*e.itemSize[1],(i.first.rows-1)*e.itemSize[0]):i.first.cols-l.cols>t[1]&&a((i.first.cols-1)*e.itemSize[1],i.first.rows*e.itemSize[0]);else if(i.first-l>t){var m=(i.first-1)*e.itemSize;s?a(m,0):a(0,m)}}else if(f)if(c)i.last.rows-l.rows<=t[0]+1?a(i.first.cols*e.itemSize[1],(i.first.rows+1)*e.itemSize[0]):i.last.cols-l.cols<=t[1]+1&&a((i.first.cols+1)*e.itemSize[1],i.first.rows*e.itemSize[0]);else if(i.last-l<=t+1){var d=(i.first+1)*e.itemSize;s?a(d,0):a(0,d)}}else F(t,n)},K=function(){var t=function(e,t){return Math.floor(e/(t||e))},r=u,n=0;if(L.current){var o=L.current,l=o.scrollTop,i=o.scrollLeft;if(c)n={rows:(r={rows:t(l,e.itemSize[0]),cols:t(i,e.itemSize[1])}).rows+y.rows,cols:r.cols+y.cols};else n=(r=t(s?i:l,e.itemSize))+y}return{first:u,last:p,viewport:{first:r,last:n}}},Y=function(){var t=G(),r=L.current?L.current.offsetWidth-t.left:0,n=L.current?L.current.offsetHeight-t.top:0,o=function(e,t){return Math.ceil(e/(t||e))},l=function(e){return Math.ceil(e/2)},i=c?{rows:o(n,e.itemSize[0]),cols:o(r,e.itemSize[1])}:o(s?r:n,e.itemSize);return{numItemsInViewport:i,numToleratedItems:z||(c?[l(i.rows),l(i.cols)]:l(i))}},$=function(t){e.autoSize&&!t&&Promise.resolve().then((function(){if(P.current){P.current.style.minHeight=P.current.style.minWidth="auto";var e=P.current,t=e.offsetWidth,r=e.offsetHeight;(c||s)&&(L.current.style.width=(t<W.current?t:W.current)+"px"),(c||o)&&(L.current.style.height=(r<A.current?r:A.current)+"px"),P.current.style.minHeight=P.current.style.minWidth=""}}))},q=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1?arguments[1]:void 0;return e.items?Math.min(r?(e.columns||e.items[0]).length:e.items.length,t):0},G=function(){if(P.current){var e=getComputedStyle(P.current),t=parseInt(e.paddingLeft,10)+Math.max(parseInt(e.left,10),0),r=parseInt(e.paddingRight,10)+Math.max(parseInt(e.right,10),0),n=parseInt(e.paddingTop,10)+Math.max(parseInt(e.top,10),0),o=parseInt(e.paddingBottom,10)+Math.max(parseInt(e.bottom,10),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}},Q=function(){if(L.current){var t=L.current.parentElement,r=e.scrollWidth||"".concat(L.current.offsetWidth||t.offsetWidth,"px"),n=e.scrollHeight||"".concat(L.current.offsetHeight||t.offsetHeight,"px"),o=function(e,t){return L.current.style[e]=t};c||s?(o("height",n),o("width",r)):o("height",n)}},Z=function(){var t=e.items;if(D.current&&t){var r=G(),n=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return D.current.style[e]=(t||[]).length*r+n+"px"};c?(n("height",t,e.itemSize[0],r.y),n("width",e.columns||t[1],e.itemSize[1],r.x)):s?n("width",e.columns||t,e.itemSize,r.x):n("height",t,e.itemSize,r.y)}},ee=function(t){if(P.current){var r=t?t.first:u,n=function(e,t){return e*t},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;H.current&&(H.current.style.top="-".concat(t,"px")),P.current.style.transform="translate3d(".concat(e,"px, ").concat(t,"px, 0)")};if(c)o(n(r.cols,e.itemSize[1]),n(r.rows,e.itemSize[0]));else{var l=n(r,e.itemSize);s?o(l,0):o(0,l)}}},te=function(t){var r=t.target,n=G(),o=function(e,t){return e?e>t?e-t:e:0},l=function(e,t){return Math.floor(e/(t||e))},i=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},a=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)},f=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),q(i,l)},m=o(r.scrollTop,n.top),d=o(r.scrollLeft,n.left),h=c?{rows:0,cols:0}:0,g=p,v=!1,w=U.current;if(c){var S=U.current.top<=m,b=U.current.left<=d,O={rows:l(m,e.itemSize[0]),cols:l(d,e.itemSize[1])},T={rows:i(O.rows,u.rows,p.rows,y.rows,z[0],S),cols:i(O.cols,u.cols,p.cols,y.cols,z[1],b)};h={rows:a(O.rows,T.rows,u.rows,0,0,z[0],S),cols:a(O.cols,T.cols,u.cols,0,0,z[1],b)},g={rows:f(O.rows,h.rows,0,y.rows,z[0]),cols:f(O.cols,h.cols,0,y.cols,z[1],!0)},v=h.rows!==u.rows||g.rows!==p.rows||h.cols!==u.cols||g.cols!==p.cols,w={top:m,left:d}}else{var I=s?d:m,j=U.current<=I,E=l(I,e.itemSize);g=f(E,h=a(E,i(E,u,p,y,z,j),u,0,0,z,j),0,y,z),v=h!==u||g!==p,w=I}return{first:h,last:g,isRangeChanged:v,scrollPos:w}},re=function(t){var r=te(t),n=r.first,o=r.last,l=r.scrollPos;if(r.isRangeChanged){var i={first:n,last:o};ee(i),f(n),v(o),U.current=l,e.onScrollIndexChange&&e.onScrollIndexChange(i),e.lazy&&e.onLazyLoad&&e.onLazyLoad(i)}},ne=function(){N.current&&clearTimeout(N.current),N.current=setTimeout((function(){if(L.current){var t=[n.DomHandler.getWidth(L.current),n.DomHandler.getHeight(L.current)],r=t[0],l=t[1],i=r!==W.current,a=l!==A.current;(c?i||a:s?i:!!o&&a)&&(O(e.numToleratedItems),W.current=r,A.current=l)}}),e.resizeDelay)},oe=function(t){var r=(e.items||[]).length,n=c?u.rows+t:u+t;return{index:n,count:r,first:0===n,last:n===r-1,even:n%2==0,odd:n%2!=0,props:e}},le=function(t,r){var n=x.length;return h({index:t,count:n,first:0===t,last:t===n-1,even:t%2==0,odd:t%2!=0,props:e},r)},ie=function(){var t=e.items;return t&&!I?c?t.slice(u.rows,p.rows).map((function(t){return e.columns?t:t.slice(u.cols,p.cols)})):s&&e.columns?t:t.slice(u,p):[]},se=function(){var t,r,n,o,l;e.disabled||(Q(),t=Y(),r=t.numItemsInViewport,n=t.numToleratedItems,o=function(e,t,r,n){return q(e+t+(e<r?2:3)*r,n)},l=c?{rows:o(u.rows,r.rows,n[0]),cols:o(u.cols,r.cols,n[1],!0)}:o(u,r,n),S(r),O(n),v(l),e.showLoader&&R(c?Array.from({length:r.rows}).map((function(){return Array.from({length:r.cols})})):Array.from({length:r})),e.lazy&&e.onLazyLoad&&e.onLazyLoad({first:u,last:l}),Z())};r.useMountEffect((function(){e.disabled||(se(),V(),_(),W.current=n.DomHandler.getWidth(L.current),A.current=n.DomHandler.getHeight(L.current))})),r.useUpdateEffect((function(){se()}),[e.itemSize,e.scrollHeight]),r.useUpdateEffect((function(){e.numToleratedItems!==z&&O(e.numToleratedItems)}),[e.numToleratedItems]),r.useUpdateEffect((function(){e.numToleratedItems===z&&se()}),[z]),r.useUpdateEffect((function(){C&&C.length===(e.items||[]).length||se();var t=I;e.lazy&&k!==e.loading&&e.loading!==I&&(j(e.loading),t=e.loading),$(t)})),r.useUpdateEffect((function(){U.current=c?{top:0,left:0}:0}),[e.orientation]),l.useImperativeHandle(t,(function(){return{getElementRef:J,scrollTo:X,scrollToIndex:F,scrollInView:B,getRenderedRange:K}}));var ce=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=le(t,r),i=n.ObjectUtils.getJSXElement(e.loadingTemplate,o);return l.createElement(l.Fragment,{key:t},i)},ae=function(t,r){var o=oe(r),i=n.ObjectUtils.getJSXElement(e.itemTemplate,t,o);return l.createElement(l.Fragment,{key:o.index},i)};if(e.disabled){var ue=n.ObjectUtils.getJSXElement(e.contentTemplate,{items:e.items,rows:e.items,columns:e.columns});return l.createElement(l.Fragment,null,e.children,ue)}var fe=n.ObjectUtils.findDiffKeys(e,g.defaultProps),me=n.classNames("p-virtualscroller",{"p-both-scroll":c,"p-horizontal-scroll":s},e.className),de=function(){if(!e.loaderDisabled&&e.showLoader&&I){var t=n.classNames("p-virtualscroller-loader",{"p-component-overlay":!e.loadingTemplate}),r=l.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});return e.loadingTemplate?r=x.map((function(e,t){return ce(t,c&&{numCols:y.cols})})):e.loaderIconTemplate&&(r=n.ObjectUtils.getJSXElement(e.loaderIconTemplate,{className:"p-virtualscroller-loading-icon",element:r,props:e})),l.createElement("div",{className:t},r)}return null}(),pe=function(){var t=ie().map(ae),r=n.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":I}),i=l.createElement("div",{ref:P,className:r},t);if(e.contentTemplate){var a={className:r,contentRef:function(e){return P.current=n.ObjectUtils.getRefElement(e)},spacerRef:function(e){return D.current=n.ObjectUtils.getRefElement(e)},stickyRef:function(e){return H.current=n.ObjectUtils.getRefElement(e)},items:ie,getItemOptions:function(e){return oe(e)},children:t,element:i,props:e,loading:I,getLoaderOptions:function(e,t){return le(e,t)},loadingTemplate:e.loadingTemplate,itemSize:e.itemSize,rows:I?e.loaderDisabled?x:[]:ie(),columns:e.columns&&c||s?I&&e.loaderDisabled?c?x[0]:x:e.columns.slice(c?u.cols:u,c?p.cols:p):e.columns,vertical:o,horizontal:s,both:c};return n.ObjectUtils.getJSXElement(e.contentTemplate,a)}return i}(),he=e.showSpacer?l.createElement("div",{ref:D,className:"p-virtualscroller-spacer"}):null;return l.createElement("div",i({ref:L,className:me,tabIndex:0,style:e.style},fe,{onScroll:function(t){e.onScroll&&e.onScroll(t),e.delay?(M.current&&clearTimeout(M.current),!I&&e.showLoader&&te(t).isRangeChanged&&j(!0),M.current=setTimeout((function(){re(t),!I||!e.showLoader||e.lazy&&void 0!==e.loading||j(!1)}),e.delay)):re(t)}}),pe,he,de)})));return g.displayName="VirtualScroller",g.defaultProps={__TYPE:"VirtualScroller",id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,resizeDelay:10,lazy:!1,disabled:!1,loaderDisabled:!1,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},e.VirtualScroller=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.virtualscroller=function(e,t,r,n){"use strict";function o(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 l=o(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){if(Array.isArray(e))return e}function a(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],i=!0,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return l}}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 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 m(){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 d(e,t){return c(e)||a(e,t)||f(e,t)||m()}function p(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 h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=l.memo(l.forwardRef((function(e,t){var o="vertical"===e.orientation,s="horizontal"===e.orientation,c="both"===e.orientation,a=d(l.useState(c?{rows:0,cols:0}:0),2),u=a[0],f=a[1],m=d(l.useState(c?{rows:0,cols:0}:0),2),p=m[0],v=m[1],w=d(l.useState(c?{rows:0,cols:0}:0),2),y=w[0],S=w[1],b=d(l.useState(e.numToleratedItems),2),z=b[0],O=b[1],T=d(l.useState(e.loading||!1),2),I=T[0],j=T[1],E=d(l.useState([]),2),x=E[0],R=E[1],L=l.useRef(null),P=l.useRef(null),D=l.useRef(null),H=l.useRef(null),U=l.useRef(c?{top:0,left:0}:0),M=l.useRef(null),N=l.useRef(null),W=l.useRef(null),A=l.useRef(null),C=r.usePrevious(e.items),k=r.usePrevious(e.loading),V=d(r.useResizeListener({listener:function(e){return ne(e)}}),1)[0],_=d(r.useEventListener({target:"window",type:"orientationchange",listener:function(e){return ne(e)}}),1)[0],J=function(){return L},X=function(e){U.current=c?{top:0,left:0}:0,L.current&&L.current.scrollTo(e)},F=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"auto",n=Y(),o=n.numToleratedItems,l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0;return e<=t?0:e},i=function(e,t){return e*t},a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return X({left:e,top:t,behavior:r})};if(c){var f={rows:l(t[0],o[0]),cols:l(t[1],o[1])};f.rows===u.rows&&f.cols===u.cols||a(i(f.cols,e.itemSize[1]),i(f.rows,e.itemSize[0]))}else{var m=l(t,o);m!==u&&(s?a(i(m,e.itemSize),0):a(0,i(m,e.itemSize)))}},B=function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"auto";if(r){var o=K(),l=o.first,i=o.viewport,a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return X({left:e,top:t,behavior:n})},u="to-start"===r,f="to-end"===r;if(u){if(c)i.first.rows-l.rows>t[0]?a(i.first.cols*e.itemSize[1],(i.first.rows-1)*e.itemSize[0]):i.first.cols-l.cols>t[1]&&a((i.first.cols-1)*e.itemSize[1],i.first.rows*e.itemSize[0]);else if(i.first-l>t){var m=(i.first-1)*e.itemSize;s?a(m,0):a(0,m)}}else if(f)if(c)i.last.rows-l.rows<=t[0]+1?a(i.first.cols*e.itemSize[1],(i.first.rows+1)*e.itemSize[0]):i.last.cols-l.cols<=t[1]+1&&a((i.first.cols+1)*e.itemSize[1],i.first.rows*e.itemSize[0]);else if(i.last-l<=t+1){var d=(i.first+1)*e.itemSize;s?a(d,0):a(0,d)}}else F(t,n)},K=function(){var t=function(e,t){return Math.floor(e/(t||e))},r=u,n=0;if(L.current){var o=L.current,l=o.scrollTop,i=o.scrollLeft;if(c)n={rows:(r={rows:t(l,e.itemSize[0]),cols:t(i,e.itemSize[1])}).rows+y.rows,cols:r.cols+y.cols};else n=(r=t(s?i:l,e.itemSize))+y}return{first:u,last:p,viewport:{first:r,last:n}}},Y=function(){var t=G(),r=L.current?L.current.offsetWidth-t.left:0,n=L.current?L.current.offsetHeight-t.top:0,o=function(e,t){return Math.ceil(e/(t||e))},l=function(e){return Math.ceil(e/2)},i=c?{rows:o(n,e.itemSize[0]),cols:o(r,e.itemSize[1])}:o(s?r:n,e.itemSize);return{numItemsInViewport:i,numToleratedItems:z||(c?[l(i.rows),l(i.cols)]:l(i))}},$=function(t){e.autoSize&&!t&&Promise.resolve().then((function(){if(P.current){P.current.style.minHeight=P.current.style.minWidth="auto";var e=P.current,t=e.offsetWidth,r=e.offsetHeight;(c||s)&&(L.current.style.width=(t<W.current?t:W.current)+"px"),(c||o)&&(L.current.style.height=(r<A.current?r:A.current)+"px"),P.current.style.minHeight=P.current.style.minWidth=""}}))},q=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,r=arguments.length>1?arguments[1]:void 0;return e.items?Math.min(r?(e.columns||e.items[0]).length:e.items.length,t):0},G=function(){if(P.current){var e=getComputedStyle(P.current),t=parseInt(e.paddingLeft,10)+Math.max(parseInt(e.left,10),0),r=parseInt(e.paddingRight,10)+Math.max(parseInt(e.right,10),0),n=parseInt(e.paddingTop,10)+Math.max(parseInt(e.top,10),0),o=parseInt(e.paddingBottom,10)+Math.max(parseInt(e.bottom,10),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}},Q=function(){if(L.current){var t=L.current.parentElement,r=e.scrollWidth||"".concat(L.current.offsetWidth||t.offsetWidth,"px"),n=e.scrollHeight||"".concat(L.current.offsetHeight||t.offsetHeight,"px"),o=function(e,t){return L.current.style[e]=t};c||s?(o("height",n),o("width",r)):o("height",n)}},Z=function(){var t=e.items;if(D.current&&t){var r=G(),n=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return D.current.style[e]=(t||[]).length*r+n+"px"};c?(n("height",t,e.itemSize[0],r.y),n("width",e.columns||t[1],e.itemSize[1],r.x)):s?n("width",e.columns||t,e.itemSize,r.x):n("height",t,e.itemSize,r.y)}},ee=function(t){if(P.current){var r=t?t.first:u,n=function(e,t){return e*t},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;H.current&&(H.current.style.top="-".concat(t,"px")),P.current.style.transform="translate3d(".concat(e,"px, ").concat(t,"px, 0)")};if(c)o(n(r.cols,e.itemSize[1]),n(r.rows,e.itemSize[0]));else{var l=n(r,e.itemSize);s?o(l,0):o(0,l)}}},te=function(t){var r=t.target,n=G(),o=function(e,t){return e?e>t?e-t:e:0},l=function(e,t){return Math.floor(e/(t||e))},i=function(e,t,r,n,o,l){return e<=o?o:l?r-n-o:t+o-1},a=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)},f=function(e,t,r,n,o,l){var i=t+n+2*o;return e>=o&&(i+=o+1),q(i,l)},m=o(r.scrollTop,n.top),d=o(r.scrollLeft,n.left),h=c?{rows:0,cols:0}:0,g=p,v=!1,w=U.current;if(c){var S=U.current.top<=m,b=U.current.left<=d,O={rows:l(m,e.itemSize[0]),cols:l(d,e.itemSize[1])},T={rows:i(O.rows,u.rows,p.rows,y.rows,z[0],S),cols:i(O.cols,u.cols,p.cols,y.cols,z[1],b)};h={rows:a(O.rows,T.rows,u.rows,0,0,z[0],S),cols:a(O.cols,T.cols,u.cols,0,0,z[1],b)},g={rows:f(O.rows,h.rows,0,y.rows,z[0]),cols:f(O.cols,h.cols,0,y.cols,z[1],!0)},v=h.rows!==u.rows||g.rows!==p.rows||h.cols!==u.cols||g.cols!==p.cols,w={top:m,left:d}}else{var I=s?d:m,j=U.current<=I,E=l(I,e.itemSize);g=f(E,h=a(E,i(E,u,p,y,z,j),u,0,0,z,j),0,y,z),v=h!==u||g!==p,w=I}return{first:h,last:g,isRangeChanged:v,scrollPos:w}},re=function(t){var r=te(t),n=r.first,o=r.last,l=r.scrollPos;if(r.isRangeChanged){var i={first:n,last:o};ee(i),f(n),v(o),U.current=l,e.onScrollIndexChange&&e.onScrollIndexChange(i),e.lazy&&e.onLazyLoad&&e.onLazyLoad(i)}},ne=function(){N.current&&clearTimeout(N.current),N.current=setTimeout((function(){if(L.current){var t=[n.DomHandler.getWidth(L.current),n.DomHandler.getHeight(L.current)],r=t[0],l=t[1],i=r!==W.current,a=l!==A.current;(c?i||a:s?i:!!o&&a)&&(O(e.numToleratedItems),W.current=r,A.current=l)}}),e.resizeDelay)},oe=function(t){var r=(e.items||[]).length,n=c?u.rows+t:u+t;return{index:n,count:r,first:0===n,last:n===r-1,even:n%2==0,odd:n%2!=0,props:e}},le=function(t,r){var n=x.length;return h({index:t,count:n,first:0===t,last:t===n-1,even:t%2==0,odd:t%2!=0,props:e},r)},ie=function(){var t=e.items;return t&&!I?c?t.slice(u.rows,p.rows).map((function(t){return e.columns?t:t.slice(u.cols,p.cols)})):s&&e.columns?t:t.slice(u,p):[]},se=function(){var t,r,n,o,l;e.disabled||(Q(),t=Y(),r=t.numItemsInViewport,n=t.numToleratedItems,o=function(e,t,r,n){return q(e+t+(e<r?2:3)*r,n)},l=c?{rows:o(u.rows,r.rows,n[0]),cols:o(u.cols,r.cols,n[1],!0)}:o(u,r,n),S(r),O(n),v(l),e.showLoader&&R(c?Array.from({length:r.rows}).map((function(){return Array.from({length:r.cols})})):Array.from({length:r})),e.lazy&&e.onLazyLoad&&e.onLazyLoad({first:u,last:l}),Z())};r.useMountEffect((function(){e.disabled||(se(),V(),_(),W.current=n.DomHandler.getWidth(L.current),A.current=n.DomHandler.getHeight(L.current))})),r.useUpdateEffect((function(){se()}),[e.itemSize,e.scrollHeight]),r.useUpdateEffect((function(){e.numToleratedItems!==z&&O(e.numToleratedItems)}),[e.numToleratedItems]),r.useUpdateEffect((function(){e.numToleratedItems===z&&se()}),[z]),r.useUpdateEffect((function(){C&&C.length===(e.items||[]).length||se();var t=I;e.lazy&&k!==e.loading&&e.loading!==I&&(j(e.loading),t=e.loading),$(t)})),r.useUpdateEffect((function(){U.current=c?{top:0,left:0}:0}),[e.orientation]),l.useImperativeHandle(t,(function(){return{props:e,getElementRef:J,scrollTo:X,scrollToIndex:F,scrollInView:B,getRenderedRange:K}}));var ce=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=le(t,r),i=n.ObjectUtils.getJSXElement(e.loadingTemplate,o);return l.createElement(l.Fragment,{key:t},i)},ae=function(t,r){var o=oe(r),i=n.ObjectUtils.getJSXElement(e.itemTemplate,t,o);return l.createElement(l.Fragment,{key:o.index},i)};if(e.disabled){var ue=n.ObjectUtils.getJSXElement(e.contentTemplate,{items:e.items,rows:e.items,columns:e.columns});return l.createElement(l.Fragment,null,e.children,ue)}var fe=n.ObjectUtils.findDiffKeys(e,g.defaultProps),me=n.classNames("p-virtualscroller",{"p-both-scroll":c,"p-horizontal-scroll":s},e.className),de=function(){if(!e.loaderDisabled&&e.showLoader&&I){var t=n.classNames("p-virtualscroller-loader",{"p-component-overlay":!e.loadingTemplate}),r=l.createElement("i",{className:"p-virtualscroller-loading-icon pi pi-spinner pi-spin"});return e.loadingTemplate?r=x.map((function(e,t){return ce(t,c&&{numCols:y.cols})})):e.loaderIconTemplate&&(r=n.ObjectUtils.getJSXElement(e.loaderIconTemplate,{className:"p-virtualscroller-loading-icon",element:r,props:e})),l.createElement("div",{className:t},r)}return null}(),pe=function(){var t=ie().map(ae),r=n.classNames("p-virtualscroller-content",{"p-virtualscroller-loading":I}),i=l.createElement("div",{ref:P,className:r},t);if(e.contentTemplate){var a={className:r,contentRef:function(e){return P.current=n.ObjectUtils.getRefElement(e)},spacerRef:function(e){return D.current=n.ObjectUtils.getRefElement(e)},stickyRef:function(e){return H.current=n.ObjectUtils.getRefElement(e)},items:ie(),getItemOptions:function(e){return oe(e)},children:t,element:i,props:e,loading:I,getLoaderOptions:function(e,t){return le(e,t)},loadingTemplate:e.loadingTemplate,itemSize:e.itemSize,rows:I?e.loaderDisabled?x:[]:ie(),columns:e.columns&&c||s?I&&e.loaderDisabled?c?x[0]:x:e.columns.slice(c?u.cols:u,c?p.cols:p):e.columns,vertical:o,horizontal:s,both:c};return n.ObjectUtils.getJSXElement(e.contentTemplate,a)}return i}(),he=e.showSpacer?l.createElement("div",{ref:D,className:"p-virtualscroller-spacer"}):null;return l.createElement("div",i({ref:L,className:me,tabIndex:0,style:e.style},fe,{onScroll:function(t){e.onScroll&&e.onScroll(t),e.delay?(M.current&&clearTimeout(M.current),!I&&e.showLoader&&te(t).isRangeChanged&&j(!0),M.current=setTimeout((function(){re(t),!I||!e.showLoader||e.lazy&&void 0!==e.loading||j(!1)}),e.delay)):re(t)}}),pe,he,de)})));return g.displayName="VirtualScroller",g.defaultProps={__TYPE:"VirtualScroller",id:null,style:null,className:null,items:null,itemSize:0,scrollHeight:null,scrollWidth:null,orientation:"vertical",numToleratedItems:null,delay:0,resizeDelay:10,lazy:!1,disabled:!1,loaderDisabled:!1,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},e.VirtualScroller=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/web-types.json

@@ -1,7 +1,7 @@
 {
     "framework": "React",
     "name": "PrimeReact",
-    "version": "8.2.0",
+    "version": "8.5.0",
     "tags": [
         {
             "name": "Accordion",
@@ -890,6 +890,18 @@
                     "default": "null",
                     "description": "Configuration of the tooltip, refer to the tooltip documentation for more information."
                 },
+                {
+                    "name": "disabled",
+                    "type": "boolean",
+                    "default": "false",
+                    "description": "When present, it specifies that the element should be disabled."
+                },
+                {
+                    "name": "visible",
+                    "type": "boolean",
+                    "default": "true",
+                    "description": "When present, it specifies that the element should be visible."
+                },
                 {
                     "name": "loading",
                     "type": "boolean",
@@ -1618,6 +1630,18 @@
                     "default": "false",
                     "description": "Defines if scrolling would be infinite."
                 },
+                {
+                    "name": "showIndicators",
+                    "type": "boolean",
+                    "default": "true",
+                    "description": "Whether to display indicator container."
+                },
+                {
+                    "name": "showNavigators",
+                    "type": "boolean",
+                    "default": "true",
+                    "description": "Whether to display navigation buttons in container."
+                },
                 {
                     "name": "autoplayInterval",
                     "type": "number",
@@ -2260,6 +2284,12 @@
                     "type": "string/regex",
                     "default": "null",
                     "description": "Format definition of the keys to block."
+                },
+                {
+                    "name": "addOnBlur",
+                    "type": "boolean",
+                    "default": "null",
+                    "description": "Whether to add an item when the input loses focus."
                 }
             ],
             "events": [
@@ -3629,6 +3659,12 @@
                     "default": "false",
                     "description": "When enabled, columns can be reordered using drag and drop."
                 },
+                {
+                    "name": "reorderableRows",
+                    "type": "boolean",
+                    "default": "false",
+                    "description": "When enabled, rows can be reordered using drag and drop."
+                },
                 {
                     "name": "filters",
                     "type": "array",
@@ -5070,6 +5106,12 @@
                     "default": "null",
                     "description": "The template of items."
                 },
+                {
+                    "name": "filterTemplate",
+                    "type": "any",
+                    "default": "null",
+                    "description": "The template of filter element."
+                },
                 {
                     "name": "optionGroupTemplate",
                     "type": "any",
@@ -5341,6 +5383,22 @@
                             "description": "Browser event"
                         }
                     ]
+                },
+                {
+                    "name": "onFilter",
+                    "description": "Callback to invoke when the value is filtered.",
+                    "arguments": [
+                        {
+                            "name": "event.originalEvent",
+                            "type": "object",
+                            "description": "Original event"
+                        },
+                        {
+                            "name": "event.filter",
+                            "type": "any",
+                            "description": "Value of the filter input"
+                        }
+                    ]
                 }
             ]
         },
@@ -5807,6 +5865,22 @@
                         }
                     ]
                 },
+                {
+                    "name": "onBeforeSelect",
+                    "description": "Callback to invoke before files are selected. Return false from callback to prevent selection.",
+                    "arguments": [
+                        {
+                            "name": "event.originalEvent",
+                            "type": "object",
+                            "description": "Original browser event."
+                        },
+                        {
+                            "name": "event.target.files",
+                            "type": "any",
+                            "description": "List of selected files."
+                        }
+                    ]
+                },
                 {
                     "name": "onUpload",
                     "description": "Callback to invoke when file upload is complete.",
@@ -6326,6 +6400,17 @@
                     "name": "onHide",
                     "description": "Triggered when the preview overlay is hidden.",
                     "arguments": []
+                },
+                {
+                    "name": "onError",
+                    "description": "Triggered when image has an error loading.",
+                    "arguments": [
+                        {
+                            "name": "event",
+                            "type": "object",
+                            "description": "Browser event"
+                        }
+                    ]
                 }
             ]
         },
@@ -7287,6 +7372,12 @@
                     "default": "null",
                     "description": "Custom template for the items."
                 },
+                {
+                    "name": "filterTemplate",
+                    "type": "any",
+                    "default": "null",
+                    "description": "Custom template for the filter element."
+                },
                 {
                     "name": "optionGroupTemplate",
                     "type": "any",
@@ -7885,6 +7976,12 @@
                     "type": "element",
                     "default": "null",
                     "description": "Template of the message."
+                },
+                {
+                    "name": "icon",
+                    "type": "string",
+                    "default": "Based on severity",
+                    "description": "Icon for the message. If not set it will default to severity icon."
                 }
             ],
             "events": []
@@ -8143,6 +8240,12 @@
                     "default": "null",
                     "description": "Function that gets the option and returns the content for it."
                 },
+                {
+                    "name": "filterTemplate",
+                    "type": "any",
+                    "default": "null",
+                    "description": "The template of filter element."
+                },
                 {
                     "name": "optionGroupTemplate",
                     "type": "any",
@@ -8497,6 +8600,42 @@
                     "default": "null",
                     "description": "Function that gets an item in the list and returns the content for it."
                 },
+                {
+                    "name": "filterTemplate",
+                    "type": "any",
+                    "default": "null",
+                    "description": "The template of filter element."
+                },
+                {
+                    "name": "filter",
+                    "type": "boolean",
+                    "default": "false",
+                    "description": "When specified, displays an input field to filter the items on keyup."
+                },
+                {
+                    "name": "filterBy",
+                    "type": "string",
+                    "default": "label",
+                    "description": "When filtering is enabled, filterBy decides which field or fields (comma separated) to search against."
+                },
+                {
+                    "name": "filterMatchMode",
+                    "type": "string",
+                    "default": "contains",
+                    "description": "Defines how the items are filtered, valid values are \"contains\" (default), \"startsWith\", \"endsWith\", \"equals\" and \"notEquals\"."
+                },
+                {
+                    "name": "filterPlaceholder",
+                    "type": "string",
+                    "default": "null",
+                    "description": "Placeholder text to show when filter input is empty."
+                },
+                {
+                    "name": "filterLocale",
+                    "type": "string",
+                    "default": "undefined",
+                    "description": "Locale to use in filtering. The default locale is the host environment's current locale."
+                },
                 {
                     "name": "tabIndex",
                     "type": "number",
@@ -8520,6 +8659,22 @@
                             "description": "Reordered list"
                         }
                     ]
+                },
+                {
+                    "name": "onFilter",
+                    "description": "Callback to invoke when the value is filtered.",
+                    "arguments": [
+                        {
+                            "name": "event.originalEvent",
+                            "type": "object",
+                            "description": "Original event"
+                        },
+                        {
+                            "name": "event.filter",
+                            "type": "any",
+                            "description": "Value of the filter input"
+                        }
+                    ]
                 }
             ]
         },
@@ -9735,6 +9890,18 @@
                     "default": "false",
                     "description": "When present, changing the value is not possible."
                 },
+                {
+                    "name": "style",
+                    "type": "object",
+                    "default": "null",
+                    "description": "Inline style of the component."
+                },
+                {
+                    "name": "className",
+                    "type": "string",
+                    "default": "null",
+                    "description": "ClassName of the component."
+                },
                 {
                     "name": "stars",
                     "type": "number",
@@ -9748,16 +9915,40 @@
                     "description": "When specified a cancel icon is displayed to allow removing the value."
                 },
                 {
-                    "name": "style",
+                    "name": "cancelIcon",
+                    "type": "string",
+                    "default": "pi pi-ban",
+                    "description": "ClassName of the cancel icon component."
+                },
+                {
+                    "name": "cancelIconProps",
                     "type": "object",
                     "default": "null",
-                    "description": "Inline style of the component."
+                    "description": "Properties of the cancel icon."
                 },
                 {
-                    "name": "className",
+                    "name": "onIcon",
                     "type": "string",
+                    "default": "pi pi-star-fill",
+                    "description": "ClassName of the icon on component."
+                },
+                {
+                    "name": "offIcon",
+                    "type": "string",
+                    "default": "pi pi-star",
+                    "description": "ClassName of the icon off component."
+                },
+                {
+                    "name": "onIconProps",
+                    "type": "object",
                     "default": "null",
-                    "description": "ClassName of the component."
+                    "description": "Properties of the on icon."
+                },
+                {
+                    "name": "offIconProps",
+                    "type": "object",
+                    "default": "null",
+                    "description": "Properties of the off icon."
                 },
                 {
                     "name": "tooltip",
@@ -10635,6 +10826,12 @@
                     "default": "false",
                     "description": "When present, it specifies that the component should be disabled."
                 },
+                {
+                    "name": "visible",
+                    "type": "boolean",
+                    "default": "true",
+                    "description": "When present, it specifies that the element should be visible."
+                },
                 {
                     "name": "style",
                     "type": "string",
@@ -11734,7 +11931,7 @@
                     "name": "event",
                     "type": "string",
                     "default": "hover",
-                    "description": "Event to show the tooltip, valid values are hover and focus."
+                    "description": "Event to show the tooltip, valid values are hover, focus, and both."
                 },
                 {
                     "name": "showEvent",
@@ -12035,6 +12232,12 @@
                     "default": "null",
                     "description": "Template of toggler element."
                 },
+                {
+                    "name": "filterTemplate",
+                    "type": "any",
+                    "default": "null",
+                    "description": "Template of filter element."
+                },
                 {
                     "name": "showHeader",
                     "type": "boolean",
@@ -12372,6 +12575,12 @@
                     "default": "null",
                     "description": "Defines the selection mode, valid values \"single\", \"multiple\", and \"checkbox\"."
                 },
+                {
+                    "name": "expandedKeys",
+                    "type": "array",
+                    "default": "null",
+                    "description": "An array of keys to represent the state of the tree expansion state in controlled mode."
+                },
                 {
                     "name": "panelClassName",
                     "type": "string",
@@ -12426,6 +12635,12 @@
                     "default": "null",
                     "description": "The template of footer."
                 },
+                {
+                    "name": "filterTemplate",
+                    "type": "any",
+                    "default": "null",
+                    "description": "The template of filter element"
+                },
                 {
                     "name": "transitionOptions",
                     "type": "object",
@@ -12514,6 +12729,22 @@
                         }
                     ]
                 },
+                {
+                    "name": "onToggle",
+                    "description": "Callback to invoke when a node is toggled.",
+                    "arguments": [
+                        {
+                            "name": "event.originalEvent",
+                            "type": "object",
+                            "description": "Browser event"
+                        },
+                        {
+                            "name": "event.node",
+                            "type": "any",
+                            "description": "Toggled node instance."
+                        }
+                    ]
+                },
                 {
                     "name": "onNodeSelect",
                     "description": "Callback to invoke when selection changes.",