@tap-payments/os-micro-frontend-shared 0.1.9-test.1-test.2 → 0.1.9-test.1-test.2-test.3

package/build/components/VirtualTables/SheetViewVirtualTable/SheetViewVirtualTable.js

@@ -16,18 +16,12 @@ import { useSynchronizedScroll } from './hooks/useSynchronizedScroll';
 import { usePinnedWidths } from './hooks/usePinnedWidths';
 import { useSelection } from './hooks/useSelection';
 import { useSheetViewStates } from './hooks/useSheetViewStates';
-import { useSharedItemSize } from './hooks/useSharedItemSize';
 function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, rowHeight = 28, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout = 100, isPinnable = false, tableMode, }) {
     var _a;
     const [showBackDrop, setShowBackdrop] = useState(false);
     const theme = useTheme();
     const { pinnedStartColumns, pinnedEndColumns, handleColumnPin, pinnedStartColumnsData, pinnedEndColumnsData, unpinnedColumnsData, orderedColumns, lastColumnId, } = usePinnedColumns(columns, isPinnable, onColumnPin);
     const { pinnedStartVirtualListRef, scrollableVirtualListRef, pinnedEndVirtualListRef, handleScroll } = useSynchronizedScroll();
-    const { getItemSize, updateReferenceHeight } = useSharedItemSize({
-        rowsLength: rows.length,
-        areAllRowsLoaded,
-        rowHeight,
-    });
     const { selectedCell, selectedColumn, handleCellClick, handleColumnClick } = useSelection();
     const isDelayedFetchingNextPage = useDelayToSetValue({ value: isFetchingNextPage, delay: 1000 });
     const { isError, tableLoading, tableError, tableEmpty, hasTimeoutError, showNoDataView } = useSheetViewStates({
@@ -41,7 +35,7 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
     const renderPinnedColumn = (position, columnsData, columnsWidth, pinnedColumnsList) => {
         var _a;
         const listRef = position === 'start' ? pinnedStartVirtualListRef : pinnedEndVirtualListRef;
-        return (_jsx(PinnedColumnSection, { "data-testid": `SheetViewVirtualTable_PinnedColumnSection_${position}`, position: position, columnsData: columnsData, columnsWidth: columnsWidth, pinnedColumnsList: pinnedColumnsList, showHeader: showHeader, headerProps: headerProps, columnsSorting: columnsSorting, onColumnSort: onColumnSort, showBackDrop: showBackDrop, onColumnPin: handleColumnPin, isPinnable: isPinnable, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick, listRef: listRef, itemsCount: itemsCount, rows: rows, rowProps: rowProps, rowsLength: rows.length, loadMoreItems: loadMoreItems, threshold: threshold, areAllRowsLoaded: areAllRowsLoaded, rowHeight: rowHeight, scrollToIndex: scrollToIndex, totalCount: (_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount) !== null && _a !== void 0 ? _a : 0, isError: isError, isDelayedFetchingNextPage: Boolean(isDelayedFetchingNextPage), selectedCell: selectedCell, selectedColumnValue: selectedColumn, handleCellClick: handleCellClick, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, setShowBackdrop: setShowBackdrop, handleScroll: handleScroll, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout, getItemSize: getItemSize, tableTitle: tableTitle, areAllRowsLoadedDataAttr: !!areAllRowsLoaded, isFetchingNextPageDataAttr: !!isFetchingNextPage, isLoadingDataAttr: !!isLoading, hasTimeoutErrorDataAttr: !!hasTimeoutError, tableMode: tableMode, showNoDataView: showNoDataView }));
+        return (_jsx(PinnedColumnSection, { "data-testid": `SheetViewVirtualTable_PinnedColumnSection_${position}`, position: position, columnsData: columnsData, columnsWidth: columnsWidth, pinnedColumnsList: pinnedColumnsList, showHeader: showHeader, headerProps: headerProps, columnsSorting: columnsSorting, onColumnSort: onColumnSort, showBackDrop: showBackDrop, onColumnPin: handleColumnPin, isPinnable: isPinnable, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick, listRef: listRef, itemsCount: itemsCount, rows: rows, rowProps: rowProps, rowsLength: rows.length, loadMoreItems: loadMoreItems, threshold: threshold, areAllRowsLoaded: areAllRowsLoaded, rowHeight: rowHeight, scrollToIndex: scrollToIndex, totalCount: (_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount) !== null && _a !== void 0 ? _a : 0, isError: isError, isDelayedFetchingNextPage: Boolean(isDelayedFetchingNextPage), selectedCell: selectedCell, selectedColumnValue: selectedColumn, handleCellClick: handleCellClick, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, setShowBackdrop: setShowBackdrop, handleScroll: handleScroll, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout, tableTitle: tableTitle, areAllRowsLoadedDataAttr: !!areAllRowsLoaded, isFetchingNextPageDataAttr: !!isFetchingNextPage, isLoadingDataAttr: !!isLoading, hasTimeoutErrorDataAttr: !!hasTimeoutError, tableMode: tableMode, showNoDataView: showNoDataView }));
     };
     const onPointerDown = (e) => {
         dragControls === null || dragControls === void 0 ? void 0 : dragControls.start(e);
@@ -49,6 +43,6 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
     return (_jsxs(_Fragment, { children: [_jsx(TableContainer, Object.assign({ "data-testid": "SheetViewVirtualTable_TableContainer" }, { children: showNoDataView ? (_jsx(NoDataSection, { "data-testid": "SheetViewVirtualTable_NoDataSection", showHeader: showHeader, headerProps: headerProps, columnsSorting: columnsSorting, onColumnSort: onColumnSort, showBackDrop: showBackDrop, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick, orderedColumns: orderedColumns, showNoDataView: showNoDataView, tableLoading: tableLoading, tableTitle: tableTitle, areAllRowsLoaded: areAllRowsLoaded, isFetchingNextPage: isFetchingNextPage, isLoading: isLoading, isError: isError, hasTimeoutError: hasTimeoutError, tableEmpty: tableEmpty, tableError: tableError, error: error, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps, tableBodyStyles: tableBodyStyles, tableMode: tableMode, scrollToIndex: scrollToIndex })) : (_jsxs(SheetViewVirtualTableWrapper, Object.assign({ "data-testid": "SheetViewVirtualTable_Wrapper" }, { children: [renderPinnedColumn('start', pinnedStartColumnsData, pinnedStartColumnsWidth, pinnedStartColumns), _jsx(MainTableWrapper, Object.assign({ hasPinnedStart: pinnedStartColumnsData.length > 0, hasPinnedEnd: pinnedEndColumnsData.length > 0, "data-testid": "SheetViewVirtualTable_MainTableWrapper" }, { children: _jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "data-title": tableTitle, "data-direction": theme.direction, "data-are-all-rows-loaded": !!areAllRowsLoaded, "data-is-fetching-next-page": !!isFetchingNextPage, "data-scroll-to-index": scrollToIndex, "data-is-loading": !!isLoading, "data-is-error": !!isError, "data-is-error-timeout": !!hasTimeoutError, "data-table-mode": tableMode, height: "100%", dir: theme.direction, showNoDataView: showNoDataView, scrollable: true }, { children: _jsxs(TableWrapper, Object.assign({ "data-testid": "SheetViewVirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: Object.assign(Object.assign({}, tableBodyStyles), { display: 'flex', flexDirection: 'column', height: '100%' }) }, { children: [showHeader && (_jsx(UnpinnedTableHeaderWrapper, Object.assign({ "data-testid": "SheetViewVirtualTable_UnpinnedTableHeaderWrapper" }, { children: _jsx(SheetViewTableHeader, { "data-testid": "SheetViewVirtualTable_UnpinnedTableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: unpinnedColumnsData, headerProps: headerProps, showBackDrop: showBackDrop, pinnedColumns: [...pinnedStartColumns, ...pinnedEndColumns], onColumnPin: handleColumnPin, isPinnable: isPinnable, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick }) }))), _jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", sx: {
                                                 width: '100%',
                                                 minWidth: 'fit-content',
-                                            } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": "SheetViewVirtualTable_ScrollableStyledBox", hidePadding: true, className: "list-wrapper" }, { children: _jsx(VirtualListSection, { "data-testid": "SheetViewVirtualTable_VirtualListSection_scrollable", containerKey: "scrollable", isPinned: false, listRef: scrollableVirtualListRef, columnsData: unpinnedColumnsData, itemsCount: itemsCount, rows: rows, rowProps: rowProps, rowsLength: rows.length, loadMoreItems: loadMoreItems, threshold: threshold, areAllRowsLoaded: areAllRowsLoaded, rowHeight: rowHeight, scrollToIndex: scrollToIndex, totalCount: (_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount) !== null && _a !== void 0 ? _a : 0, isError: isError, isDelayedFetchingNextPage: Boolean(isDelayedFetchingNextPage), selectedCell: selectedCell, selectedColumn: selectedColumn, handleCellClick: handleCellClick, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, setShowBackdrop: setShowBackdrop, handleScroll: handleScroll, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout, getItemSize: getItemSize, updateReferenceHeight: updateReferenceHeight }) })) }))] })) })) })), renderPinnedColumn('end', pinnedEndColumnsData, pinnedEndColumnsWidth, [...pinnedStartColumns, ...pinnedEndColumns])] }))) })), _jsx(TableFooter, Object.assign({ "data-testid": "SheetViewVirtualTable_TableFooter", showSeparator: true, showBackDrop: showBackDrop, onPointerDown: onPointerDown }, footerProps))] }));
+                                            } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": "SheetViewVirtualTable_ScrollableStyledBox", hidePadding: true, className: "list-wrapper" }, { children: _jsx(VirtualListSection, { "data-testid": "SheetViewVirtualTable_VirtualListSection_scrollable", containerKey: "scrollable", isPinned: false, listRef: scrollableVirtualListRef, columnsData: unpinnedColumnsData, itemsCount: itemsCount, rows: rows, rowProps: rowProps, rowsLength: rows.length, loadMoreItems: loadMoreItems, threshold: threshold, areAllRowsLoaded: areAllRowsLoaded, rowHeight: rowHeight, scrollToIndex: scrollToIndex, totalCount: (_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount) !== null && _a !== void 0 ? _a : 0, isError: isError, isDelayedFetchingNextPage: Boolean(isDelayedFetchingNextPage), selectedCell: selectedCell, selectedColumn: selectedColumn, handleCellClick: handleCellClick, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, setShowBackdrop: setShowBackdrop, handleScroll: handleScroll, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout }) })) }))] })) })) })), renderPinnedColumn('end', pinnedEndColumnsData, pinnedEndColumnsWidth, [...pinnedStartColumns, ...pinnedEndColumns])] }))) })), _jsx(TableFooter, Object.assign({ "data-testid": "SheetViewVirtualTable_TableFooter", showSeparator: true, showBackDrop: showBackDrop, onPointerDown: onPointerDown }, footerProps))] }));
 }
 export default memo(SheetViewVirtualTable);

package/build/components/VirtualTables/SheetViewVirtualTable/components/PinnedColumnSection.d.ts

@@ -36,8 +36,6 @@ interface PinnedColumnSectionProps {
     setShowBackdrop: (v: boolean) => void;
     handleScroll: (scrollProps: ListOnScrollProps, source: 'start' | 'end' | 'scrollable') => void;
     clearBackdropVisibilityTimeout: number;
-    getItemSize?: (index: number) => number;
-    updateReferenceHeight?: (height: number) => void;
     tableTitle?: string;
     areAllRowsLoadedDataAttr: boolean;
     isFetchingNextPageDataAttr?: boolean;
@@ -46,6 +44,6 @@ interface PinnedColumnSectionProps {
     tableMode?: string;
     showNoDataView: boolean;
 }
-declare function PinnedColumnSection({ position, columnsData, columnsWidth, pinnedColumnsList, showHeader, headerProps, columnsSorting, onColumnSort, showBackDrop, onColumnPin, isPinnable, lastColumnId, selectedColumn, onColumnClick, listRef, itemsCount, rows, rowProps, rowsLength, loadMoreItems, threshold, areAllRowsLoaded, rowHeight, scrollToIndex, totalCount, isError, isDelayedFetchingNextPage, selectedCell, selectedColumnValue, handleCellClick, areTotalRowsNotFillingHeight, setShowBackdrop, handleScroll, clearBackdropVisibilityTimeout, getItemSize, updateReferenceHeight, tableTitle, areAllRowsLoadedDataAttr, isFetchingNextPageDataAttr, isLoadingDataAttr, hasTimeoutErrorDataAttr, tableMode, showNoDataView, }: Readonly<PinnedColumnSectionProps>): import("react/jsx-runtime").JSX.Element | null;
+declare function PinnedColumnSection({ position, columnsData, columnsWidth, pinnedColumnsList, showHeader, headerProps, columnsSorting, onColumnSort, showBackDrop, onColumnPin, isPinnable, lastColumnId, selectedColumn, onColumnClick, listRef, itemsCount, rows, rowProps, rowsLength, loadMoreItems, threshold, areAllRowsLoaded, rowHeight, scrollToIndex, totalCount, isError, isDelayedFetchingNextPage, selectedCell, selectedColumnValue, handleCellClick, areTotalRowsNotFillingHeight, setShowBackdrop, handleScroll, clearBackdropVisibilityTimeout, tableTitle, areAllRowsLoadedDataAttr, isFetchingNextPageDataAttr, isLoadingDataAttr, hasTimeoutErrorDataAttr, tableMode, showNoDataView, }: Readonly<PinnedColumnSectionProps>): import("react/jsx-runtime").JSX.Element | null;
 declare const _default: import("react").MemoExoticComponent<typeof PinnedColumnSection>;
 export default _default;

package/build/components/VirtualTables/SheetViewVirtualTable/components/PinnedColumnSection.js

@@ -5,7 +5,7 @@ import { StyledBox, StyledTableBox, TableWrapper } from '../../components/style'
 import { PinnedStartColumnWrapper, PinnedEndColumnWrapper } from '../style';
 import SheetViewTableHeader from './SheetViewTableHeader';
 import VirtualListSection from './VirtualListSection';
-function PinnedColumnSection({ position, columnsData, columnsWidth, pinnedColumnsList, showHeader, headerProps, columnsSorting, onColumnSort, showBackDrop, onColumnPin, isPinnable, lastColumnId, selectedColumn, onColumnClick, listRef, itemsCount, rows, rowProps, rowsLength, loadMoreItems, threshold, areAllRowsLoaded, rowHeight, scrollToIndex, totalCount, isError, isDelayedFetchingNextPage, selectedCell, selectedColumnValue, handleCellClick, areTotalRowsNotFillingHeight, setShowBackdrop, handleScroll, clearBackdropVisibilityTimeout, getItemSize, updateReferenceHeight, tableTitle, areAllRowsLoadedDataAttr, isFetchingNextPageDataAttr, isLoadingDataAttr, hasTimeoutErrorDataAttr, tableMode, showNoDataView, }) {
+function PinnedColumnSection({ position, columnsData, columnsWidth, pinnedColumnsList, showHeader, headerProps, columnsSorting, onColumnSort, showBackDrop, onColumnPin, isPinnable, lastColumnId, selectedColumn, onColumnClick, listRef, itemsCount, rows, rowProps, rowsLength, loadMoreItems, threshold, areAllRowsLoaded, rowHeight, scrollToIndex, totalCount, isError, isDelayedFetchingNextPage, selectedCell, selectedColumnValue, handleCellClick, areTotalRowsNotFillingHeight, setShowBackdrop, handleScroll, clearBackdropVisibilityTimeout, tableTitle, areAllRowsLoadedDataAttr, isFetchingNextPageDataAttr, isLoadingDataAttr, hasTimeoutErrorDataAttr, tableMode, showNoDataView, }) {
     const theme = useTheme();
     const Wrapper = position === 'start' ? PinnedStartColumnWrapper : PinnedEndColumnWrapper;
     const containerKey = position === 'start' ? 'pinnedStart' : 'pinnedEnd';
@@ -15,6 +15,6 @@ function PinnedColumnSection({ position, columnsData, columnsWidth, pinnedColumn
                         width: '100%',
                         minWidth: 'fit-content',
                         overflowX: 'hidden',
-                    } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": `SheetViewVirtualTable_PinnedStyledBox_${position}`, hidePadding: true, className: "list-wrapper" }, { children: _jsx(VirtualListSection, { "data-testid": `SheetViewVirtualTable_VirtualListSection_${position}`, containerKey: containerKey, isPinned: true, fixedWidth: columnsWidth, listRef: listRef, columnsData: columnsData, itemsCount: itemsCount, rows: rows, rowProps: rowProps, rowsLength: rowsLength, loadMoreItems: loadMoreItems, threshold: threshold, areAllRowsLoaded: areAllRowsLoaded, rowHeight: rowHeight, scrollToIndex: scrollToIndex, totalCount: totalCount, isError: isError, isDelayedFetchingNextPage: isDelayedFetchingNextPage, selectedCell: selectedCell, selectedColumn: selectedColumnValue, handleCellClick: handleCellClick, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, setShowBackdrop: setShowBackdrop, handleScroll: handleScroll, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout, getItemSize: getItemSize, updateReferenceHeight: updateReferenceHeight }) })) }))] })) })));
+                    } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": `SheetViewVirtualTable_PinnedStyledBox_${position}`, hidePadding: true, className: "list-wrapper" }, { children: _jsx(VirtualListSection, { "data-testid": `SheetViewVirtualTable_VirtualListSection_${position}`, containerKey: containerKey, isPinned: true, fixedWidth: columnsWidth, listRef: listRef, columnsData: columnsData, itemsCount: itemsCount, rows: rows, rowProps: rowProps, rowsLength: rowsLength, loadMoreItems: loadMoreItems, threshold: threshold, areAllRowsLoaded: areAllRowsLoaded, rowHeight: rowHeight, scrollToIndex: scrollToIndex, totalCount: totalCount, isError: isError, isDelayedFetchingNextPage: isDelayedFetchingNextPage, selectedCell: selectedCell, selectedColumn: selectedColumnValue, handleCellClick: handleCellClick, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, setShowBackdrop: setShowBackdrop, handleScroll: handleScroll, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout }) })) }))] })) })));
 }
 export default memo(PinnedColumnSection);

package/build/components/VirtualTables/SheetViewVirtualTable/components/VirtualListSection.d.ts

@@ -26,9 +26,7 @@ interface VirtualListSectionProps {
     setShowBackdrop: (v: boolean) => void;
     handleScroll: (scrollProps: ListOnScrollProps, source: 'start' | 'end' | 'scrollable') => void;
     clearBackdropVisibilityTimeout: number;
-    getItemSize?: (index: number) => number;
-    updateReferenceHeight?: (height: number) => void;
 }
-declare function VirtualListSection({ containerKey, isPinned, fixedWidth, listRef, columnsData, itemsCount, rows, rowProps, rowsLength, loadMoreItems, threshold, areAllRowsLoaded, rowHeight, scrollToIndex, totalCount, isError, isDelayedFetchingNextPage, selectedCell, selectedColumn, handleCellClick, areTotalRowsNotFillingHeight, setShowBackdrop, handleScroll, clearBackdropVisibilityTimeout, getItemSize: externalGetItemSize, updateReferenceHeight, }: Readonly<VirtualListSectionProps>): import("react/jsx-runtime").JSX.Element;
+declare function VirtualListSection({ containerKey, isPinned, fixedWidth, listRef, columnsData, itemsCount, rows, rowProps, rowsLength, loadMoreItems, threshold, areAllRowsLoaded, rowHeight, scrollToIndex, totalCount, isError, isDelayedFetchingNextPage, selectedCell, selectedColumn, handleCellClick, areTotalRowsNotFillingHeight, setShowBackdrop, handleScroll, clearBackdropVisibilityTimeout, }: Readonly<VirtualListSectionProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof VirtualListSection>;
 export default _default;

package/build/components/VirtualTables/SheetViewVirtualTable/components/VirtualListSection.js

@@ -34,7 +34,7 @@ const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToInde
     containerHeight,
     rowHeight,
 }));
-function VirtualListSection({ containerKey, isPinned, fixedWidth, listRef, columnsData, itemsCount, rows, rowProps, rowsLength, loadMoreItems, threshold, areAllRowsLoaded, rowHeight, scrollToIndex, totalCount, isError, isDelayedFetchingNextPage, selectedCell, selectedColumn, handleCellClick, areTotalRowsNotFillingHeight, setShowBackdrop, handleScroll, clearBackdropVisibilityTimeout, getItemSize: externalGetItemSize, updateReferenceHeight, }) {
+function VirtualListSection({ containerKey, isPinned, fixedWidth, listRef, columnsData, itemsCount, rows, rowProps, rowsLength, loadMoreItems, threshold, areAllRowsLoaded, rowHeight, scrollToIndex, totalCount, isError, isDelayedFetchingNextPage, selectedCell, selectedColumn, handleCellClick, areTotalRowsNotFillingHeight, setShowBackdrop, handleScroll, clearBackdropVisibilityTimeout, }) {
     const onItemsRenderedSource = useMemo(() => (containerKey === 'pinnedStart' ? 'start' : containerKey === 'pinnedEnd' ? 'end' : 'scrollable'), [containerKey]);
     const listStyle = useMemo(() => ({
         overflowX: (isPinned ? 'hidden' : 'auto'),
@@ -55,20 +55,16 @@ function VirtualListSection({ containerKey, isPinned, fixedWidth, listRef, colum
         handleScroll(scrollProps, onItemsRenderedSource);
     }, [handleScroll, onItemsRenderedSource]);
     return (_jsx(InfiniteLoader, Object.assign({ "data-testid": `SheetViewVirtualTable_VirtualListSection_InfiniteLoader_${containerKey}`, isItemLoaded: isItemLoaded, itemCount: itemsCount, loadMoreItems: onLoadMore, threshold: threshold }, { children: ({ onItemsRendered, ref }) => (_jsx(AutoSizer, Object.assign({ ref: ref, "data-testid": "VirtualListSection_AutoSizer" }, { children: ({ height, width }) => {
-                if (!isPinned && updateReferenceHeight) {
-                    updateReferenceHeight(height);
-                }
-                const getItemSize = externalGetItemSize ||
-                    ((index) => {
-                        const isLastRow = areAllRowsLoaded && index === rowsLength;
-                        if (isLastRow) {
-                            const usedHeight = rowsLength * rowHeight;
-                            const remainingHeight = height - usedHeight;
-                            const minimumLastRowHeight = rowHeight * 2;
-                            return Math.max(remainingHeight, minimumLastRowHeight);
-                        }
-                        return rowHeight;
-                    });
+                const getItemSize = (index) => {
+                    const isLastRow = areAllRowsLoaded && index === rowsLength;
+                    if (isLastRow) {
+                        const usedHeight = rowsLength * rowHeight;
+                        const remainingHeight = height - usedHeight;
+                        const minimumLastRowHeight = rowHeight * 2;
+                        return Math.max(remainingHeight, minimumLastRowHeight);
+                    }
+                    return rowHeight;
+                };
                 const itemData = createItemData(columnsData, isDelayedFetchingNextPage, rows, rowProps, scrollToIndex, totalCount, isError, areAllRowsLoaded, isPinned, selectedCell, selectedColumn, handleCellClick, height, rowHeight);
                 return (_jsx(StyledVirtualList, Object.assign({ "data-testid": `SheetViewVirtualTable_VirtualListSection_StyledVirtualList_${containerKey}`, listRef: listRef, height: height, width: fixedWidth || width, itemCount: itemsCount, itemSize: getItemSize, itemData: itemData, onItemsRendered: onItemsRendered, overscanCount: TABLE_LIST_OVER_SCAN, setBackdropVisibility: setShowBackdrop, scrollToIndex: scrollToIndex, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, useIsScrolling: true, onScroll: onScrollSync, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout, style: listStyle }, { children: ListItemWrapper })));
             } }))) })));

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.9-test.1-test.2",
-  "testVersion": 2,
+  "version": "0.1.9-test.1-test.2-test.3",
+  "testVersion": 3,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useSharedItemSize.d.ts

@@ -1,10 +0,0 @@
-interface UseSharedItemSizeProps {
-    rowsLength: number;
-    areAllRowsLoaded: boolean;
-    rowHeight: number;
-}
-export declare const useSharedItemSize: ({ rowsLength, areAllRowsLoaded, rowHeight }: UseSharedItemSizeProps) => {
-    getItemSize: (index: number) => number;
-    updateReferenceHeight: (height: number) => void;
-};
-export {};

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useSharedItemSize.js

@@ -1,21 +0,0 @@
-import { useCallback, useRef } from 'react';
-export const useSharedItemSize = ({ rowsLength, areAllRowsLoaded, rowHeight }) => {
-    const referenceHeightRef = useRef(0);
-    const updateReferenceHeight = useCallback((height) => {
-        referenceHeightRef.current = height;
-    }, []);
-    const getItemSize = useCallback((index) => {
-        const isLastRow = areAllRowsLoaded && index === rowsLength;
-        if (isLastRow) {
-            const usedHeight = rowsLength * rowHeight;
-            const remainingHeight = referenceHeightRef.current - usedHeight;
-            const minimumLastRowHeight = rowHeight * 2;
-            return Math.max(remainingHeight, minimumLastRowHeight);
-        }
-        return rowHeight;
-    }, [areAllRowsLoaded, rowsLength, rowHeight]);
-    return {
-        getItemSize,
-        updateReferenceHeight,
-    };
-};