@tap-payments/os-micro-frontend-shared 0.1.103-test.117 → 0.1.103-test.119

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

@@ -70,6 +70,7 @@ function SheetViewVirtualTable({ columns, rows, threshold = SHEET_VIEW_TABLE_THR
     const createPinnedStartTable = useCallback((columnsData, fixedWidth) => (_jsx(VirtualTable, Object.assign({ columnsData: columnsData }, stableTableProps, dynamicTableProps, { isPinned: true, fixedWidth: fixedWidth, onScroll: scrollHandlers.start, listRef: pinnedStartVirtualListRef }), "pinned-start")), [stableTableProps, dynamicTableProps, scrollHandlers.start, pinnedStartVirtualListRef]);
     const createPinnedEndTable = useCallback((columnsData, fixedWidth) => (_jsx(VirtualTable, Object.assign({ columnsData: columnsData }, stableTableProps, dynamicTableProps, { isPinned: true, fixedWidth: fixedWidth, onScroll: scrollHandlers.end, listRef: pinnedEndVirtualListRef }), "pinned-end")), [stableTableProps, dynamicTableProps, scrollHandlers.end, pinnedEndVirtualListRef]);
     const createScrollableTable = useCallback((columnsData) => (_jsx(VirtualTable, Object.assign({ columnsData: columnsData }, stableTableProps, dynamicTableProps, { isPinned: false, onScroll: scrollHandlers.scrollable, listRef: scrollableVirtualListRef }), "scrollable")), [stableTableProps, dynamicTableProps, scrollHandlers.scrollable, scrollableVirtualListRef]);
+    console.log({ selectedCell, selectedColumn, selectedRow, selectedChip });
     const createVirtualTableContainer = useCallback((columnsData, containerKey, isPinned = false, fixedWidth) => {
         switch (containerKey) {
             case 'pinnedStart':

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

@@ -23,7 +23,6 @@ function VirtualTable({ columnsData, itemCount, lastItemIndex, areAllRowsLoaded,
     return (_jsx(InfiniteLoader, Object.assign({ isItemLoaded: (index) => index !== lastItemIndex, itemCount: itemCount, loadMoreItems: handleOnLoadMoreItems, threshold: threshold }, { children: ({ onItemsRendered, ref }) => (_jsx(AutoSizer, Object.assign({ ref: ref }, { children: ({ height, width }) => {
                 const itemSize = (index) => getItemSize(index, height);
                 const itemData = getItemData(columnsData, isPinned, height);
-                console.log('itemData', itemData);
                 return (_jsx(StyledVirtualList, Object.assign({ listRef: listRef, height: height, width: fixedWidth || width, itemCount: itemCount, itemSize: itemSize, itemData: itemData, onItemsRendered: onItemsRendered, overscanCount: overscanCount, setBackdropVisibility: setBackdropVisibility, scrollToIndex: scrollToIndex, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, useIsScrolling: true, onScroll: onScroll, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout, style: {
                         overflowX: isPinned ? 'hidden' : 'auto',
                         paddingBottom: isPinned ? '25px' : '13px',
@@ -31,4 +30,21 @@ function VirtualTable({ columnsData, itemCount, lastItemIndex, areAllRowsLoaded,
                     } }, { children: ListItemWrapper })));
             } }))) })));
 }
-export default memo(VirtualTable);
+export default memo(VirtualTable, (prevProps, nextProps) => {
+    var _a, _b, _c;
+    const propsToCompare = [
+        'columnsData',
+        'itemCount',
+        'lastItemIndex',
+        'areAllRowsLoaded',
+        'isPinned',
+        'fixedWidth',
+        'scrollToIndex',
+        'areTotalRowsNotFillingHeight',
+        'overscanCount',
+    ];
+    const areCriticalPropsSame = propsToCompare.every((key) => prevProps[key] === nextProps[key]);
+    const areColumnsDataSame = ((_a = prevProps.columnsData) === null || _a === void 0 ? void 0 : _a.length) === ((_b = nextProps.columnsData) === null || _b === void 0 ? void 0 : _b.length) &&
+        ((_c = prevProps.columnsData) === null || _c === void 0 ? void 0 : _c.every((col, index) => { var _a, _b, _c, _d; return col.id === ((_b = (_a = nextProps.columnsData) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b.id) && col.width === ((_d = (_c = nextProps.columnsData) === null || _c === void 0 ? void 0 : _c[index]) === null || _d === void 0 ? void 0 : _d.width); }));
+    return areCriticalPropsSame && areColumnsDataSame;
+});

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

@@ -52,10 +52,11 @@ export const useVirtualTableContainer = ({ rowHeight, areAllRowsLoaded, rows, is
         ];
     }, [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);
+    console.log('commonItemDataSuffix = useMemo', commonItemDataSuffix);
+    const getItemDataForContainer = (columnsData, isPinnedColumn, height) => {
+        console.log('getItemDataForContainer = useCallback', commonItemDataSuffix);
         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.117",
-  "testVersion": 117,
+  "version": "0.1.103-test.119",
+  "testVersion": 119,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",