@tap-payments/os-micro-frontend-shared 0.0.311-test.1 → 0.0.311-test.1-test.51

package/build/components/JSONViewer/JSONViewer.js

@@ -11,7 +11,7 @@ import { isSafariBrowser } from '../../utils/index.js';
 import AnimatedButton from './components/FooterButton';
 import JSONTitleBar from './components/JSONTitleBar';
 import { ButtonsWrapper, FooterWrapper, JSONContainer, JSONViewerWrapper, SectionWrapper, StyledCopyButton, StyledHeaderWrapper, StyledTitle, jsonTheme, requestJsonTheme, TITLE_BAR_HEIGHT, VIEWER_HEIGHT, FOOTER_HEIGHT, } from './style';
-import TableFooter from '../VirtualTable/components/TableFooter';
+import TableFooter from '../VirtualTables/components/TableFooter';
 const VIEWER_WIDTH = 400;
 const animationDuration = 0.5;
 export default function JSONViewer({ index, json, requestJson = {}, isWindowMinimized, windowOrder, onClose }) {

package/build/components/MultiSelectDropdownButton/MultiSelectDropdownButton.js

@@ -4,7 +4,7 @@ import { Popper } from '@mui/material';
 import { ButtonLabel } from './style';
 import CustomBackdrop from '../CustomBackdrop';
 import StatusButton from '../StatusButton';
-import ListColumnFilter from '../VirtualTable/components/ColumnFilter/List';
+import ListColumnFilter from '../VirtualTables/components/ColumnFilter/List';
 import { downArrowIcon } from '../../constants/index.js';
 function MultiSelectDropdownButton({ buttonLabel, onClear, onConfirm, dropdownItems, apiKey, data, styles, buttonDisabled, }) {
     const [anchorEl, setAnchorEl] = useState(null);

package/build/components/{VirtualTable/SheetView → VirtualTables/SheetViewVirtualTable}/SheetViewVirtualTable.d.ts

@@ -5,6 +5,6 @@ interface ISheetViewVirtualTable extends Omit<IVirtualTable, 'isSheetView'> {
     isPinnable?: boolean;
     clearBackdropVisibilityTimeout?: number;
 }
-declare function SheetViewVirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, rowHeight, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout, isPinnable, tableMode, }: Readonly<ISheetViewVirtualTable>): import("react/jsx-runtime").JSX.Element;
+declare function SheetViewVirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, rowHeight, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, showBackgroundColor, areAllRowsLoaded, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout, isPinnable, tableMode, }: Readonly<ISheetViewVirtualTable>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SheetViewVirtualTable>;
 export default _default;

package/build/components/{VirtualTable/SheetView → VirtualTables/SheetViewVirtualTable}/SheetViewVirtualTable.js

@@ -20,7 +20,7 @@ import TableFooter from '../components/TableFooter/TableFooter';
 import TableNoData from '../components/TableNoData';
 import { SheetViewTableNoData } from './components';
 import ListItemWrapper from '../components/virtualScroll/ListItemWrapper';
-import { StyledBox, StyledTableBox, StyledVirtualList, TableContainer, TableWrapper } from '../style';
+import { StyledBox, StyledTableBox, StyledVirtualList, TableContainer, TableWrapper } from '../components/style';
 import { SheetViewVirtualTableWrapper, PinnedStartColumnWrapper, PinnedEndColumnWrapper, MainTableWrapper, UnpinnedTableHeaderWrapper } from './style';
 import SheetViewTableHeader from './components/SheetViewTableHeader';
 import { usePinnedColumns } from './hooks/usePinnedColumns';
@@ -45,7 +45,7 @@ const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToInde
     containerHeight,
     rowHeight,
 }));
-function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, rowHeight = 28, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout = 100, isPinnable = false, tableMode, }) {
+function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, rowHeight = 28, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, showBackgroundColor, areAllRowsLoaded = false, tableBodyStyles, tableTitle, dragControls, onColumnPin, clearBackdropVisibilityTimeout = 100, isPinnable = false, tableMode, }) {
     const theme = useTheme();
     const { pinnedStartColumns, pinnedEndColumns, handleColumnPin, pinnedStartColumnsData, pinnedEndColumnsData, unpinnedColumnsData, orderedColumns, lastColumnId, } = usePinnedColumns(columns, isPinnable, onColumnPin);
     const { pinnedStartVirtualListRef, scrollableVirtualListRef, pinnedEndVirtualListRef, handleScroll } = useSynchronizedScroll();
@@ -166,13 +166,13 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
         const containerKey = position === 'start' ? 'pinnedStart' : 'pinnedEnd';
         if (columnsData.length === 0)
             return null;
-        return (_jsx(Wrapper, { children: _jsxs(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "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-table-mode": tableMode, height: "100%", dir: theme.direction, showNoDataView: showNoDataView }, { children: [showHeader && (_jsx(SheetViewTableHeader, { "data-testid": "SheetViewVirtualTable_PinnedTableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: columnsData, headerProps: headerProps, showBackDrop: showBackDrop, pinnedColumns: pinnedColumnsList, onColumnPin: handleColumnPin, isPinnable: isPinnable, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick })), _jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", sx: {
+        return (_jsx(Wrapper, { children: _jsxs(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "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: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView }, { children: [showHeader && (_jsx(SheetViewTableHeader, { "data-testid": "SheetViewVirtualTable_PinnedTableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: columnsData, headerProps: headerProps, showBackDrop: showBackDrop, pinnedColumns: pinnedColumnsList, onColumnPin: handleColumnPin, isPinnable: isPinnable, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick })), _jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", sx: {
                             width: '100%',
                             minWidth: 'fit-content',
                             overflowX: 'hidden',
                         } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": "SheetViewVirtualTable_PinnedStyledBox", hidePadding: true, className: "list-wrapper" }, { children: createVirtualTableContainer(columnsData, containerKey, true, columnsWidth) })) }))] })) }));
     };
-    return (_jsxs(_Fragment, { children: [_jsx(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-table-mode": tableMode, height: "100%", dir: theme.direction, showNoDataView: showNoDataView, scrollable: true, sx: {
+    return (_jsxs(_Fragment, { children: [_jsx(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: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView, scrollable: true, sx: {
                         marginLeft: '28px',
                         maxHeight: 'calc(100vh - 300px)',
                         overflow: 'auto',
@@ -186,7 +186,7 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
                                         height: 'auto',
                                         display: 'flex',
                                         flexDirection: 'column',
-                                    } }, { children: _jsx(SheetViewTableNoData, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, orderedColumns: orderedColumns, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps }) })) }))] })) }))) : (_jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "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-table-mode": tableMode, height: "100%", dir: theme.direction, showNoDataView: showNoDataView }, { children: _jsxs(TableWrapper, Object.assign({ isSheetView: true, "data-testid": "SheetViewVirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: tableBodyStyles }, { 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(TableNoData, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, orderedColumns: orderedColumns, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps })] })) })))) : (_jsxs(SheetViewVirtualTableWrapper, { children: [renderPinnedColumn('start', pinnedStartColumnsData, pinnedStartColumnsWidth, pinnedStartColumns), _jsx(MainTableWrapper, Object.assign({ hasPinnedStart: pinnedStartColumnsData.length > 0, hasPinnedEnd: pinnedEndColumnsData.length > 0 }, { children: _jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "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-table-mode": tableMode, height: "100%", dir: theme.direction, showNoDataView: showNoDataView, scrollable: true }, { children: _jsxs(TableWrapper, Object.assign({ "data-testid": "SheetViewVirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: Object.assign(Object.assign({}, tableBodyStyles), { display: 'flex', flexDirection: 'column', height: '100%' }) }, { children: [showHeader && (_jsx(UnpinnedTableHeaderWrapper, { children: _jsx(SheetViewTableHeader, { "data-testid": "SheetViewVirtualTable_UnpinnedTableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: unpinnedColumnsData, headerProps: headerProps, showBackDrop: showBackDrop, pinnedColumns: [...pinnedStartColumns, ...pinnedEndColumns], onColumnPin: handleColumnPin, isPinnable: isPinnable, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick }) })), _jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", sx: {
+                                    } }, { children: _jsx(SheetViewTableNoData, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, orderedColumns: orderedColumns, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps }) })) }))] })) }))) : (_jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "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: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView }, { children: _jsxs(TableWrapper, Object.assign({ isSheetView: true, "data-testid": "SheetViewVirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: tableBodyStyles }, { 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(TableNoData, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, orderedColumns: orderedColumns, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps })] })) })))) : (_jsxs(SheetViewVirtualTableWrapper, { children: [renderPinnedColumn('start', pinnedStartColumnsData, pinnedStartColumnsWidth, pinnedStartColumns), _jsx(MainTableWrapper, Object.assign({ hasPinnedStart: pinnedStartColumnsData.length > 0, hasPinnedEnd: pinnedEndColumnsData.length > 0 }, { children: _jsx(StyledTableBox, Object.assign({ as: "main", id: "sheet-table-box-container", "aria-labelledby": "sheet-table-box-container", "data-testid": "SheetViewVirtualTable_StyledTableBox", "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: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView, scrollable: true }, { children: _jsxs(TableWrapper, Object.assign({ "data-testid": "SheetViewVirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: Object.assign(Object.assign({}, tableBodyStyles), { display: 'flex', flexDirection: 'column', height: '100%' }) }, { children: [showHeader && (_jsx(UnpinnedTableHeaderWrapper, { children: _jsx(SheetViewTableHeader, { "data-testid": "SheetViewVirtualTable_UnpinnedTableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: unpinnedColumnsData, headerProps: headerProps, showBackDrop: showBackDrop, pinnedColumns: [...pinnedStartColumns, ...pinnedEndColumns], onColumnPin: handleColumnPin, isPinnable: isPinnable, lastColumnId: lastColumnId, selectedColumn: selectedColumn, onColumnClick: handleColumnClick }) })), _jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", sx: {
                                                 width: '100%',
                                                 minWidth: 'fit-content',
                                             } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": "SheetViewVirtualTable_ScrollableStyledBox", hidePadding: true, className: "list-wrapper" }, { children: createVirtualTableContainer(unpinnedColumnsData, 'scrollable', false) })) }))] })) })) })), renderPinnedColumn('end', pinnedEndColumnsData, pinnedEndColumnsWidth, [...pinnedStartColumns, ...pinnedEndColumns])] })) }), _jsx(TableFooter, Object.assign({ "data-testid": "SheetViewVirtualTable_TableFooter", showSeparator: true, showBackDrop: showBackDrop, onPointerDown: onPointerDown }, footerProps))] }));

package/build/components/{VirtualTable/SheetView → VirtualTables/SheetViewVirtualTable}/components/SheetViewTableHeader/TableCell.js

@@ -3,9 +3,9 @@ import { memo, useCallback, useMemo, useState } from 'react';
 import Box from '@mui/material/Box';
 import { pinIcon, unpinIcon } from '../../../../../constants/index.js';
 import ColumnFilter from '../../../components/ColumnFilter';
-import { StyledCell } from '../../../style';
+import { StyledCell } from '../../../components/style';
 import { PinIconContainer, HeaderText } from '../../style';
-import ColumnSort from '../../../../VirtualTable/components/ColumnSort';
+import ColumnSort from '../../../../VirtualTables/components/ColumnSort';
 function TableCell({ column: { header, id, align, headerStyle, sortable, filter, pinnable, width, order }, isFirst, isLast, isSelected, isDefaultPinned, onColumnSort, columnsSorting, onColumnPin, isPinnable, lastColumnId, onColumnClick, pinnedColumns, }) {
     const [columnFilterEl, setColumnFilterEl] = useState(null);
     const checkIsPanned = useCallback((columnId) => pinnedColumns === null || pinnedColumns === void 0 ? void 0 : pinnedColumns.includes(columnId), [pinnedColumns]);

package/build/components/{VirtualTable/SheetView → VirtualTables/SheetViewVirtualTable}/components/SheetViewTableHeader/type.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableHeaderProps } from '../../../../VirtualTable/components/TableHeader/type';
+import { TableHeaderProps } from '../../../../VirtualTables/components/TableHeader/type';
 import { IColumnProps, IVirtualTable } from '../../../../../types/index.js';
 export interface SheetViewTableHeaderProps {
     columns: IColumnProps[];

package/build/components/{VirtualTable/SheetView → VirtualTables/SheetViewVirtualTable}/components/SheetViewTableNoData.js

@@ -4,7 +4,7 @@ import { backendErrorHandler } from '../../../../utils/index.js';
 import EmptyList from '../../components/EmptyList/EmptyList';
 import ErrorList from '../../components/ErrorList/ErrorList';
 import SheetViewTableLoading from './SheetViewTableLoading';
-import { StyledSolidBackground } from '../../style';
+import { StyledSolidBackground } from '../../components/style';
 function SheetViewTableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }) {
     let content;
     if (tableLoading) {

package/build/components/{VirtualTable → VirtualTables/VirtualTable}/VirtualTable.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { IVirtualTable } from '../../types/index.js';
-declare function VirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded, tableBodyStyles, tableMode, tableTitle, dragControls, isSheetView, }: Readonly<IVirtualTable>): import("react/jsx-runtime").JSX.Element;
+import type { IVirtualTable } from '../../../types/index.js';
+declare function VirtualTable({ columns, rows, threshold, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, showBackgroundColor, areAllRowsLoaded, tableBodyStyles, tableMode, tableTitle, dragControls, isSheetView, }: Readonly<IVirtualTable>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof VirtualTable>;
 export default _default;

package/build/components/{VirtualTable → VirtualTables/VirtualTable}/VirtualTable.js

@@ -13,15 +13,15 @@ import { useTheme } from '@mui/material/styles';
 import memoize from 'memoize-one';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import InfiniteLoader from 'react-window-infinite-loader';
-import { TABLE_ROW_HEIGHT, TABLE_THRESHOLD, TABLE_LIST_OVER_SCAN, SHEET_VIEW_TABLE_ROW_HEIGHT } from '../../constants/index.js';
-import { useDelayToSetValue } from '../../hooks/index.js';
-import { isHeightNotFullyFilledByRows, isNotFoundError, isTimeoutError, hasError } from '../../utils/index.js';
-import TableFooter from './components/TableFooter/TableFooter';
-import TableHeader from './components/TableHeader';
-import TableLastItem from './components/TableLastItem';
-import TableNoData from './components/TableNoData';
-import ListItemWrapper from './components/virtualScroll/ListItemWrapper';
-import { StyledBox, StyledTableBox, StyledVirtualList, TableContainer, TableWrapper } from './style';
+import { TABLE_ROW_HEIGHT, TABLE_THRESHOLD, TABLE_LIST_OVER_SCAN, SHEET_VIEW_TABLE_ROW_HEIGHT } from '../../../constants/index.js';
+import { useDelayToSetValue } from '../../../hooks/index.js';
+import { isHeightNotFullyFilledByRows, isNotFoundError, isTimeoutError, hasError } from '../../../utils/index.js';
+import TableFooter from '../components/TableFooter/TableFooter';
+import TableHeader from '../components/TableHeader';
+import TableLastItem from '../components/TableLastItem';
+import TableNoData from '../components/TableNoData';
+import ListItemWrapper from '../components/virtualScroll/ListItemWrapper';
+import { StyledBox, StyledTableBox, StyledVirtualList, TableContainer, TableWrapper } from '../components/style';
 const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToIndex, lastItemIndex, totalCount, isError, areAllRowsLoaded, isSheetView) => ({
     columns,
     isLoading,
@@ -34,7 +34,7 @@ const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToInde
     areAllRowsLoaded,
     isSheetView,
 }));
-function VirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, dragControls, isSheetView = false, }) {
+function VirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader, headerProps, rowProps, footerProps, isLoading, error, columnsSorting, onColumnSort, loadMoreItems, isFetchingNextPage, triggerDataRefetch, scrollToIndex, showBackgroundColor, areAllRowsLoaded = false, tableBodyStyles, tableMode, tableTitle, dragControls, isSheetView = false, }) {
     var _a;
     const theme = useTheme();
     const onPointerDown = (e) => {
@@ -86,7 +86,7 @@ function VirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, showHeader,
         scrollToIndex,
     ]);
     const showNoDataView = tableLoading || tableError || tableEmpty || hasTimeoutError;
-    return (_jsxs(_Fragment, { children: [_jsxs(TableContainer, { children: [_jsx(StyledTableBox, Object.assign({ as: "main", id: "table-box-container", "aria-labelledby": "table-box-container", "data-testid": "VirtualTable_StyledTableBox", "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-table-mode": tableMode, height: "100%", dir: theme.direction, showNoDataView: showNoDataView }, { children: _jsxs(TableWrapper, Object.assign({ isSheetView: isSheetView, "data-testid": "VirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: Object.assign({}, tableBodyStyles) }, { children: [showHeader && (_jsx(TableHeader, { "data-testid": "VirtualTable_TableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: orderedColumns, headerProps: headerProps, showBackDrop: showBackDrop, isSheetView: isSheetView })), showNoDataView ? (_jsx(TableNoData, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, orderedColumns: orderedColumns, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps })) : (_jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", sx: {
+    return (_jsxs(_Fragment, { children: [_jsxs(TableContainer, { children: [_jsx(StyledTableBox, Object.assign({ as: "main", id: "table-box-container", "aria-labelledby": "table-box-container", "data-testid": "VirtualTable_StyledTableBox", "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: "100%", dir: theme.direction, showBackgroundColor: showBackgroundColor, showNoDataView: showNoDataView }, { children: _jsxs(TableWrapper, Object.assign({ isSheetView: isSheetView, "data-testid": "VirtualTable_TableWrapper", showNoDataView: showNoDataView, sx: Object.assign({}, tableBodyStyles) }, { children: [showHeader && (_jsx(TableHeader, { "data-testid": "VirtualTable_TableHeader", columnsSorting: columnsSorting, onColumnSort: onColumnSort, columns: orderedColumns, headerProps: headerProps, showBackDrop: showBackDrop, isSheetView: isSheetView })), showNoDataView ? (_jsx(TableNoData, { error: error, tableEmpty: tableEmpty, isTimeoutError: hasTimeoutError, tableError: tableError, tableLoading: tableLoading, orderedColumns: orderedColumns, triggerDataRefetch: triggerDataRefetch, footerProps: footerProps })) : (_jsx(TableWrapper, Object.assign({ "data-testid": "VirtualTable_TableWrapper", sx: {
                                         width: '100%',
                                         minWidth: 'fit-content',
                                     } }, { children: _jsx(StyledBox, Object.assign({ "data-testid": "VirtualTable_StyledBox", hidePadding: true, className: "list-wrapper" }, { children: renderTableContainer })) })))] })) })), !showNoDataView && areTotalRowsNotFillingHeight && !isFetchingNextPage && (_jsx(TableLastItem, { height: (itemsCount + 1) * tableRowHeight, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode, "data-testid": "VirtualTable_TableLastItem" }))] }), _jsx(TableFooter, Object.assign({ "data-testid": "VirtualTable_TableFooter", showSeparator: true, showBackDrop: showBackDrop, onPointerDown: onPointerDown }, footerProps))] }));

package/build/components/{VirtualTable → VirtualTables/VirtualTableWithCard}/VirtualTableWithCard.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, ReactElement } from 'react';
-import type { IVirtualTable } from '../../types/index.js';
-export interface VirtualTableWithCardProps extends Omit<IVirtualTable, 'showHeader' | 'dimensions' | 'columns'> {
+import type { IVirtualTable } from '../../../types/index.js';
+export interface VirtualTableWithCardProps extends Omit<IVirtualTable, 'showHeader' | 'dimensions' | '	showBackgroundColor' | 'columns'> {
     tableHeader?: ReactNode;
     renderCardComponent: (rows: any) => ReactElement | null;
     cardLoadingComponent: ReactNode;

package/build/components/{VirtualTable → VirtualTables/VirtualTableWithCard}/VirtualTableWithCard.js

@@ -14,13 +14,13 @@ import { useTheme } from '@mui/material/styles';
 import memoize from 'memoize-one';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import InfiniteLoader from 'react-window-infinite-loader';
-import { useDelayToSetValue } from '../../hooks/index.js';
-import { isHeightNotFullyFilledByRows, isNotFoundError, isTimeoutError, hasError } from '../../utils/index.js';
-import { TABLE_ROW_HEIGHT, TABLE_THRESHOLD, TABLE_LIST_OVER_SCAN } from '../../constants/index.js';
-import TableFooter from './components/TableFooter';
-import TableNoDataWithCard from './components/TableNoDataWithCard';
-import ListItemWrapperWithCard from './components/virtualScroll/ListItemWrapperWithCard';
-import { StyledCardsBox, StyledVirtualList, TableContainer, TableWrapper } from './style';
+import { useDelayToSetValue } from '../../../hooks/index.js';
+import { isHeightNotFullyFilledByRows, isNotFoundError, isTimeoutError, hasError } from '../../../utils/index.js';
+import { TABLE_ROW_HEIGHT, TABLE_THRESHOLD, TABLE_LIST_OVER_SCAN } from '../../../constants/index.js';
+import TableFooter from '../components/TableFooter';
+import TableNoDataWithCard from '../components/TableNoDataWithCard';
+import ListItemWrapperWithCard from '../components/virtualScroll/ListItemWrapperWithCard';
+import { StyledCardsBox, StyledVirtualList, TableContainer, TableWrapper } from '../components/style';
 const createItemData = memoize((isLoading, rows, rowProps, scrollToIndex, lastItemIndex, totalCount, isError, areAllRowsLoaded, renderCardComponent) => ({
     isLoading,
     rows,

package/build/components/{VirtualTable → VirtualTables}/components/TableHeader/components/TableCell/TableCell.d.ts

@@ -1,5 +1,5 @@
 import type { IColumnProps } from '../../../../../../types/index.js';
-import { TableHeaderProps } from '../../../../../VirtualTable/components/TableHeader';
+import { TableHeaderProps } from '../../../../../VirtualTables/components/TableHeader';
 interface TableCellProps extends Pick<TableHeaderProps, 'onColumnSort' | 'isSheetView' | 'columnsSorting'> {
     column: IColumnProps;
     isFirst: boolean;

package/build/components/{VirtualTable → VirtualTables}/components/TableHeader/components/TableCell/TableCell.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import Box from '@mui/material/Box';
-import ColumnFilter from '../../../../../VirtualTable/components/ColumnFilter';
-import ColumnSort from '../../../../../VirtualTable/components/ColumnSort';
-import { StyledCell } from '../../../../../VirtualTable/style';
+import ColumnFilter from '../../../../../VirtualTables/components/ColumnFilter';
+import ColumnSort from '../../../../../VirtualTables/components/ColumnSort';
+import { StyledCell } from '../../../../../VirtualTables/components/style';
 export function TableCell({ column: { header, id, align, headerStyle, sortable, filter, width, order }, isFirst, isLast, isSheetView, onColumnSort, columnsSorting, }) {
     const [columnFilterEl, setColumnFilterEl] = useState(null);
     return (_jsxs(StyledCell, Object.assign({ "data-id": id, component: "div", "data-testid": "VirtualTable_TableHeader_StyledCell", "data-column-id": id, "data-column-width": width, "data-column-width-used": width, "data-column-align": align, "data-column-order": order, "data-column-header": typeof header === 'string' ? header : 'component', "data-column-sortable": !!sortable, "data-column-filterable": !!filter, isFirst: isFirst, isLast: isLast, onClick: (event) => {

package/build/components/{VirtualTable → VirtualTables}/components/TableLoadingWithCard.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { VirtualTableWithCardProps } from '../VirtualTableWithCard';
+import { ReactNode } from 'react';
 interface ITableLoadingProps {
     isLoaded?: boolean;
     isLoading?: boolean;
     rowsCount?: number;
-    cardLoadingComponent: VirtualTableWithCardProps['cardLoadingComponent'];
+    cardLoadingComponent: ReactNode;
 }
 declare function TableLoadingWithCard({ isLoaded, isLoading, rowsCount, cardLoadingComponent }: ITableLoadingProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableLoadingWithCard>;

package/build/components/{VirtualTable → VirtualTables}/components/TableNoData.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
 import TableLoading from './TableLoading';
-import { StyledSolidBackground } from '../style';
+import { StyledSolidBackground } from './style';
 import TableError from './TableError';
 function TableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }) {
     if (tableLoading) {

package/build/components/{VirtualTable → VirtualTables}/components/TableNoDataWithCard.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
+import { ReactElement, ReactNode } from 'react';
 import type { IVirtualTable } from '../../../types/index.js';
-import { VirtualTableWithCardProps } from '../VirtualTableWithCard';
 interface TableNoDataWithCardProps {
     tableEmpty: boolean;
     tableLoading: boolean;
@@ -9,8 +8,8 @@ interface TableNoDataWithCardProps {
     tableError: boolean;
     triggerDataRefetch: () => Promise<unknown>;
     footerProps: IVirtualTable['footerProps'];
-    cardLoadingComponent: VirtualTableWithCardProps['cardLoadingComponent'];
-    noDataComponent: VirtualTableWithCardProps['noDataComponent'];
+    cardLoadingComponent: ReactNode;
+    noDataComponent: ReactElement;
 }
 declare function TableNoDataWithCard({ error, tableEmpty, isTimeoutError, tableError, tableLoading, triggerDataRefetch, footerProps, cardLoadingComponent, noDataComponent: NoDataComponent, }: TableNoDataWithCardProps): JSX.Element;
 declare namespace TableNoDataWithCard {

package/build/components/{VirtualTable → VirtualTables}/components/TableNoDataWithCard.js

@@ -3,7 +3,7 @@ import { memo } from 'react';
 import { backendErrorHandler } from '../../../utils/index.js';
 import ErrorList from './ErrorList/ErrorList';
 import TableLoadingWithCard from './TableLoadingWithCard';
-import { StyledSolidBackground } from '../style';
+import { StyledSolidBackground } from './style';
 function TableNoDataWithCard({ error, tableEmpty, isTimeoutError, tableError, tableLoading, triggerDataRefetch, footerProps, cardLoadingComponent, noDataComponent: NoDataComponent, }) {
     let content;
     if (tableLoading) {

package/build/components/{VirtualTable → VirtualTables}/components/TableRow.js

@@ -2,7 +2,7 @@ import { createElement as _createElement } from "react";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo } from 'react';
 import { areEqual } from 'react-window';
-import { StyledCell, StyledTableRow } from '../style';
+import { StyledCell, StyledTableRow } from './style';
 import { getSelectionStyles } from '../utils/getSelectionStyles';
 function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell = null, selectedColumn = null, onCellClick, isLastRow = false, }) {
     const renderCell = (column) => {

package/build/components/{VirtualTable → VirtualTables}/components/TableRowLoadingWithCard.d.ts

@@ -1,9 +1,8 @@
-import { CSSProperties } from 'react';
-import { VirtualTableWithCardProps } from '../VirtualTableWithCard';
+import { CSSProperties, ReactNode } from 'react';
 interface ITableRowLoadingProps {
     index?: number;
     style?: CSSProperties;
-    cardLoadingComponent: VirtualTableWithCardProps['cardLoadingComponent'];
+    cardLoadingComponent: ReactNode;
 }
 declare function TableRowLoadingWithCard({ style, index, cardLoadingComponent: CardLoadingComponent }: ITableRowLoadingProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableRowLoadingWithCard>;

package/build/components/{VirtualTable → VirtualTables}/components/TableRowWithCard.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import type { TableRowProps } from '@mui/material';
-import { VirtualTableWithCardProps } from '../VirtualTableWithCard';
 interface ITableRowProps<R = any> {
     row: R;
     index: number;
@@ -9,7 +8,7 @@ interface ITableRowProps<R = any> {
         onRowClick?: (row: R) => void;
         showLoadedStyle?: boolean;
     };
-    renderCardComponent: VirtualTableWithCardProps['renderCardComponent'];
+    renderCardComponent: (rows: any) => ReactElement | null;
 }
 declare function TableRowWithCard({ row, index, rowProps, renderCardComponent: RenderCardComponent }: Readonly<ITableRowProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof TableRowWithCard>;

package/build/components/{VirtualTable → VirtualTables}/components/TableRowWithCard.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { memo } from 'react';
 import { areEqual } from 'react-window';
-import { StyledTableRow } from '../style';
+import { StyledTableRow } from './style';
 function TableRowWithCard({ row, index, rowProps, renderCardComponent: RenderCardComponent }) {
     return (_createElement(StyledTableRow, Object.assign({ "data-testid": "TableRow", onClick: rowProps === null || rowProps === void 0 ? void 0 : rowProps.onRowClick, showShadowHighlight: rowProps === null || rowProps === void 0 ? void 0 : rowProps.showShadowHighlight, showLoadedStyle: rowProps === null || rowProps === void 0 ? void 0 : rowProps.showLoadedStyle, component: "article" }, rowProps, { key: index }), RenderCardComponent && _jsx(RenderCardComponent, Object.assign({}, row))));
 }

package/build/components/{VirtualTable → VirtualTables/components}/style.d.ts

@@ -40,6 +40,7 @@ export declare const StyledTableRow: import("@emotion/styled").StyledComponent<i
 export declare const StyledTableBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    showBackgroundColor: boolean;
     showNoDataView: boolean;
     scrollable?: boolean | undefined;
 }, {}, {}>;

package/build/components/{VirtualTable → VirtualTables/components}/style.js

@@ -3,8 +3,8 @@ import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import MUITableRow from '@mui/material/TableRow';
 import { motion } from 'framer-motion';
-import { TABLE_FOOTER_HEIGHT } from './components/TableFooter/style';
-import VirtualScrollList from './components/virtualScroll/VirtualScrollList';
+import { TABLE_FOOTER_HEIGHT } from './TableFooter/style';
+import VirtualScrollList from './virtualScroll/VirtualScrollList';
 export const TableWrapper = styled(Box, {
     shouldForwardProp: (prop) => prop !== 'showNoDataView' && prop !== 'isSheetView',
 })(({ showNoDataView, isSheetView }) => ({
@@ -87,12 +87,13 @@ export const StyledTableRow = styled(MUITableRow, {
     },
 }))))));
 export const StyledTableBox = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'showNoDataView' && prop !== 'scrollable',
-})(({ theme, showNoDataView, scrollable }) => ({
+    shouldForwardProp: (prop) => prop !== 'showBackgroundColor' && prop !== 'showNoDataView' && prop !== 'scrollable',
+})(({ theme, showBackgroundColor, showNoDataView, scrollable }) => ({
     position: 'relative',
-    backgroundColor: theme.palette.background.default,
+    backgroundColor: showBackgroundColor ? theme.palette.background.default : 'transparent',
     height: '100%',
     overflowX: showNoDataView ? 'hidden' : 'scroll',
+    paddingBottom: showBackgroundColor ? '52px' : '0',
     display: 'flex',
     flexDirection: 'column',
     '&:hover': {

package/build/components/{VirtualTable → VirtualTables}/components/virtualScroll/ListItemWrapper.js

@@ -15,11 +15,11 @@ import { Box } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import { useTranslation } from 'react-i18next';
 import { blueCircleLoaderIcon, tableBackgroundLoader, TABLE_ROW_HEIGHT, SHEET_VIEW_TABLE_ROW_HEIGHT } from '../../../../constants/index.js';
-import { ActionIcon } from '../../style';
+import { ActionIcon } from '../style';
 import { RowErrorState } from '../RowErrorState';
 import { StyledParagraph } from '../TableLastItem';
 import TableRow from '../TableRow';
-import SheetViewTableRowLoading from '../../SheetView/components/SheetViewTableRowLoading';
+import SheetViewTableRowLoading from '../../SheetViewVirtualTable/components/SheetViewTableRowLoading';
 export const LastRowContent = React.memo(({ isLoadingRow, isSheetView, columns, currentRowCount, }) => {
     const { t } = useTranslation();
     if (isLoadingRow) {

package/build/components/VirtualTables/index.d.ts

@@ -0,0 +1,6 @@
+import VirtualTable from './VirtualTable/VirtualTable';
+import VirtualTableWithCard from './VirtualTableWithCard/VirtualTableWithCard';
+export * from './components';
+export * from './SheetViewVirtualTable';
+export { StyledCell } from './components/style';
+export { VirtualTable, VirtualTableWithCard };

package/build/components/VirtualTables/index.js

@@ -0,0 +1,6 @@
+import VirtualTable from './VirtualTable/VirtualTable';
+import VirtualTableWithCard from './VirtualTableWithCard/VirtualTableWithCard';
+export * from './components';
+export * from './SheetViewVirtualTable';
+export { StyledCell } from './components/style';
+export { VirtualTable, VirtualTableWithCard };

package/build/components/index.d.ts

@@ -12,8 +12,8 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dialog, DialogToolbar } from './Dialog';
 export { default as Tooltip } from './Tooltip';
 export * from './RFH';
-export { default as VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTable';
-export { default as SheetViewVirtualTable } from './VirtualTable/SheetView/SheetViewVirtualTable';
+export { VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTables';
+export { default as SheetViewVirtualTable } from './VirtualTables/SheetViewVirtualTable/SheetViewVirtualTable';
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';
 export { default as StatusButton, ChevronIcon, type ChevronIconProps, type StatusButtonIcon, type StatusButtonProps } from './StatusButton';

package/build/components/index.js

@@ -12,8 +12,8 @@ export { default as Checkbox } from './Checkbox';
 export { default as Dialog, DialogToolbar } from './Dialog';
 export { default as Tooltip } from './Tooltip';
 export * from './RFH';
-export { default as VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTable';
-export { default as SheetViewVirtualTable } from './VirtualTable/SheetView/SheetViewVirtualTable';
+export { VirtualTable, TableRowLoading, TableHeader as VirtualTableHeader, TableLastItem, TableLoading, TableLoadingWithCard, TableNoData, TableNoDataWithCard, LastRowContent, ListItemWrapperWithCard, RowErrorState, StyledItemWrapper, TableRow, TableRowLoadingWithCard, TableRowWithCard, VirtualScrollInner, VirtualScrollList, VirtualScrollOuter, VirtualTableWithCard, Inputs, List, ColumnFilter, StyledCell, TableFooter, TableError, } from './VirtualTables';
+export { default as SheetViewVirtualTable } from './VirtualTables/SheetViewVirtualTable/SheetViewVirtualTable';
 export { default as Widget, ListItem, WidgetHeader, WidgetList } from './Widget';
 export { default as TapLogo } from './TapLogo';
 export { default as StatusButton, ChevronIcon } from './StatusButton';

package/build/types/apps.d.ts

@@ -29,6 +29,7 @@ export interface AppDetails {
     openOrder?: number;
     color: string;
     sandboxMode: boolean;
+    showBackgroundColor: boolean;
     dimensions: {
         width: number | string;
         height: number | string;

package/build/types/table.d.ts

@@ -4,7 +4,7 @@ import { BoxProps } from '@mui/material/Box';
 import { TableHeadProps } from '@mui/material/TableHead';
 import { TableRowProps } from '@mui/material/TableRow';
 import { DragControls } from 'framer-motion';
-import { CustomColumnFilterProps } from '../components/VirtualTable';
+import { CustomColumnFilterProps } from '../components/VirtualTables';
 import { Country } from './appConfig';
 import { SortingOrder } from './sort';
 export interface TableFilters<T> {
@@ -116,6 +116,7 @@ export interface IVirtualTable<R = any> {
     loadMoreItems?: () => Promise<unknown>;
     triggerDataRefetch: () => Promise<unknown>;
     scrollToIndex?: number;
+    showBackgroundColor: boolean;
     areAllRowsLoaded?: boolean;
     tableBodyStyles?: React.CSSProperties;
     isTextShown?: boolean;

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

package/build/components/VirtualTable/index.d.ts

@@ -1,6 +0,0 @@
-import VirtualTable from './VirtualTable';
-export { default as VirtualTableWithCard } from './VirtualTableWithCard';
-export * from './components';
-export * from './SheetView';
-export { StyledCell } from './style';
-export default VirtualTable;

package/build/components/VirtualTable/index.js

@@ -1,6 +0,0 @@
-import VirtualTable from './VirtualTable';
-export { default as VirtualTableWithCard } from './VirtualTableWithCard';
-export * from './components';
-export * from './SheetView';
-export { StyledCell } from './style';
-export default VirtualTable;

package/build/playground/VTDemo.d.ts

@@ -1 +0,0 @@
-export declare const VTDemo: () => import("react/jsx-runtime").JSX.Element;

package/build/playground/VTDemo.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button, VirtualTable } from '../components/index.js';
-import { Box } from '@mui/material';
-export const VTDemo = () => {
-    const [isSheetView, setIsSheetView] = useState(false);
-    const toggleView = () => {
-        setIsSheetView((prev) => !prev);
-    };
-    return (_jsx(Box, Object.assign({ sx: {
-            width: '100%',
-            height: '100vh',
-            overflow: 'auto',
-            flexDirection: 'row',
-            display: 'flex',
-            justifyContent: 'center',
-            p: 3,
-            backgroundColor: 'gray',
-        } }, { children: _jsxs(Box, Object.assign({ "data-testid": "ChargesList", sx: {
-                position: 'relative',
-                display: 'flex',
-                flexDirection: 'column',
-                width: '80%',
-                height: '100%',
-            } }, { children: [_jsx(Button, Object.assign({ onClick: toggleView }, { children: "Toggle" })), _jsx(VirtualTable, { showHeader: true, showFooter: true, footerProps: {
-                        totalCount: 4,
-                        sandboxMode: false,
-                        maximized: false,
-                    }, loadMoreItems: () => Promise.resolve(), isLoading: false, isFetchingNextPage: false, rows: [
-                        { index: '1', date: 'date', order: 'order' },
-                        { index: '2', date: 'date', order: 'order' },
-                        { index: '3', date: 'date', order: 'order' },
-                    ], areAllRowsLoaded: true, columnsSorting: { id: 'asc' }, onColumnSort: () => { }, columns: [
-                        { id: 'index', header: '', width: '28px' },
-                        {
-                            id: 'date',
-                            header: 'Date',
-                            width: '170px',
-                        },
-                        {
-                            id: 'order',
-                            header: 'Order',
-                            width: '170px',
-                            filter: {
-                                onConfirm: undefined,
-                                onClear: () => { },
-                                type: 'inputs',
-                                options: [
-                                    {
-                                        placeholder: 'Order',
-                                        apiKey: 'orderID',
-                                    },
-                                ],
-                                data: {},
-                            },
-                        },
-                    ], error: null, triggerDataRefetch: () => Promise.resolve(), tableTitle: "Acceptance-Charges", tableMode: 'sheet', dragControls: undefined, isSheetView: isSheetView })] })) })));
-};

package/build/playground/index.d.ts

@@ -1 +0,0 @@
-export { VTDemo } from './VTDemo';

package/build/playground/index.js

@@ -1 +0,0 @@
-export { VTDemo } from './VTDemo';