@tap-payments/os-micro-frontend-shared 0.0.79 → 0.0.81

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

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-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>, {}>;
-export declare const PinIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    isPinned: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-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 StyledMUITableRowProps {
-    component: string;
-}
-export declare const StyledMUITableRow: import("@emotion/styled").StyledComponent<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
-    ref?: ((instance: HTMLTableRowElement | null) => void) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "hover" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledMUITableRowProps, {}, {}>;
-export declare const SheetViewVirtualTableWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const PinnedStartColumnWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    width: number;
-} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, {}, {}>;
-export declare const PinnedEndColumnWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    width: number;
-} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, {}, {}>;
-export declare const MainTableWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    hasPinnedStart: boolean;
-    hasPinnedEnd: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const UnpinnedTableHeaderWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

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

@@ -1,86 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { TableHead } from '@mui/material';
-import MUITableRow from '@mui/material/TableRow';
-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 PinIconContainer = styled('div')(({ theme, isPinned }) => ({
-    width: '16px',
-    height: 'auto',
-    cursor: 'pointer',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderRadius: '2px',
-    padding: '2px',
-    transition: 'all 0.2s ease',
-}));
-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,
-}));
-export const StyledMUITableRow = styled(MUITableRow)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'flex-start',
-    width: '100%',
-    minWidth: 'fit-content',
-    height: '28px',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    backgroundColor: theme.palette.primary.light,
-}));
-export const SheetViewVirtualTableWrapper = styled('div')({
-    display: 'flex',
-    width: '100%',
-    height: '100%',
-    overflow: 'hidden',
-});
-const PinnedColumnBase = styled('div', {
-    shouldForwardProp: (prop) => prop !== 'width',
-})(({ theme, width }) => ({
-    width: `${width}px`,
-    zIndex: 10,
-    flex: '0 0 auto',
-    minWidth: 0,
-    display: 'flex',
-    flexDirection: 'column',
-    position: 'relative',
-    backgroundColor: theme.palette.primary.light,
-    border: '1px solid #F2F2F2',
-}));
-export const PinnedStartColumnWrapper = styled(PinnedColumnBase)({
-    marginLeft: '32px',
-    boxShadow: '4px 0px 24px 0px #00000014',
-});
-export const PinnedEndColumnWrapper = styled(PinnedColumnBase)({
-    marginRight: '32px',
-    boxShadow: '-4px 0px 24px 0px #00000014',
-});
-export const MainTableWrapper = styled('div', {
-    shouldForwardProp: (prop) => prop !== 'hasPinnedStart' && prop !== 'hasPinnedEnd',
-})(({ hasPinnedStart, hasPinnedEnd }) => ({
-    flex: '1 1 auto',
-    minWidth: 0,
-    display: 'flex',
-    flexDirection: 'column',
-    border: '1px solid #F2F2F2',
-    marginLeft: hasPinnedStart ? '0' : '32px',
-    marginRight: hasPinnedEnd ? '0' : '32px',
-    position: 'relative',
-}));
-export const UnpinnedTableHeaderWrapper = styled('div')({
-    flexShrink: 0,
-    borderBottom: '1px solid #E0E0E0',
-    height: 'auto',
-});