@tap-payments/os-micro-frontend-shared 0.1.103-test.113 → 0.1.103-test.115

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

@@ -22,7 +22,7 @@ interface UseVirtualTableContainerProps<T = unknown> extends TableChipProps {
     handleChipClick: (rowIndex: number, columnIndex: number, event: React.MouseEvent, chipIndex: number, pinnedType?: 'start' | 'end') => void;
 }
 export declare const useVirtualTableContainer: <T = unknown>({ rowHeight, areAllRowsLoaded, rows, isDelayedFetchingNextPage, rowProps, scrollToIndex, footerProps, isError, selectedCell, selectedColumn, selectedRow, selectedChip, handleCellClick, handleChipClick, }: UseVirtualTableContainerProps<T>) => {
-    getItemSize: (index: number, containerHeight: number) => number;
+    getItemSize: (index: number, height: number) => number;
     getItemDataForContainer: (columnsData: IColumnProps[], isPinnedColumn: boolean, height: number) => {
         columns: any;
         isLoading: any;

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

@@ -1,4 +1,4 @@
-import { useCallback, useRef } from 'react';
+import { useCallback, useMemo, useRef } from 'react';
 import memoize from 'memoize-one';
 const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToIndex, lastItemIndex, totalCount, isError, areAllRowsLoaded, isPinned, selectedCell, selectedColumn, selectedRow, selectedChip, onCellClick, onChipClick, containerHeight, rowHeight) => ({
     columns,
@@ -28,33 +28,34 @@ export const useVirtualTableContainer = ({ rowHeight, areAllRowsLoaded, rows, is
     if (stableRowsLength.current !== rows.length) {
         stableRowsLength.current = rows.length;
     }
-    const getItemSize = useCallback((index, containerHeight) => {
-        if (!areAllRowsLoaded && index === rows.length - 1) {
-            const remainingHeight = containerHeight - index * rowHeight;
+    const getItemSize = useCallback((index, height) => {
+        const isLastRow = areAllRowsLoaded && index === stableRowsLength.current;
+        if (isLastRow) {
+            const usedHeight = stableRowsLength.current * rowHeight;
+            const remainingHeight = height - usedHeight;
             const minimumLastRowHeight = rowHeight * 2;
             return Math.max(remainingHeight, minimumLastRowHeight);
         }
         return rowHeight;
     }, [areAllRowsLoaded, rowHeight]);
-    const getItemDataForContainer = useCallback((columnsData, isPinnedColumn, height) => {
+    const commonItemDataParams = useMemo(() => {
         var _a;
-        return createItemData(columnsData, isDelayedFetchingNextPage, rows, rowProps, scrollToIndex, rows.length - 1, (_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount) !== null && _a !== void 0 ? _a : 0, isError, areAllRowsLoaded, isPinnedColumn, selectedCell, selectedColumn, selectedRow, selectedChip, handleCellClick, handleChipClick, height, rowHeight);
-    }, [
-        isDelayedFetchingNextPage,
-        rows,
-        rowProps,
-        scrollToIndex,
-        footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount,
-        isError,
-        areAllRowsLoaded,
-        selectedCell,
-        selectedColumn,
-        selectedRow,
-        selectedChip,
-        handleCellClick,
-        handleChipClick,
-        rowHeight,
-    ]);
+        return [
+            isDelayedFetchingNextPage,
+            rows,
+            rowProps,
+            scrollToIndex,
+            rows.length - 1,
+            (_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount) !== null && _a !== void 0 ? _a : 0,
+            isError,
+            areAllRowsLoaded,
+        ];
+    }, [isDelayedFetchingNextPage, rows, rowProps, scrollToIndex, footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount, isError, areAllRowsLoaded]);
+    const commonItemDataSuffix = useMemo(() => [selectedCell, selectedColumn, selectedRow, selectedChip, handleCellClick, handleChipClick], [selectedCell, selectedColumn, selectedRow, selectedChip, handleCellClick, handleChipClick]);
+    const getItemDataForContainer = useCallback((columnsData, isPinnedColumn, height) => {
+        console.log('createItemData(columnsData, ...commonItemDataParams, isPinnedColumn, ...commonItemDataSuffix, height, rowHeight)', columnsData, commonItemDataParams, isPinnedColumn, commonItemDataSuffix, height, rowHeight);
+        return createItemData(columnsData, ...commonItemDataParams, isPinnedColumn, ...commonItemDataSuffix, height, rowHeight);
+    }, [commonItemDataParams, commonItemDataSuffix, rowHeight]);
     return {
         getItemSize,
         getItemDataForContainer,

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.103-test.113",
-  "testVersion": 113,
+  "version": "0.1.103-test.115",
+  "testVersion": 115,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",