@tap-payments/os-micro-frontend-shared 0.0.311 → 0.1.1

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.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';

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';
+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,

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

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

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.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 }) => ({

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/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> {

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",
-  "testVersion": 0,
+  "version": "0.1.1",
+  "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(), showBackgroundColor: false, 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';