@pega/lists-react 8.0.0-build.27.14

package/lib/Core/Components/Virtualise/VirtualizeInfinite.js

@@ -0,0 +1,328 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useEffect, useRef, useCallback, useImperativeHandle, useMemo, useLayoutEffect, useState } from 'react';
+import Styled from 'styled-components';
+import PropTypes from 'prop-types';
+import { Progress, usePrevious } from '@pega/cosmos-react-core';
+import EmptyContainer from '../DefaultComponents/EmptyContainer';
+import useTranslate from '../../Hooks/useTranslate';
+import getPaginationInfo from './Pagination';
+import useScroll from './UseScroll';
+import { getCurrentEstimation, getRecordCountForLayoutPaint, getValueWithUnit, getMaxHeight, isPaginationRequestCompleted, isViewNotFilled, setAttributesOnItems, updateRowContainerTop } from './utility';
+import useResizeObserver from './UseResizeObserver';
+function getBContainerMinHeight(props) {
+    return props.$style.renderFooter ? `calc(100% - ${2 * props.$style.itemHeight + 1}px) ` : '0';
+}
+const StyledPContainer = Styled.div `
+          position: relative;
+          overflow: auto;
+          max-height: ${props => props.$style.maxHeight};
+          width: ${props => props.$style.width};
+          height: ${props => props.$style.height};
+          min-height: ${props => props.$style.minHeight};
+
+          .bContainer {
+            position: relative;
+            min-height: ${props => getBContainerMinHeight(props)};
+          }
+`;
+const StyledLoader = Styled.div `
+        display: flex;
+        justify-content: center;
+        padding: 0.5rem;
+        position: absolute;
+        width: 100%;
+        top: ${props => props.$style.top};
+        bottom: ${props => props.$style.bottom};
+`;
+const VirtualizeInfinite = forwardRef(({ id, viewHeight, viewWidth, itemHeight, callback, rowContainerClass, children, renderHeader, renderFooter, state, bufferMultiplier, basicMode, numberOfRows, viewMaxHeight, showLoadingIndicator, resetCount, countUpdateCallback }, inputRef) => {
+    const rowBuffer = 5;
+    const previousChildren = usePrevious(children);
+    const [rContainerDimensionUpdate, setRContainerDimensionUpdate] = useState();
+    const [isFetching, setIsFetching] = useState(false);
+    const [loadingIndicatorInfo, setLoadingIndicatorInfo] = useState({});
+    const [translate] = useTranslate();
+    // Create ref to store virtualize related data.
+    const vi = useRef({
+        itemHeight,
+        bufferMultiplier,
+        pInfo: {},
+        hasEndReached: false,
+        totalRowsLoaded: undefined
+    }).current;
+    const getTotalRowsIncludingBuffer = useCallback(() => {
+        if (vi.totalRowsLoaded !== null && vi.totalRowsLoaded !== undefined) {
+            return vi.hasEndReached || isFetching ? vi.totalRowsLoaded : vi.totalRowsLoaded + rowBuffer;
+        }
+        return undefined;
+    }, [vi, isFetching]);
+    const getRowContainer = useCallback(() => vi.rContainer, [vi.rContainer]);
+    const getPContainer = useCallback(() => vi.pContainer, [vi.pContainer]);
+    const getBContainer = useCallback(() => vi.bContainer, [vi.bContainer]);
+    // API used when user want to scroll to top programmatically.
+    // Though component auto scroll to top if no element is in view.
+    // But calling this API upfront might save one extra call to Fetch API.
+    const scrollToTop = useCallback(cb => {
+        if (!state)
+            return;
+        getPContainer().scrollTop = 0;
+        vi.pInfo = getPaginationInfo(getPContainer(), getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()), vi, false, true);
+        setIsFetching(true);
+        cb({ ...vi.pInfo.view, id }, { takeLatestAction: true });
+    }, [id, vi, state, getPContainer]);
+    // expose APIs and properties here to help client to communicate.
+    useImperativeHandle(inputRef, () => ({
+        getParentContainer: getPContainer,
+        scrollToTop,
+        vi,
+        id
+    }));
+    const { width, height } = useMemo(() => ({
+        width: getValueWithUnit(viewWidth, basicMode, numberOfRows),
+        height: getValueWithUnit(viewHeight, basicMode, numberOfRows)
+    }), [viewWidth, viewHeight, basicMode, numberOfRows]);
+    const maxHeight = useMemo(() => getMaxHeight(viewMaxHeight, basicMode), [basicMode, viewMaxHeight]);
+    // Calculate the pagination indexes and notify callback.
+    // resetIsFetchingWhenNoNewIndexes - flag specific for isViewNotFilled
+    // If view is not filled, we want to call this but resting isFetch to false
+    // goes to this method when callback is note fired.
+    const getPagination = useCallback((isRefresh = false, resetIsFetchingWhenNoNewIndexes = false) => {
+        if (!isFetching || resetIsFetchingWhenNoNewIndexes) {
+            const pInfo = getPaginationInfo(getPContainer(), getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()), vi, isRefresh, true);
+            const { startIndex, endIndex } = pInfo.view;
+            // if new indexes are subset of existing state indexes, no need to update the consumer.
+            if (isRefresh ||
+                !state ||
+                !(startIndex >= state.startIndex && endIndex <= state.endIndex)) {
+                vi.pInfo = pInfo;
+                setIsFetching(true);
+                if (state) {
+                    const { startIndex: oldStartIndex, endIndex: oldEndIndex } = state;
+                    if (startIndex < oldStartIndex) {
+                        setLoadingIndicatorInfo(info => {
+                            return { ...info, isScrollingUp: true };
+                        });
+                    }
+                    if (endIndex > oldEndIndex) {
+                        setLoadingIndicatorInfo(info => {
+                            return { ...info, isScrollingDown: true };
+                        });
+                    }
+                }
+                callback({ ...vi.pInfo.view, id });
+            }
+            else if (resetIsFetchingWhenNoNewIndexes) {
+                setIsFetching(false);
+                setLoadingIndicatorInfo({});
+            }
+        }
+    }, [isFetching, getPContainer, getTotalRowsIncludingBuffer, vi, state, callback, id]);
+    // update average stats for next calculation.
+    const updateAvarageInVirtualizeInstance = useCallback(currentEstimation => {
+        const { itemCount, rowContainerHeight, averageNumberOfItemsInARow, averageRowHeight } = currentEstimation;
+        Object.assign(vi, {
+            itemCount: (itemCount + vi.itemCount || itemCount) / 2,
+            rowContainerHeight: (rowContainerHeight + vi.rowContainerHeight || rowContainerHeight) / 2,
+            averageNumberOfItemsInARow: (averageNumberOfItemsInARow + vi.averageNumberOfItemsInARow ||
+                averageNumberOfItemsInARow) / 2,
+            averageRowHeight: (averageRowHeight + vi.averageRowHeight || averageRowHeight) / 2
+        });
+    }, [vi]);
+    const getBufferHeight = useCallback(currentEstimation => {
+        const { itemCount, rowContainerHeight } = currentEstimation;
+        let h = 0;
+        if (itemCount > 0)
+            h =
+                (getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()) / itemCount) *
+                    rowContainerHeight;
+        return h;
+    }, [getTotalRowsIncludingBuffer]);
+    const getScrollTop = useCallback(currentEstimation => {
+        const { itemCount, rowContainerHeight } = currentEstimation;
+        let scrollTop = 0;
+        if (itemCount > 0) {
+            const scrollNodeTopChange = 
+            // eslint-disable-next-line no-unsafe-optional-chaining
+            vi.pInfo?.bufferNewCords?.top - vi.pInfo?.bufferOldCords?.top || 0;
+            scrollTop = (vi.pInfo.topRowIndex / itemCount) * rowContainerHeight - scrollNodeTopChange;
+        }
+        return scrollTop;
+    }, [vi]);
+    const onRowContainerDimensionChange = useCallback(() => {
+        const { height: rowContainerHeight, width: rowContainerWidth } = getRowContainer()?.getBoundingClientRect() ?? {};
+        // trigger virtualizer operations only when row container has some height and width
+        if (!isFetching && rowContainerHeight && rowContainerWidth)
+            setRContainerDimensionUpdate({});
+    }, [isFetching]);
+    useResizeObserver(getRowContainer, onRowContainerDimensionChange);
+    const [updateScrollTop] = useScroll(getPagination, getPContainer, vi, getTotalRowsIncludingBuffer(), renderHeader, isFetching, viewHeight);
+    useLayoutEffect(() => {
+        const rContainer = getRowContainer();
+        if (state && state.startIndex >= 0 && vi && rContainer) {
+            setAttributesOnItems(state, rContainer);
+        }
+    });
+    useLayoutEffect(() => {
+        if (!state || !isPaginationRequestCompleted(vi, state) || children === previousChildren)
+            return;
+        // if count updated, reset the calculations
+        if (resetCount) {
+            vi.totalRowsLoaded = 0;
+            vi.hasEndReached = false;
+        }
+        const rowElements = Array.from(getRowContainer().children || []).filter(a => a.hasAttribute('data-key'));
+        // if fetching is not happening and there are no rows on DOM means there are no more records
+        // And it is possible that, due to intermediate render, we have the state but data fetching isn't completed and rows are still not painted on dom,
+        // hence we can't decide virtualizer has reached end (hence do not set "hasEndReached" to true here)
+        if (!isFetching && !rowElements.length) {
+            vi.totalRowsLoaded = 0;
+            countUpdateCallback(vi.totalRowsLoaded);
+            return;
+        }
+        if (rowElements.length) {
+            const lastRow = rowElements[rowElements.length - 1];
+            const lastRowDataIndex = parseInt(lastRow.getAttribute('data-index'), 10);
+            const newCount = vi.hasEndReached ? lastRowDataIndex + 1 : lastRowDataIndex + 1 + rowBuffer;
+            // if user is scrolling up/down within the already encountered records, the record count shouldn't update
+            if (newCount < getTotalRowsIncludingBuffer() && !resetCount)
+                return;
+            // Using vi.totalRowsLoaded === undefined and !vi.direction checks for initial load
+            if ((vi.totalRowsLoaded === undefined || lastRowDataIndex >= vi.totalRowsLoaded - 1) &&
+                lastRowDataIndex < state.endIndex &&
+                (vi.direction === 1 || !vi.direction || resetCount)) {
+                vi.hasEndReached = true;
+            }
+            vi.totalRowsLoaded = lastRowDataIndex + 1;
+            countUpdateCallback(vi.totalRowsLoaded);
+        }
+    }, [
+        vi,
+        state,
+        children,
+        isFetching,
+        resetCount,
+        previousChildren,
+        countUpdateCallback,
+        rContainerDimensionUpdate,
+        getRowContainer,
+        getTotalRowsIncludingBuffer
+    ]);
+    // Get estimate and update buffer height
+    useLayoutEffect(() => {
+        if (state &&
+            getTotalRowsIncludingBuffer() !== undefined &&
+            getTotalRowsIncludingBuffer() !== null) {
+            vi.currentEstimation = getCurrentEstimation(getRowContainer(), true);
+            updateAvarageInVirtualizeInstance(vi.currentEstimation);
+            const h = getBufferHeight(vi.currentEstimation);
+            getBContainer().style.height = `${h}px`;
+        }
+    }, [
+        vi,
+        state,
+        children,
+        rContainerDimensionUpdate,
+        getBContainer,
+        getBufferHeight,
+        getRowContainer,
+        getTotalRowsIncludingBuffer,
+        updateAvarageInVirtualizeInstance
+    ]);
+    useLayoutEffect(() => {
+        if (getTotalRowsIncludingBuffer() !== undefined &&
+            getTotalRowsIncludingBuffer() !== null &&
+            isPaginationRequestCompleted(vi, state)) {
+            const pContainer = getPContainer();
+            const scrollTop = getScrollTop(vi.currentEstimation);
+            if (vi.pInfo.view.startIndex !== 0)
+                pContainer.scrollTop = scrollTop;
+            // Setting scrollTop from pContainer.scrollTop as getScrollTop can return value with higher decimal accuracy.
+            // but scrollTop attribute from HTML element will round it automatically.
+            updateScrollTop(pContainer.scrollTop);
+            updateRowContainerTop(vi, getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()), state, pContainer, pContainer.scrollTop);
+        }
+    }, [vi, state, getScrollTop, getPContainer, updateScrollTop, getTotalRowsIncludingBuffer]);
+    // On mount that means state is not initialized yet, trigger pagination.
+    // or whenever count changes or width /height of view port changes, if view is not filled with data, get indexes again.
+    useEffect(() => {
+        if (state && isPaginationRequestCompleted(vi, state)) {
+            if (getTotalRowsIncludingBuffer() !== undefined &&
+                getTotalRowsIncludingBuffer() !== null &&
+                isViewNotFilled(getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()), vi, getPContainer(), renderHeader)) {
+                getPagination(false, true);
+            }
+            else {
+                setIsFetching(false);
+                setLoadingIndicatorInfo({});
+            }
+        }
+        else if (!state || !Object.keys(vi.pInfo).length) {
+            getPagination(true);
+        }
+    }, [
+        vi,
+        state,
+        children,
+        viewWidth,
+        viewHeight,
+        renderHeader,
+        rContainerDimensionUpdate,
+        getPagination,
+        getPContainer,
+        getTotalRowsIncludingBuffer
+    ]);
+    return (_jsxs(StyledPContainer, { "$style": {
+            maxHeight,
+            minHeight: basicMode && vi.totalRowsLoaded === 0 ? '100px' : 'auto',
+            renderFooter,
+            itemHeight,
+            height,
+            width
+        }, "data-total-records": vi.totalRowsLoaded, className: 'pContainer', ref: c => {
+            vi.pContainer = c;
+        }, children: [renderHeader && renderHeader(), _jsx("div", { className: 'bContainer', ref: c => {
+                    vi.bContainer = c;
+                }, children: _jsxs("div", { className: `${rowContainerClass} row-container`, ref: c => {
+                        vi.rContainer = c;
+                    }, role: 'rowgroup', children: [showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingUp && (_jsx(StyledLoader, { "$style": { bottom: '100%' }, children: _jsx(Progress, { className: 'above-loader', placement: 'block', tabIndex: 0, "aria-label": translate('Loading more results') }) })), children, showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingDown && (_jsx(StyledLoader, { "$style": { top: '100%' }, children: _jsx(Progress, { className: 'below-loader', placement: 'block', tabIndex: 0, "aria-label": translate('Loading more results') }) }))] }) }), vi.totalRowsLoaded === 0 ? _jsx(EmptyContainer, {}) : null, renderFooter && renderFooter()] }));
+});
+VirtualizeInfinite.propTypes = {
+    id: PropTypes.string.isRequired,
+    viewHeight: PropTypes.number,
+    viewWidth: PropTypes.number,
+    itemHeight: PropTypes.number,
+    callback: PropTypes.func,
+    rowContainerClass: PropTypes.string,
+    children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,
+    renderHeader: PropTypes.func,
+    renderFooter: PropTypes.func,
+    state: PropTypes.shape({
+        startIndex: PropTypes.number,
+        endIndex: PropTypes.number
+    }),
+    bufferMultiplier: PropTypes.number,
+    basicMode: PropTypes.bool.isRequired,
+    numberOfRows: PropTypes.number,
+    viewMaxHeight: PropTypes.string,
+    showLoadingIndicator: PropTypes.bool,
+    resetCount: PropTypes.bool,
+    countUpdateCallback: PropTypes.func
+};
+VirtualizeInfinite.defaultProps = {
+    bufferMultiplier: 1,
+    callback: () => { },
+    rowContainerClass: '',
+    viewHeight: 400,
+    viewWidth: 0,
+    itemHeight: 40,
+    renderHeader: null,
+    renderFooter: null,
+    state: undefined,
+    numberOfRows: undefined,
+    viewMaxHeight: undefined,
+    showLoadingIndicator: false,
+    resetCount: false,
+    countUpdateCallback: () => { }
+};
+VirtualizeInfinite.displayName = 'VirtualizeInfinite';
+export default memo(VirtualizeInfinite);
+//# sourceMappingURL=VirtualizeInfinite.js.map

package/lib/Core/Components/Virtualise/VirtualizeInfinite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizeInfinite.js","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/VirtualizeInfinite.jsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  memo,\n  useEffect,\n  useRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useLayoutEffect,\n  useState\n} from 'react';\nimport Styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport { Progress, usePrevious } from '@pega/cosmos-react-core';\n\nimport EmptyContainer from '../DefaultComponents/EmptyContainer';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport getPaginationInfo from './Pagination';\nimport useScroll from './UseScroll';\nimport {\n  getCurrentEstimation,\n  getRecordCountForLayoutPaint,\n  getValueWithUnit,\n  getMaxHeight,\n  isPaginationRequestCompleted,\n  isViewNotFilled,\n  setAttributesOnItems,\n  updateRowContainerTop\n} from './utility';\nimport useResizeObserver from './UseResizeObserver';\n\nfunction getBContainerMinHeight(props) {\n  return props.$style.renderFooter ? `calc(100% - ${2 * props.$style.itemHeight + 1}px) ` : '0';\n}\n\nconst StyledPContainer = Styled.div`\n          position: relative;\n          overflow: auto;\n          max-height: ${props => props.$style.maxHeight};\n          width: ${props => props.$style.width};\n          height: ${props => props.$style.height};\n          min-height: ${props => props.$style.minHeight};\n\n          .bContainer {\n            position: relative;\n            min-height: ${props => getBContainerMinHeight(props)};\n          }\n`;\n\nconst StyledLoader = Styled.div`\n        display: flex;\n        justify-content: center;\n        padding: 0.5rem;\n        position: absolute;\n        width: 100%;\n        top: ${props => props.$style.top};\n        bottom: ${props => props.$style.bottom};\n`;\n\nconst VirtualizeInfinite = forwardRef(\n  (\n    {\n      id,\n      viewHeight,\n      viewWidth,\n      itemHeight,\n      callback,\n      rowContainerClass,\n      children,\n      renderHeader,\n      renderFooter,\n      state,\n      bufferMultiplier,\n      basicMode,\n      numberOfRows,\n      viewMaxHeight,\n      showLoadingIndicator,\n      resetCount,\n      countUpdateCallback\n    },\n    inputRef\n  ) => {\n    const rowBuffer = 5;\n\n    const previousChildren = usePrevious(children);\n\n    const [rContainerDimensionUpdate, setRContainerDimensionUpdate] = useState();\n    const [isFetching, setIsFetching] = useState(false);\n    const [loadingIndicatorInfo, setLoadingIndicatorInfo] = useState({});\n    const [translate] = useTranslate();\n\n    // Create ref to store virtualize related data.\n    const vi = useRef({\n      itemHeight,\n      bufferMultiplier,\n      pInfo: {},\n      hasEndReached: false,\n      totalRowsLoaded: undefined\n    }).current;\n\n    const getTotalRowsIncludingBuffer = useCallback(() => {\n      if (vi.totalRowsLoaded !== null && vi.totalRowsLoaded !== undefined) {\n        return vi.hasEndReached || isFetching ? vi.totalRowsLoaded : vi.totalRowsLoaded + rowBuffer;\n      }\n      return undefined;\n    }, [vi, isFetching]);\n\n    const getRowContainer = useCallback(() => vi.rContainer, [vi.rContainer]);\n    const getPContainer = useCallback(() => vi.pContainer, [vi.pContainer]);\n    const getBContainer = useCallback(() => vi.bContainer, [vi.bContainer]);\n\n    // API used when user want to scroll to top programmatically.\n    // Though component auto scroll to top if no element is in view.\n    // But calling this API upfront might save one extra call to Fetch API.\n    const scrollToTop = useCallback(\n      cb => {\n        if (!state) return;\n        getPContainer().scrollTop = 0;\n        vi.pInfo = getPaginationInfo(\n          getPContainer(),\n          getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()),\n          vi,\n          false,\n          true\n        );\n        setIsFetching(true);\n        cb({ ...vi.pInfo.view, id }, { takeLatestAction: true });\n      },\n      [id, vi, state, getPContainer]\n    );\n\n    // expose APIs and properties here to help client to communicate.\n    useImperativeHandle(inputRef, () => ({\n      getParentContainer: getPContainer,\n      scrollToTop,\n      vi,\n      id\n    }));\n\n    const { width, height } = useMemo(\n      () => ({\n        width: getValueWithUnit(viewWidth, basicMode, numberOfRows),\n        height: getValueWithUnit(viewHeight, basicMode, numberOfRows)\n      }),\n      [viewWidth, viewHeight, basicMode, numberOfRows]\n    );\n\n    const maxHeight = useMemo(\n      () => getMaxHeight(viewMaxHeight, basicMode),\n      [basicMode, viewMaxHeight]\n    );\n\n    // Calculate the pagination indexes and notify callback.\n    // resetIsFetchingWhenNoNewIndexes - flag specific for isViewNotFilled\n    // If view is not filled, we want to call this but resting isFetch to false\n    // goes to this method when callback is note fired.\n    const getPagination = useCallback(\n      (isRefresh = false, resetIsFetchingWhenNoNewIndexes = false) => {\n        if (!isFetching || resetIsFetchingWhenNoNewIndexes) {\n          const pInfo = getPaginationInfo(\n            getPContainer(),\n            getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()),\n            vi,\n            isRefresh,\n            true\n          );\n          const { startIndex, endIndex } = pInfo.view;\n          // if new indexes are subset of existing state indexes, no need to update the consumer.\n          if (\n            isRefresh ||\n            !state ||\n            !(startIndex >= state.startIndex && endIndex <= state.endIndex)\n          ) {\n            vi.pInfo = pInfo;\n            setIsFetching(true);\n            if (state) {\n              const { startIndex: oldStartIndex, endIndex: oldEndIndex } = state;\n              if (startIndex < oldStartIndex) {\n                setLoadingIndicatorInfo(info => {\n                  return { ...info, isScrollingUp: true };\n                });\n              }\n              if (endIndex > oldEndIndex) {\n                setLoadingIndicatorInfo(info => {\n                  return { ...info, isScrollingDown: true };\n                });\n              }\n            }\n\n            callback({ ...vi.pInfo.view, id });\n          } else if (resetIsFetchingWhenNoNewIndexes) {\n            setIsFetching(false);\n            setLoadingIndicatorInfo({});\n          }\n        }\n      },\n      [isFetching, getPContainer, getTotalRowsIncludingBuffer, vi, state, callback, id]\n    );\n\n    // update average stats for next calculation.\n    const updateAvarageInVirtualizeInstance = useCallback(\n      currentEstimation => {\n        const { itemCount, rowContainerHeight, averageNumberOfItemsInARow, averageRowHeight } =\n          currentEstimation;\n        Object.assign(vi, {\n          itemCount: (itemCount + vi.itemCount || itemCount) / 2,\n          rowContainerHeight:\n            (rowContainerHeight + vi.rowContainerHeight || rowContainerHeight) / 2,\n          averageNumberOfItemsInARow:\n            (averageNumberOfItemsInARow + vi.averageNumberOfItemsInARow ||\n              averageNumberOfItemsInARow) / 2,\n          averageRowHeight: (averageRowHeight + vi.averageRowHeight || averageRowHeight) / 2\n        });\n      },\n      [vi]\n    );\n\n    const getBufferHeight = useCallback(\n      currentEstimation => {\n        const { itemCount, rowContainerHeight } = currentEstimation;\n        let h = 0;\n        if (itemCount > 0)\n          h =\n            (getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()) / itemCount) *\n            rowContainerHeight;\n        return h;\n      },\n      [getTotalRowsIncludingBuffer]\n    );\n\n    const getScrollTop = useCallback(\n      currentEstimation => {\n        const { itemCount, rowContainerHeight } = currentEstimation;\n        let scrollTop = 0;\n        if (itemCount > 0) {\n          const scrollNodeTopChange =\n            // eslint-disable-next-line no-unsafe-optional-chaining\n            vi.pInfo?.bufferNewCords?.top - vi.pInfo?.bufferOldCords?.top || 0;\n          scrollTop = (vi.pInfo.topRowIndex / itemCount) * rowContainerHeight - scrollNodeTopChange;\n        }\n        return scrollTop;\n      },\n      [vi]\n    );\n\n    const onRowContainerDimensionChange = useCallback(() => {\n      const { height: rowContainerHeight, width: rowContainerWidth } =\n        getRowContainer()?.getBoundingClientRect() ?? {};\n      // trigger virtualizer operations only when row container has some height and width\n      if (!isFetching && rowContainerHeight && rowContainerWidth) setRContainerDimensionUpdate({});\n    }, [isFetching]);\n\n    useResizeObserver(getRowContainer, onRowContainerDimensionChange);\n\n    const [updateScrollTop] = useScroll(\n      getPagination,\n      getPContainer,\n      vi,\n      getTotalRowsIncludingBuffer(),\n      renderHeader,\n      isFetching,\n      viewHeight\n    );\n\n    useLayoutEffect(() => {\n      const rContainer = getRowContainer();\n      if (state && state.startIndex >= 0 && vi && rContainer) {\n        setAttributesOnItems(state, rContainer);\n      }\n    });\n\n    useLayoutEffect(() => {\n      if (!state || !isPaginationRequestCompleted(vi, state) || children === previousChildren)\n        return;\n\n      // if count updated, reset the calculations\n      if (resetCount) {\n        vi.totalRowsLoaded = 0;\n        vi.hasEndReached = false;\n      }\n\n      const rowElements = Array.from(getRowContainer().children || []).filter(a =>\n        a.hasAttribute('data-key')\n      );\n\n      // if fetching is not happening and there are no rows on DOM means there are no more records\n      // And it is possible that, due to intermediate render, we have the state but data fetching isn't completed and rows are still not painted on dom,\n      // hence we can't decide virtualizer has reached end (hence do not set \"hasEndReached\" to true here)\n      if (!isFetching && !rowElements.length) {\n        vi.totalRowsLoaded = 0;\n        countUpdateCallback(vi.totalRowsLoaded);\n        return;\n      }\n\n      if (rowElements.length) {\n        const lastRow = rowElements[rowElements.length - 1];\n        const lastRowDataIndex = parseInt(lastRow.getAttribute('data-index'), 10);\n        const newCount = vi.hasEndReached ? lastRowDataIndex + 1 : lastRowDataIndex + 1 + rowBuffer;\n\n        // if user is scrolling up/down within the already encountered records, the record count shouldn't update\n        if (newCount < getTotalRowsIncludingBuffer() && !resetCount) return;\n\n        // Using vi.totalRowsLoaded === undefined and !vi.direction checks for initial load\n        if (\n          (vi.totalRowsLoaded === undefined || lastRowDataIndex >= vi.totalRowsLoaded - 1) &&\n          lastRowDataIndex < state.endIndex &&\n          (vi.direction === 1 || !vi.direction || resetCount)\n        ) {\n          vi.hasEndReached = true;\n        }\n\n        vi.totalRowsLoaded = lastRowDataIndex + 1;\n        countUpdateCallback(vi.totalRowsLoaded);\n      }\n    }, [\n      vi,\n      state,\n      children,\n      isFetching,\n      resetCount,\n      previousChildren,\n      countUpdateCallback,\n      rContainerDimensionUpdate,\n      getRowContainer,\n      getTotalRowsIncludingBuffer\n    ]);\n\n    // Get estimate and update buffer height\n    useLayoutEffect(() => {\n      if (\n        state &&\n        getTotalRowsIncludingBuffer() !== undefined &&\n        getTotalRowsIncludingBuffer() !== null\n      ) {\n        vi.currentEstimation = getCurrentEstimation(getRowContainer(), true);\n        updateAvarageInVirtualizeInstance(vi.currentEstimation);\n        const h = getBufferHeight(vi.currentEstimation);\n        getBContainer().style.height = `${h}px`;\n      }\n    }, [\n      vi,\n      state,\n      children,\n      rContainerDimensionUpdate,\n      getBContainer,\n      getBufferHeight,\n      getRowContainer,\n      getTotalRowsIncludingBuffer,\n      updateAvarageInVirtualizeInstance\n    ]);\n\n    useLayoutEffect(() => {\n      if (\n        getTotalRowsIncludingBuffer() !== undefined &&\n        getTotalRowsIncludingBuffer() !== null &&\n        isPaginationRequestCompleted(vi, state)\n      ) {\n        const pContainer = getPContainer();\n        const scrollTop = getScrollTop(vi.currentEstimation);\n        if (vi.pInfo.view.startIndex !== 0) pContainer.scrollTop = scrollTop;\n\n        // Setting scrollTop from pContainer.scrollTop as getScrollTop can return value with higher decimal accuracy.\n        // but scrollTop attribute from HTML element will round it automatically.\n        updateScrollTop(pContainer.scrollTop);\n        updateRowContainerTop(\n          vi,\n          getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()),\n          state,\n          pContainer,\n          pContainer.scrollTop\n        );\n      }\n    }, [vi, state, getScrollTop, getPContainer, updateScrollTop, getTotalRowsIncludingBuffer]);\n\n    // On mount that means state is not initialized yet, trigger pagination.\n    // or whenever count changes or width /height of view port changes, if view is not filled with data, get indexes again.\n    useEffect(() => {\n      if (state && isPaginationRequestCompleted(vi, state)) {\n        if (\n          getTotalRowsIncludingBuffer() !== undefined &&\n          getTotalRowsIncludingBuffer() !== null &&\n          isViewNotFilled(\n            getRecordCountForLayoutPaint(getTotalRowsIncludingBuffer()),\n            vi,\n            getPContainer(),\n            renderHeader\n          )\n        ) {\n          getPagination(false, true);\n        } else {\n          setIsFetching(false);\n          setLoadingIndicatorInfo({});\n        }\n      } else if (!state || !Object.keys(vi.pInfo).length) {\n        getPagination(true);\n      }\n    }, [\n      vi,\n      state,\n      children,\n      viewWidth,\n      viewHeight,\n      renderHeader,\n      rContainerDimensionUpdate,\n      getPagination,\n      getPContainer,\n      getTotalRowsIncludingBuffer\n    ]);\n\n    return (\n      <StyledPContainer\n        $style={{\n          maxHeight,\n          minHeight: basicMode && vi.totalRowsLoaded === 0 ? '100px' : 'auto',\n          renderFooter,\n          itemHeight,\n          height,\n          width\n        }}\n        data-total-records={vi.totalRowsLoaded}\n        className='pContainer'\n        ref={c => {\n          vi.pContainer = c;\n        }}\n      >\n        {renderHeader && renderHeader()}\n        <div\n          className='bContainer'\n          ref={c => {\n            vi.bContainer = c;\n          }}\n        >\n          <div\n            className={`${rowContainerClass} row-container`}\n            ref={c => {\n              vi.rContainer = c;\n            }}\n            role='rowgroup'\n          >\n            {showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingUp && (\n              <StyledLoader $style={{ bottom: '100%' }}>\n                <Progress\n                  className='above-loader'\n                  placement='block'\n                  tabIndex={0}\n                  aria-label={translate('Loading more results')}\n                />\n              </StyledLoader>\n            )}\n            {children}\n            {showLoadingIndicator && isFetching && loadingIndicatorInfo.isScrollingDown && (\n              <StyledLoader $style={{ top: '100%' }}>\n                <Progress\n                  className='below-loader'\n                  placement='block'\n                  tabIndex={0}\n                  aria-label={translate('Loading more results')}\n                />\n              </StyledLoader>\n            )}\n          </div>\n        </div>\n        {vi.totalRowsLoaded === 0 ? <EmptyContainer /> : null}\n        {renderFooter && renderFooter()}\n      </StyledPContainer>\n    );\n  }\n);\n\nVirtualizeInfinite.propTypes = {\n  id: PropTypes.string.isRequired,\n  viewHeight: PropTypes.number,\n  viewWidth: PropTypes.number,\n  itemHeight: PropTypes.number,\n  callback: PropTypes.func,\n  rowContainerClass: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n  renderHeader: PropTypes.func,\n  renderFooter: PropTypes.func,\n  state: PropTypes.shape({\n    startIndex: PropTypes.number,\n    endIndex: PropTypes.number\n  }),\n  bufferMultiplier: PropTypes.number,\n  basicMode: PropTypes.bool.isRequired,\n  numberOfRows: PropTypes.number,\n  viewMaxHeight: PropTypes.string,\n  showLoadingIndicator: PropTypes.bool,\n  resetCount: PropTypes.bool,\n  countUpdateCallback: PropTypes.func\n};\n\nVirtualizeInfinite.defaultProps = {\n  bufferMultiplier: 1,\n  callback: () => {},\n  rowContainerClass: '',\n  viewHeight: 400,\n  viewWidth: 0,\n  itemHeight: 40,\n  renderHeader: null,\n  renderFooter: null,\n  state: undefined,\n  numberOfRows: undefined,\n  viewMaxHeight: undefined,\n  showLoadingIndicator: false,\n  resetCount: false,\n  countUpdateCallback: () => {}\n};\n\nVirtualizeInfinite.displayName = 'VirtualizeInfinite';\n\nexport default memo(VirtualizeInfinite);\n"]}

package/lib/Core/Components/Virtualise/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/Core/Components/Virtualise/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Virtualise/index.jsx"],"names":[],"mappings":""}