@tap-payments/os-micro-frontend-shared 0.0.281-test.1 → 0.0.282

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

@@ -97,7 +97,7 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
         return (_jsx(InfiniteLoader, Object.assign({ isItemLoaded: (index) => index !== lastItemIndex, itemCount: tableItemsCount, loadMoreItems: handleOnLoadMoreItems, threshold: threshold }, { children: ({ onItemsRendered }) => (_jsx(AutoSizer, { children: ({ height, width }) => (_jsx(StyledVirtualList, Object.assign({ listRef: listRef, height: height, width: fixedWidth || width, itemCount: tableItemsCount, itemSize: () => rowHeight, itemData: currentItemData, onItemsRendered: onItemsRendered, overscanCount: TABLE_LIST_OVER_SCAN, setBackdropVisibility: setShowBackdrop, scrollToIndex: scrollToIndex, areTotalRowsNotFillingHeight: areTotalRowsNotFillingHeight, useIsScrolling: true, onScroll: handleScrollCallback, clearBackdropVisibilityTimeout: clearBackdropVisibilityTimeout, style: {
                         overflowX: isPinned ? 'hidden' : 'auto',
                         paddingBottom: isPinned ? '25px' : '13px',
-                        backgroundColor: isPinned ? 'transparent' : theme.palette.background.default,
+                        backgroundColor: isPinned ? 'transparent' : '#F6F8FACC',
                     } }, { children: ListItemWrapper }))) })) })));
     }, [
         itemsCount,

package/build/components/VirtualTable/components/virtualScroll/ListItemWrapper.d.ts

@@ -6,6 +6,7 @@ export declare const LastRowContent: React.MemoExoticComponent<({ isLoadingRow,
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const StyledItemWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     showShadowHighlight?: boolean | undefined;
+    isSheetView?: boolean | undefined;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare function ListItemWrapper({ index, style, data: { renderedScrollTopRef, rows, rowProps, columns, isLoading, scrollToIndex, limit, totalCount, newLoadedRowsEndIndex, isError, areAllRowsLoaded, isSheetView, isPinned, ...restData }, }: Readonly<ListChildComponentProps>): import("react/jsx-runtime").JSX.Element;
 export default ListItemWrapper;

package/build/components/VirtualTable/components/virtualScroll/ListItemWrapper.js

@@ -26,7 +26,7 @@ export const LastRowContent = React.memo(({ isLoadingRow, isSheetView }) => {
                 height: isSheetView ? '100%' : '24px',
                 width: '24px',
                 borderRadius: '50%',
-                background: isSheetView ? '#F6F8FACC' : 'transparent',
+                background: 'transparent',
                 position: 'relative',
                 display: 'flex',
                 justifyContent: 'center',
@@ -41,10 +41,10 @@ const createRowClickHandler = (row, onRowClick) => (e) => {
     onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row);
 };
 export const StyledItemWrapper = styled('div', {
-    shouldForwardProp: (props) => props !== 'showShadowHighlight',
-})(({ theme }) => ({
-    backgroundColor: theme.palette.background.default,
+    shouldForwardProp: (props) => props !== 'showShadowHighlight' && props !== 'isSheetView',
+})(({ theme, isSheetView }) => ({
     height: '100%',
+    backgroundColor: isSheetView ? '#F6F8FACC' : theme.palette.background.default,
 }));
 function ListItemWrapper(_a) {
     var _b;
@@ -73,6 +73,6 @@ function ListItemWrapper(_a) {
         }
         return (_jsx(TableRow, { index: index, row: row, columns: columns, rowProps: memoizedRowProps, isSheetView: isSheetView, selectedCell: restData.selectedCell, selectedColumn: restData.selectedColumn, onCellClick: restData.onCellClick, isLastRow: index === rows.length - 1 }, `row-${index}`));
     }, [restData, index, row, columns, memoizedRowProps, isSheetView]);
-    return (_jsx("div", Object.assign({ "data-testid": "ListItemWrapper", style: Object.assign(Object.assign({}, style), { top: Number(style.top) - ((_b = renderedScrollTopRef === null || renderedScrollTopRef === void 0 ? void 0 : renderedScrollTopRef.current) !== null && _b !== void 0 ? _b : 0), willChange: 'top' }) }, { children: _jsx(StyledItemWrapper, Object.assign({ "data-testid": "ListItemWrapper_StyledItemWrapper" }, { children: memoizedListItemComponent })) })));
+    return (_jsx("div", Object.assign({ "data-testid": "ListItemWrapper", style: Object.assign(Object.assign({}, style), { top: Number(style.top) - ((_b = renderedScrollTopRef === null || renderedScrollTopRef === void 0 ? void 0 : renderedScrollTopRef.current) !== null && _b !== void 0 ? _b : 0), willChange: 'top' }) }, { children: _jsx(StyledItemWrapper, Object.assign({ isSheetView: isSheetView, "data-testid": "ListItemWrapper_StyledItemWrapper" }, { children: memoizedListItemComponent })) })));
 }
 export default ListItemWrapper;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.281-test.1",
+  "version": "0.0.282",
   "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
@@ -131,4 +131,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}