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

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

@@ -11,7 +11,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
 import InfiniteLoader from 'react-window-infinite-loader';
 import AutoSizer from 'react-virtualized-auto-sizer';
-import { TABLE_LIST_OVER_SCAN } from '../../../../constants/index.js';
+import { SHEET_VIEW_TABLE_LIST_OVER_SCAN } from '../../../../constants/index.js';
 import ListItemWrapper from '../../components/virtualScroll/ListItemWrapper';
 import { StyledVirtualList } from '../../components/style';
 function VirtualTable({ columnsData, itemCount, lastItemIndex, areAllRowsLoaded, loadMoreItems, threshold, getItemSize, getItemData, isPinned, fixedWidth, scrollToIndex, areTotalRowsNotFillingHeight, clearBackdropVisibilityTimeout, onScroll, setBackdropVisibility, listRef, }) {
@@ -23,7 +23,7 @@ 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);
-                return (_jsx(StyledVirtualList, Object.assign({ listRef: listRef, height: height, width: fixedWidth || width, itemCount: itemCount, itemSize: itemSize, itemData: itemData, onItemsRendered: onItemsRendered, overscanCount: TABLE_LIST_OVER_SCAN, setBackdropVisibility: setBackdropVisibility, scrollToIndex: scrollToIndex, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, useIsScrolling: true, onScroll: onScroll, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout, style: {
+                return (_jsx(StyledVirtualList, Object.assign({ listRef: listRef, height: height, width: fixedWidth || width, itemCount: itemCount, itemSize: itemSize, itemData: itemData, onItemsRendered: onItemsRendered, overscanCount: SHEET_VIEW_TABLE_LIST_OVER_SCAN, setBackdropVisibility: setBackdropVisibility, scrollToIndex: scrollToIndex, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, useIsScrolling: true, onScroll: onScroll, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout, style: {
                         overflowX: isPinned ? 'hidden' : 'auto',
                         paddingBottom: isPinned ? '25px' : '13px',
                         backgroundColor: isPinned ? 'transparent' : '#F6F8FACC',

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

@@ -5,6 +5,8 @@ export const useSynchronizedScroll = () => {
     const pinnedEndVirtualListRef = useRef(null);
     const isScrollingSyncRef = useRef(false);
     const handleScroll = useCallback(({ scrollOffset }, source) => {
+        if (isScrollingSyncRef.current)
+            return;
         isScrollingSyncRef.current = true;
         if (source !== 'start' && pinnedStartVirtualListRef.current) {
             pinnedStartVirtualListRef.current.scrollTo(scrollOffset);

package/build/constants/table.d.ts

@@ -3,4 +3,5 @@ export declare const TABLE_CONTENT_ROW_HEIGHT = 70;
 export declare const TABLE_ROW_HEIGHT = 57;
 export declare const TABLE_THRESHOLD = 200;
 export declare const TABLE_LIST_OVER_SCAN = 5;
+export declare const SHEET_VIEW_TABLE_LIST_OVER_SCAN = 100;
 export declare const SHEET_VIEW_TABLE_ROW_HEIGHT = 28;

package/build/constants/table.js

@@ -3,4 +3,5 @@ export const TABLE_CONTENT_ROW_HEIGHT = 70;
 export const TABLE_ROW_HEIGHT = 57;
 export const TABLE_THRESHOLD = 200;
 export const TABLE_LIST_OVER_SCAN = 5;
+export const SHEET_VIEW_TABLE_LIST_OVER_SCAN = 100;
 export const SHEET_VIEW_TABLE_ROW_HEIGHT = 28;

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.65-test.1-test.2",
-  "testVersion": 2,
+  "version": "0.1.65-test.1",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",