@tap-payments/os-micro-frontend-shared 0.0.273-test.3-test.4 → 0.0.273-test.8

package/build/components/VirtualTable/VirtualTable.js

@@ -17,7 +17,7 @@ import { TABLE_ROW_HEIGHT, TABLE_THRESHOLD, TABLE_LIST_OVER_SCAN, SHEET_VIEW_TAB
 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/TableHeader';
+import TableHeader from './components/TableHeader';
 import TableLastItem from './components/TableLastItem';
 import TableNoData from './components/TableNoData';
 import ListItemWrapper from './components/virtualScroll/ListItemWrapper';

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { type TableHeadProps } from '@mui/material';
+import type { IColumnProps, IVirtualTable } from '../../../types/index.js';
+export declare const actionsIcons: {
+    flag: string;
+    dispute: string;
+    refund: string;
+};
+export declare const ActionIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const ColumnIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+interface StyledHeaderProps {
+    showBackDrop: boolean;
+}
+export declare const StyledHeader: import("@emotion/styled").StyledComponent<import("@mui/material").TableHeadOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    ref?: ((instance: HTMLTableSectionElement | null) => void) | import("react").RefObject<HTMLTableSectionElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledHeaderProps, {}, {}>;
+interface TableHeaderProps {
+    columns: IColumnProps[];
+    headerProps?: TableHeadProps;
+    columnsSorting?: IVirtualTable['columnsSorting'];
+    onColumnSort?: IVirtualTable['onColumnSort'];
+    showBackDrop: boolean;
+    isSheetView?: boolean;
+}
+declare function TableHeader({ columns, headerProps, showBackDrop, onColumnSort, columnsSorting, isSheetView }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof TableHeader>;
+export default _default;

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

@@ -1,12 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useState } from 'react';
 import { Box, styled, useTheme } from '@mui/material';
+import TableHead from '@mui/material/TableHead';
 import MUITableRow from '@mui/material/TableRow';
-import Dropdown from '../../../DropdownMenu';
-import { columnIcon, sortAzIcon, sortZaIcon } from '../../../../constants/index.js';
-import ColumnFilter from '../ColumnFilter';
-import { StyledCell } from '../../style';
-import { ActionIcon, ColumnIcon, StyledHeader } from './style';
+import Dropdown from '../../DropdownMenu';
+import { columnIcon, disputeIcon, flagIcon, refundInitiatedIcon, sortAzIcon, sortZaIcon } from '../../../constants/index.js';
+import ColumnFilter from './ColumnFilter';
+import { StyledCell } from '../style';
+export const actionsIcons = {
+    flag: flagIcon,
+    dispute: disputeIcon,
+    refund: refundInitiatedIcon,
+};
+export const ActionIcon = styled('img')(() => ({
+    width: '13.3px',
+    height: '13.3px',
+}));
+export const ColumnIcon = styled('img')(() => ({
+    width: '8px',
+    height: '6.4px',
+    cursor: 'pointer',
+}));
+export const StyledHeader = styled(TableHead, {
+    shouldForwardProp: (prop) => prop !== 'showBackDrop',
+})(({ showBackDrop, theme }) => ({
+    width: '100%',
+    minWidth: 'fit-content',
+    flex: '0 0 auto',
+    boxShadow: showBackDrop ? theme.shadows[23] : 'none',
+    backgroundColor: theme.palette.background.default,
+    zIndex: 1,
+}));
 const StyledMUITableRow = styled(MUITableRow, {
     shouldForwardProp: (prop) => prop !== 'isSheetView',
 })(({ theme, isSheetView }) => (Object.assign({ display: 'flex', justifyContent: 'flex-start', width: '100%', minWidth: 'fit-content', paddingInline: '32px', paddingBlock: '16px' }, (isSheetView && {

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

@@ -5,7 +5,7 @@ export * from './TableFooter';
 export { default as TableFooter } from './TableFooter';
 export * from './virtualScroll';
 export * from './RowErrorState';
-export { default as TableHeader } from './TableHeader/TableHeader';
+export { default as TableHeader } from './TableHeader';
 export { default as TableLastItem } from './TableLastItem';
 export { default as TableLoading } from './TableLoading';
 export { default as TableLoadingWithCard } from './TableLoadingWithCard';

package/build/components/VirtualTable/components/index.js

@@ -5,7 +5,7 @@ export * from './TableFooter';
 export { default as TableFooter } from './TableFooter';
 export * from './virtualScroll';
 export * from './RowErrorState';
-export { default as TableHeader } from './TableHeader/TableHeader';
+export { default as TableHeader } from './TableHeader';
 export { default as TableLastItem } from './TableLastItem';
 export { default as TableLoading } from './TableLoading';
 export { default as TableLoadingWithCard } from './TableLoadingWithCard';

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.273-test.3-test.4",
-  "testVersion": 4,
+  "version": "0.0.273-test.8",
+  "testVersion": 8,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { type TableHeadProps } from '@mui/material';
-import type { IColumnProps, IVirtualTable } from '../../../../types/index.js';
-interface TableHeaderProps {
-    columns: IColumnProps[];
-    headerProps?: TableHeadProps;
-    columnsSorting?: IVirtualTable['columnsSorting'];
-    onColumnSort?: IVirtualTable['onColumnSort'];
-    showBackDrop: boolean;
-    isSheetView?: boolean;
-}
-declare function TableHeader({ columns, headerProps, showBackDrop, onColumnSort, columnsSorting, isSheetView }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof TableHeader>;
-export default _default;

package/build/components/VirtualTable/components/TableHeader/constant.d.ts

@@ -1,5 +0,0 @@
-export declare const actionsIcons: {
-    flag: string;
-    dispute: string;
-    refund: string;
-};

package/build/components/VirtualTable/components/TableHeader/constant.js

@@ -1,6 +0,0 @@
-import { disputeIcon, flagIcon, refundInitiatedIcon } from '../../../../constants/index.js';
-export const actionsIcons = {
-    flag: flagIcon,
-    dispute: disputeIcon,
-    refund: refundInitiatedIcon,
-};

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

@@ -1,2 +0,0 @@
-import TableHeader from "./TableHeader";
-export default TableHeader;

package/build/components/VirtualTable/components/TableHeader/index.js

@@ -1,2 +0,0 @@
-import TableHeader from "./TableHeader";
-export default TableHeader;

package/build/components/VirtualTable/components/TableHeader/style.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const ActionIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const ColumnIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const StyledHeader: import("@emotion/styled").StyledComponent<import("@mui/material/TableHead").TableHeadOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
-    ref?: ((instance: HTMLTableSectionElement | null) => void) | import("react").RefObject<HTMLTableSectionElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    showBackDrop: boolean;
-}, {}, {}>;

package/build/components/VirtualTable/components/TableHeader/style.js

@@ -1,21 +0,0 @@
-import { styled } from '@mui/material/styles';
-import TableHead from '@mui/material/TableHead';
-export const ActionIcon = styled('img')(() => ({
-    width: '13.3px',
-    height: '13.3px',
-}));
-export const ColumnIcon = styled('img')(() => ({
-    width: '8px',
-    height: '6.4px',
-    cursor: 'pointer',
-}));
-export const StyledHeader = styled(TableHead, {
-    shouldForwardProp: (prop) => prop !== 'showBackDrop',
-})(({ showBackDrop, theme }) => ({
-    width: '100%',
-    minWidth: 'fit-content',
-    flex: '0 0 auto',
-    boxShadow: showBackDrop ? theme.shadows[23] : 'none',
-    backgroundColor: theme.palette.background.default,
-    zIndex: 1,
-}));

package/build/components/VirtualTable/components/TableHeader/type.js

@@ -1 +0,0 @@
-"use strict";