@tap-payments/os-micro-frontend-shared 0.0.257-test.8 → 0.0.257-test.9

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

@@ -143,8 +143,7 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
     };
     return (_jsxs(_Fragment, { children: [_jsxs(TableContainer, { children: [showNoDataView ? (tableLoading ? (_jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox_Loading", "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-show-background-color": !!showBackgroundColor, "data-table-mode": tableMode, height: "auto", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView, scrollable: true, sx: {
                             marginLeft: '28px',
-                            marginRight: '28px',
-                            maxHeight: 'calc(100vh - 200px)',
+                            maxHeight: 'calc(14 * 28px + 60px)',
                             overflow: 'auto',
                         } }, { children: _jsxs(TableWrapper, Object.assign({ "data-testid": "SheetViewVirtualTable_LoadingTableWrapper", showNoDataView: showNoDataView, sx: Object.assign(Object.assign({}, tableBodyStyles), { display: 'flex', flexDirection: 'column', height: 'auto' }) }, { children: [showHeader && (_jsx(UnpinnedTableHeaderWrapper, { children: _jsx(SheetViewTableHeader, { "data-testid": "SheetViewVirtualTable_LoadingTableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: orderedColumns, headerProps: headerProps, showBackDrop: showBackDrop, pinnedColumns: [], onColumnPin: handleColumnPin, isPinnable: false, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick }) })), _jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_LoadingTableWrapper", sx: {
                                         width: '100%',

package/build/components/VirtualTable/SheetView/components/SheetViewTableLoading.js

@@ -14,7 +14,7 @@ const Wrapper = styled('section')(({ isLoaded = false }) => ({
 }));
 function SheetViewTableLoading({ columns, isLoaded = false, animationType, isLoading = false, rowsCount }) {
     let maxAllowedRows = rowsCount || calculateMaxAllowedRows(isLoaded, isLoading);
-    maxAllowedRows = rowsCount || Math.max(maxAllowedRows, 14);
+    maxAllowedRows = rowsCount || Math.max(maxAllowedRows, 25);
     return (_jsx(Wrapper, Object.assign({ isLoaded: isLoaded, "data-testid": "SheetViewTableLoading" }, { children: [...Array(maxAllowedRows)].map((_, index) => (_jsx(SheetViewTableRowLoading, { columns: columns, animationType: animationType, rowIndex: index }, `i-${uniqueId('SheetViewTableLoadingRow_')}`))) })));
 }
 export default memo(SheetViewTableLoading);

package/build/components/VirtualTable/SheetView/components/SheetViewTableRowLoading.js

@@ -5,8 +5,8 @@ import { styled } from '@mui/material/styles';
 import TableCell from '@mui/material/TableCell';
 import MUITableRow from '@mui/material/TableRow';
 import { areEqual } from 'react-window';
-const StyledSkeleton = styled(Skeleton)(({ theme }) => ({
-    backgroundColor: theme.palette.grey[100],
+const StyledSkeleton = styled(Skeleton)(() => ({
+    backgroundColor: '#F4F4F4',
     borderRadius: '64px',
     width: '100%',
     minWidth: '20px',

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.0.257-test.8",
-  "testVersion": 8,
+  "version": "0.0.257-test.9",
+  "testVersion": 9,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",