primereact 8.1.0 → 8.3.0

package/virtualscroller/virtualscroller.cjs.js

@@ -157,7 +157,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       numToleratedItemsState = _React$useState8[0],
       setNumToleratedItemsState = _React$useState8[1];
 
-  var _React$useState9 = React__namespace.useState(props.loading),
+  var _React$useState9 = React__namespace.useState(props.loading || false),
       _React$useState10 = _slicedToArray(_React$useState9, 2),
       loadingState = _React$useState10[0],
       setLoadingState = _React$useState10[1];
@@ -180,10 +180,39 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     left: 0
   } : 0);
   var scrollTimeout = React__namespace.useRef(null);
+  var resizeTimeout = React__namespace.useRef(null);
+  var defaultWidth = React__namespace.useRef(null);
+  var defaultHeight = React__namespace.useRef(null);
   var prevItems = hooks.usePrevious(props.items);
   var prevLoading = hooks.usePrevious(props.loading);
 
+  var _useResizeListener = hooks.useResizeListener({
+    listener: function listener(event) {
+      return onResize(event);
+    }
+  }),
+      _useResizeListener2 = _slicedToArray(_useResizeListener, 1),
+      bindWindowResizeListener = _useResizeListener2[0];
+
+  var _useEventListener = hooks.useEventListener({
+    target: 'window',
+    type: 'orientationchange',
+    listener: function listener(event) {
+      return onResize(event);
+    }
+  }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 1),
+      bindOrientationChangeListener = _useEventListener2[0];
+
+  var getElementRef = function getElementRef() {
+    return elementRef;
+  };
+
   var scrollTo = function scrollTo(options) {
+    lastScrollPos.current = both ? {
+      top: 0,
+      left: 0
+    } : 0;
     elementRef.current && elementRef.current.scrollTo(options);
   };
 
@@ -193,9 +222,6 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     var _calculateNumItems = calculateNumItems(),
         numToleratedItems = _calculateNumItems.numToleratedItems;
 
-    var itemSize = props.itemSize;
-    var contentPos = getContentPosition();
-
     var calculateFirst = function calculateFirst() {
       var _index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
 
@@ -204,8 +230,8 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       return _index <= _numT ? 0 : _index;
     };
 
-    var calculateCoord = function calculateCoord(_first, _size, _cpos) {
-      return _first * _size + _cpos;
+    var calculateCoord = function calculateCoord(_first, _size) {
+      return _first * _size;
     };
 
     var scrollToItem = function scrollToItem() {
@@ -225,15 +251,13 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       };
 
       if (newFirst.rows !== firstState.rows || newFirst.cols !== firstState.cols) {
-        scrollToItem(calculateCoord(newFirst.cols, itemSize[1], contentPos.left), calculateCoord(newFirst.rows, itemSize[0], contentPos.top));
-        setFirstState(newFirst);
+        scrollToItem(calculateCoord(newFirst.cols, props.itemSize[1]), calculateCoord(newFirst.rows, props.itemSize[0]));
       }
     } else {
       var _newFirst = calculateFirst(index, numToleratedItems);
 
       if (_newFirst !== firstState) {
-        horizontal ? scrollToItem(calculateCoord(_newFirst, itemSize, contentPos.left), 0) : scrollToItem(0, calculateCoord(_newFirst, itemSize, contentPos.top));
-        setFirstState(_newFirst);
+        horizontal ? scrollToItem(calculateCoord(_newFirst, props.itemSize), 0) : scrollToItem(0, calculateCoord(_newFirst, props.itemSize));
       }
     }
   };
@@ -246,8 +270,6 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
           first = _getRenderedRange.first,
           viewport = _getRenderedRange.viewport;
 
-      var itemSize = props.itemSize;
-
       var scrollToItem = function scrollToItem() {
         var left = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
         var top = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -264,26 +286,26 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       if (isToStart) {
         if (both) {
           if (viewport.first.rows - first.rows > index[0]) {
-            scrollToItem(viewport.first.cols * itemSize, (viewport.first.rows - 1) * itemSize);
+            scrollToItem(viewport.first.cols * props.itemSize[1], (viewport.first.rows - 1) * props.itemSize[0]);
           } else if (viewport.first.cols - first.cols > index[1]) {
-            scrollToItem((viewport.first.cols - 1) * itemSize, viewport.first.rows * itemSize);
+            scrollToItem((viewport.first.cols - 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
           }
         } else {
           if (viewport.first - first > index) {
-            var pos = (viewport.first - 1) * itemSize;
+            var pos = (viewport.first - 1) * props.itemSize;
             horizontal ? scrollToItem(pos, 0) : scrollToItem(0, pos);
           }
         }
       } else if (isToEnd) {
         if (both) {
           if (viewport.last.rows - first.rows <= index[0] + 1) {
-            scrollToItem(viewport.first.cols * itemSize, (viewport.first.rows + 1) * itemSize);
+            scrollToItem(viewport.first.cols * props.itemSize[1], (viewport.first.rows + 1) * props.itemSize[0]);
           } else if (viewport.last.cols - first.cols <= index[1] + 1) {
-            scrollToItem((viewport.first.cols + 1) * itemSize, viewport.first.rows * itemSize);
+            scrollToItem((viewport.first.cols + 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
           }
         } else {
           if (viewport.last - first <= index + 1) {
-            var _pos2 = (viewport.first + 1) * itemSize;
+            var _pos2 = (viewport.first + 1) * props.itemSize;
 
             horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
           }
@@ -299,18 +321,14 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   };
 
   var getColumns = function getColumns() {
-    if (props.columns) {
-      if (both || horizontal) {
-        return loadingState && props.loaderDisabled ? both ? loaderArrState[0] : loaderArrState : props.columns.slice(both ? firstState.cols : firstState, both ? lastState.cols : lastState);
-      }
+    if (props.columns && both || horizontal) {
+      return loadingState && props.loaderDisabled ? both ? loaderArrState[0] : loaderArrState : props.columns.slice(both ? firstState.cols : firstState, both ? lastState.cols : lastState);
     }
 
     return props.columns;
   };
 
   var getRenderedRange = function getRenderedRange() {
-    var itemSize = props.itemSize;
-
     var calculateFirstInViewport = function calculateFirstInViewport(_pos, _size) {
       return Math.floor(_pos / (_size || _pos));
     };
@@ -319,13 +337,14 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     var lastInViewport = 0;
 
     if (elementRef.current) {
-      var scrollTop = elementRef.current.scrollTop;
-      var scrollLeft = elementRef.current.scrollLeft;
+      var _elementRef$current = elementRef.current,
+          scrollTop = _elementRef$current.scrollTop,
+          scrollLeft = _elementRef$current.scrollLeft;
 
       if (both) {
         firstInViewport = {
-          rows: calculateFirstInViewport(scrollTop, itemSize[0]),
-          cols: calculateFirstInViewport(scrollLeft, itemSize[1])
+          rows: calculateFirstInViewport(scrollTop, props.itemSize[0]),
+          cols: calculateFirstInViewport(scrollLeft, props.itemSize[1])
         };
         lastInViewport = {
           rows: firstInViewport.rows + numItemsInViewportState.rows,
@@ -333,7 +352,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         };
       } else {
         var scrollPos = horizontal ? scrollLeft : scrollTop;
-        firstInViewport = calculateFirstInViewport(scrollPos, itemSize);
+        firstInViewport = calculateFirstInViewport(scrollPos, props.itemSize);
         lastInViewport = firstInViewport + numItemsInViewportState;
       }
     }
@@ -349,7 +368,6 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   };
 
   var calculateNumItems = function calculateNumItems() {
-    var itemSize = props.itemSize;
     var contentPos = getContentPosition();
     var contentWidth = elementRef.current ? elementRef.current.offsetWidth - contentPos.left : 0;
     var contentHeight = elementRef.current ? elementRef.current.offsetHeight - contentPos.top : 0;
@@ -363,9 +381,9 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     };
 
     var numItemsInViewport = both ? {
-      rows: calculateNumItemsInViewport(contentHeight, itemSize[0]),
-      cols: calculateNumItemsInViewport(contentWidth, itemSize[1])
-    } : calculateNumItemsInViewport(horizontal ? contentWidth : contentHeight, itemSize);
+      rows: calculateNumItemsInViewport(contentHeight, props.itemSize[0]),
+      cols: calculateNumItemsInViewport(contentWidth, props.itemSize[1])
+    } : calculateNumItemsInViewport(horizontal ? contentWidth : contentHeight, props.itemSize);
     var numToleratedItems = numToleratedItemsState || (both ? [calculateNumToleratedItems(numItemsInViewport.rows), calculateNumToleratedItems(numItemsInViewport.cols)] : calculateNumToleratedItems(numItemsInViewport));
     return {
       numItemsInViewport: numItemsInViewport,
@@ -410,15 +428,26 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     }
   };
 
+  var calculateAutoSize = function calculateAutoSize(loading) {
+    if (props.autoSize && !loading) {
+      Promise.resolve().then(function () {
+        if (_contentRef.current) {
+          _contentRef.current.style.minHeight = _contentRef.current.style.minWidth = 'auto';
+          var _contentRef$current = _contentRef.current,
+              offsetWidth = _contentRef$current.offsetWidth,
+              offsetHeight = _contentRef$current.offsetHeight;
+          (both || horizontal) && (elementRef.current.style.width = (offsetWidth < defaultWidth.current ? offsetWidth : defaultWidth.current) + 'px');
+          (both || vertical) && (elementRef.current.style.height = (offsetHeight < defaultHeight.current ? offsetHeight : defaultHeight.current) + 'px');
+          _contentRef.current.style.minHeight = _contentRef.current.style.minWidth = '';
+        }
+      });
+    }
+  };
+
   var getLast = function getLast() {
     var last = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var isCols = arguments.length > 1 ? arguments[1] : undefined;
-
-    if (props.items) {
-      return Math.min(isCols ? (props.columns || props.items[0]).length : props.items.length, last);
-    }
-
-    return 0;
+    return props.items ? Math.min(isCols ? (props.columns || props.items[0]).length : props.items.length, last) : 0;
   };
 
   var getContentPosition = function getContentPosition() {
@@ -471,7 +500,6 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     var items = props.items;
 
     if (_spacerRef.current && items) {
-      var itemSize = props.itemSize;
       var contentPos = getContentPosition();
 
       var setProp = function setProp(_name, _value, _size) {
@@ -481,10 +509,10 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       };
 
       if (both) {
-        setProp('height', items, itemSize[0], contentPos.y);
-        setProp('width', props.columns || items[1], itemSize[1], contentPos.x);
+        setProp('height', items, props.itemSize[0], contentPos.y);
+        setProp('width', props.columns || items[1], props.itemSize[1], contentPos.x);
       } else {
-        horizontal ? setProp('width', props.columns || items, itemSize, contentPos.x) : setProp('height', items, itemSize, contentPos.y);
+        horizontal ? setProp('width', props.columns || items, props.itemSize, contentPos.x) : setProp('height', items, props.itemSize, contentPos.y);
       }
     }
   };
@@ -492,7 +520,6 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   var setContentPosition = function setContentPosition(pos) {
     if (_contentRef.current) {
       var first = pos ? pos.first : firstState;
-      var itemSize = props.itemSize;
 
       var calculateTranslateVal = function calculateTranslateVal(_first, _size) {
         return _first * _size;
@@ -508,9 +535,9 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       };
 
       if (both) {
-        setTransform(calculateTranslateVal(first.cols, itemSize[1]), calculateTranslateVal(first.rows, itemSize[0]));
+        setTransform(calculateTranslateVal(first.cols, props.itemSize[1]), calculateTranslateVal(first.rows, props.itemSize[0]));
       } else {
-        var translateVal = calculateTranslateVal(first, itemSize);
+        var translateVal = calculateTranslateVal(first, props.itemSize);
         horizontal ? setTransform(translateVal, 0) : setTransform(0, translateVal);
       }
     }
@@ -518,7 +545,6 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
 
   var onScrollPositionChange = function onScrollPositionChange(event) {
     var target = event.target;
-    var itemSize = props.itemSize;
     var contentPos = getContentPosition();
 
     var calculateScrollPos = function calculateScrollPos(_pos, _cpos) {
@@ -549,16 +575,20 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
 
     var scrollTop = calculateScrollPos(target.scrollTop, contentPos.top);
     var scrollLeft = calculateScrollPos(target.scrollLeft, contentPos.left);
-    var newFirst = 0;
+    var newFirst = both ? {
+      rows: 0,
+      cols: 0
+    } : 0;
     var newLast = lastState;
     var isRangeChanged = false;
+    var newScrollPos = lastScrollPos.current;
 
     if (both) {
       var isScrollDown = lastScrollPos.current.top <= scrollTop;
       var isScrollRight = lastScrollPos.current.left <= scrollLeft;
       var currentIndex = {
-        rows: calculateCurrentIndex(scrollTop, itemSize[0]),
-        cols: calculateCurrentIndex(scrollLeft, itemSize[1])
+        rows: calculateCurrentIndex(scrollTop, props.itemSize[0]),
+        cols: calculateCurrentIndex(scrollLeft, props.itemSize[1])
       };
       var triggerIndex = {
         rows: calculateTriggerIndex(currentIndex.rows, firstState.rows, lastState.rows, numItemsInViewportState.rows, numToleratedItemsState[0], isScrollDown),
@@ -572,8 +602,8 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         rows: calculateLast(currentIndex.rows, newFirst.rows, lastState.rows, numItemsInViewportState.rows, numToleratedItemsState[0]),
         cols: calculateLast(currentIndex.cols, newFirst.cols, lastState.cols, numItemsInViewportState.cols, numToleratedItemsState[1], true)
       };
-      isRangeChanged = newFirst.rows !== firstState.rows && newLast.rows !== lastState.rows || newFirst.cols !== firstState.cols && newLast.cols !== lastState.cols;
-      lastScrollPos.current = {
+      isRangeChanged = newFirst.rows !== firstState.rows || newLast.rows !== lastState.rows || newFirst.cols !== firstState.cols || newLast.cols !== lastState.cols;
+      newScrollPos = {
         top: scrollTop,
         left: scrollLeft
       };
@@ -581,20 +611,21 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       var scrollPos = horizontal ? scrollLeft : scrollTop;
       var isScrollDownOrRight = lastScrollPos.current <= scrollPos;
 
-      var _currentIndex2 = calculateCurrentIndex(scrollPos, itemSize);
+      var _currentIndex2 = calculateCurrentIndex(scrollPos, props.itemSize);
 
       var _triggerIndex2 = calculateTriggerIndex(_currentIndex2, firstState, lastState, numItemsInViewportState, numToleratedItemsState, isScrollDownOrRight);
 
       newFirst = calculateFirst(_currentIndex2, _triggerIndex2, firstState, lastState, numItemsInViewportState, numToleratedItemsState, isScrollDownOrRight);
       newLast = calculateLast(_currentIndex2, newFirst, lastState, numItemsInViewportState, numToleratedItemsState);
-      isRangeChanged = newFirst !== firstState && newLast !== lastState;
-      lastScrollPos.current = scrollPos;
+      isRangeChanged = newFirst !== firstState || newLast !== lastState;
+      newScrollPos = scrollPos;
     }
 
     return {
       first: newFirst,
       last: newLast,
-      isRangeChanged: isRangeChanged
+      isRangeChanged: isRangeChanged,
+      scrollPos: newScrollPos
     };
   };
 
@@ -602,7 +633,8 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     var _onScrollPositionChan = onScrollPositionChange(event),
         first = _onScrollPositionChan.first,
         last = _onScrollPositionChan.last,
-        isRangeChanged = _onScrollPositionChan.isRangeChanged;
+        isRangeChanged = _onScrollPositionChan.isRangeChanged,
+        scrollPos = _onScrollPositionChan.scrollPos;
 
     if (isRangeChanged) {
       var newState = {
@@ -612,6 +644,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       setContentPosition(newState);
       setFirstState(first);
       setLastState(last);
+      lastScrollPos.current = scrollPos;
       props.onScrollIndexChange && props.onScrollIndexChange(newState);
 
       if (props.lazy) {
@@ -638,7 +671,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       scrollTimeout.current = setTimeout(function () {
         onScrollChange(event);
 
-        if (loadingState && props.showLoader && !props.lazy) {
+        if (loadingState && props.showLoader && (!props.lazy || props.loading === undefined)) {
           setLoadingState(false);
         }
       }, props.delay);
@@ -647,10 +680,32 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     }
   };
 
+  var onResize = function onResize() {
+    if (resizeTimeout.current) {
+      clearTimeout(resizeTimeout.current);
+    }
+
+    resizeTimeout.current = setTimeout(function () {
+      if (elementRef.current) {
+        var _ref = [utils.DomHandler.getWidth(elementRef.current), utils.DomHandler.getHeight(elementRef.current)],
+            width = _ref[0],
+            height = _ref[1];
+        var isDiffWidth = width !== defaultWidth.current,
+            isDiffHeight = height !== defaultHeight.current;
+        var reinit = both ? isDiffWidth || isDiffHeight : horizontal ? isDiffWidth : vertical ? isDiffHeight : false;
+
+        if (reinit) {
+          setNumToleratedItemsState(props.numToleratedItems);
+          defaultWidth.current = width;
+          defaultHeight.current = height;
+        }
+      }
+    }, props.resizeDelay);
+  };
+
   var getOptions = function getOptions(renderedIndex) {
-    var first = firstState;
     var count = (props.items || []).length;
-    var index = both ? first.rows + renderedIndex : first + renderedIndex;
+    var index = both ? firstState.rows + renderedIndex : firstState + renderedIndex;
     return {
       index: index,
       count: count,
@@ -688,25 +743,48 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   };
 
   var init = function init() {
-    setSize();
-    calculateOptions();
-    setSpacerSize();
+    if (!props.disabled) {
+      setSize();
+      calculateOptions();
+      setSpacerSize();
+    }
   };
 
   hooks.useMountEffect(function () {
-    init();
+    if (!props.disabled) {
+      init();
+      bindWindowResizeListener();
+      bindOrientationChangeListener();
+      defaultWidth.current = utils.DomHandler.getWidth(elementRef.current);
+      defaultHeight.current = utils.DomHandler.getHeight(elementRef.current);
+    }
   });
   hooks.useUpdateEffect(function () {
     init();
   }, [props.itemSize, props.scrollHeight]);
+  hooks.useUpdateEffect(function () {
+    if (props.numToleratedItems !== numToleratedItemsState) {
+      setNumToleratedItemsState(props.numToleratedItems);
+    }
+  }, [props.numToleratedItems]);
+  hooks.useUpdateEffect(function () {
+    if (props.numToleratedItems === numToleratedItemsState) {
+      init(); // reinit after resizing
+    }
+  }, [numToleratedItemsState]);
   hooks.useUpdateEffect(function () {
     if (!prevItems || prevItems.length !== (props.items || []).length) {
       init();
     }
 
+    var loading = loadingState;
+
     if (props.lazy && prevLoading !== props.loading && props.loading !== loadingState) {
       setLoadingState(props.loading);
+      loading = props.loading;
     }
+
+    calculateAutoSize(loading);
   });
   hooks.useUpdateEffect(function () {
     lastScrollPos.current = both ? {
@@ -715,12 +793,13 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     } : 0;
   }, [props.orientation]);
   React__namespace.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
+      getElementRef: getElementRef,
       scrollTo: scrollTo,
       scrollToIndex: scrollToIndex,
       scrollInView: scrollInView,
       getRenderedRange: getRenderedRange
-    };
+    }, props);
   });
 
   var createLoaderItem = function createLoaderItem(index) {
@@ -747,6 +826,13 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
             numCols: numItemsInViewportState.cols
           });
         });
+      } else if (props.loaderIconTemplate) {
+        var defaultContentOptions = {
+          className: 'p-virtualscroller-loading-icon',
+          element: content,
+          props: props
+        };
+        content = utils.ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
       }
 
       return /*#__PURE__*/React__namespace.createElement("div", {
@@ -803,7 +889,7 @@ var VirtualScroller = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         stickyRef: function stickyRef(el) {
           return _stickyRef.current = utils.ObjectUtils.getRefElement(el);
         },
-        items: loadedItems,
+        items: loadedItems(),
         getItemOptions: function getItemOptions(index) {
           return getOptions(index);
         },
@@ -869,14 +955,17 @@ VirtualScroller.defaultProps = {
   orientation: 'vertical',
   numToleratedItems: null,
   delay: 0,
+  resizeDelay: 10,
   lazy: false,
   disabled: false,
   loaderDisabled: false,
   columns: null,
-  loading: false,
+  loading: undefined,
+  autoSize: false,
   showSpacer: true,
   showLoader: false,
   loadingTemplate: null,
+  loaderIconTemplate: null,
   itemTemplate: null,
   contentTemplate: null,
   onScroll: null,

package/virtualscroller/virtualscroller.cjs.min.js

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

package/virtualscroller/virtualscroller.d.ts

@@ -12,6 +12,8 @@ type VirtualScrollerToType = 'to-start' | 'to-end';
 
 type VirtualScrollerLoadingTemplateType = React.ReactNode | ((options: VirtualScrollerLoadingTemplateOptions) => React.ReactNode);
 
+type VirtualScrollerLoaderIconTemplateType = React.ReactNode | ((options: VirtualScrollerLoaderIconTemplateOptions) => React.ReactNode);
+
 type VirtualScrollerItemTemplateType = React.ReactNode | ((item: any, options: VirtualScrollerTemplateOptions) => React.ReactNode);
 
 type VirtualScrollerContentTemplateType = React.ReactNode | ((options: VirtualScrollerContentTemplateOptions) => React.ReactNode);
@@ -57,6 +59,12 @@ interface VirtualScrollerLoadingTemplateOptions extends VirtualScrollerTemplateO
     [key: string]: any;
 }
 
+interface VirtualScrollerLoaderIconTemplateOptions {
+    className: string;
+    element: JSX.Element;
+    props: VirtualScrollerProps;
+}
+
 interface VirtualScrollerContentTemplateOptions {
     className: string;
     contentRef: any;
@@ -96,14 +104,17 @@ export interface VirtualScrollerProps {
     orientation?: VirtualScrollerOrientationType;
     numToleratedItems?: number;
     delay?: number;
+    resizeDelay?: number;
     lazy?: boolean;
     disabled?: boolean;
     loaderDisabled?: boolean;
     columns?: any;
     loading?: boolean;
+    autoSize?: boolean;
     showSpacer?: boolean;
     showLoader?: boolean;
     loadingTemplate?: VirtualScrollerLoadingTemplateType;
+    loaderIconTemplate?: VirtualScrollerLoaderIconTemplateType;
     itemTemplate?: VirtualScrollerItemTemplateType;
     contentTemplate?: VirtualScrollerContentTemplateType;
     onScroll?(e: React.UIEvent<HTMLElement>): void;
@@ -113,6 +124,7 @@ export interface VirtualScrollerProps {
 }
 
 export declare class VirtualScroller extends React.Component<VirtualScrollerProps, any> {
+    public getElementRef(): React.Ref<HTMLDivElement>;
     public scrollTo(options: VirtualScrollerOptionsType): void;
     public scrollToIndex(index: VirtualScrollerToIndexType, behavior?: VirtualScrollerScrollBehavior): void;
     public scrollInView(index: VirtualScrollerToIndexType, to: VirtualScrollerToType, behavior?: VirtualScrollerScrollBehavior): void;