@tap-payments/os-micro-frontend-shared 0.1.20 → 0.1.21-test.2

package/build/components/VirtualTables/SheetViewVirtualTable/components/SheetViewTableHeader/TableCell.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 '../../../components/style';
-import { PinIconContainer, HeaderText } from '../../style';
-import ColumnSort from '../../../../VirtualTables/components/ColumnSort';
-function TableCell({ column: { header, id, align, headerStyle, sortable, filter, pinnable, width, order, tableViewId, pinned }, colIndex, 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]);
-    const isPinned = useMemo(() => checkIsPanned(id), [id, checkIsPanned]);
-    const handlePinClick = (columnId) => {
-        if (checkIsPanned(columnId)) {
-            onColumnPin === null || onColumnPin === void 0 ? void 0 : onColumnPin(columnId, 'unpin');
-        }
-        else {
-            if (columnId === lastColumnId) {
-                onColumnPin === null || onColumnPin === void 0 ? void 0 : onColumnPin(columnId, 'end');
-            }
-            else {
-                onColumnPin === null || onColumnPin === void 0 ? void 0 : onColumnPin(columnId, 'start');
-            }
-        }
-    };
-    return (_jsxs(StyledCell, Object.assign({ "data-id": id, component: "div", "data-testid": "SheetViewVirtualTable_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, "data-column-pinned": isPinned, isFirst: isFirst, isLast: isLast, isSheetView: true, onClick: (event) => {
-            onColumnClick === null || onColumnClick === void 0 ? void 0 : onColumnClick(colIndex, event, pinned);
-            setColumnFilterEl(event.currentTarget);
-        }, sx: (theme) => (Object.assign({ display: 'flex', gap: theme.spacing(0.5), alignItems: 'center', justifyContent: align === 'right' ? 'flex-end' : 'flex-start', width, textAlign: align, overflow: 'unset', cursor: 'pointer', boxSizing: 'border-box', border: isSelected ? '1px solid #1F88D0' : '1px solid #F2F2F2', backgroundColor: isSelected ? '#F2F2F2' : '#FCFCFC', minHeight: isSelected ? '28px' : 'auto', position: 'relative', '&:before': {
-                content: '""',
-                border: isSelected ? '1px solid #1F88D0' : '1px solid transparent',
-                position: 'absolute',
-                top: 0,
-                right: 0,
-                left: 0,
-                bottom: 0,
-            } }, headerStyle)) }, { children: [typeof header === 'function' ? (header()) : (_jsx(Box, Object.assign({ "data-testid": "SheetViewTableHeader_columns_header", sx: { maxWidth: '100%', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, { children: header && _jsx(HeaderText, Object.assign({ "data-testid": "SheetViewVirtualTable_TableHeader_StyledCell_header_text" }, { children: header })) }))), filter && (_jsx(ColumnFilter, Object.assign({}, filter, { anchorEl: columnFilterEl, setAnchorEl: setColumnFilterEl, onClose: (event) => {
-                    onColumnClick === null || onColumnClick === void 0 ? void 0 : onColumnClick(colIndex, event, pinned);
-                } }))), sortable && (_jsx(ColumnSort, { columnId: id, onColumnSort: onColumnSort, columnsSorting: columnsSorting, onClick: (e) => {
-                    onColumnClick === null || onColumnClick === void 0 ? void 0 : onColumnClick(colIndex, e, pinned);
-                } })), isPinnable && pinnable && !isDefaultPinned && !isLast && (_jsx(PinIconContainer, Object.assign({ onClick: (event) => {
-                    event.stopPropagation();
-                    handlePinClick(id);
-                }, title: isPinned ? 'Unpin column' : 'Pin column' }, { children: _jsx("img", { src: isPinned ? unpinIcon : pinIcon, alt: "pin-icon" }) })))] })));
-}
-export default memo(TableCell);

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

@@ -1,2 +0,0 @@
-import SheetViewTableHeader from './SheetViewTableHeader';
-export default SheetViewTableHeader;

package/build/components/VirtualTables/SheetViewVirtualTable/components/SheetViewTableHeader/index.js

@@ -1,2 +0,0 @@
-import SheetViewTableHeader from './SheetViewTableHeader';
-export default SheetViewTableHeader;

package/build/components/VirtualTables/SheetViewVirtualTable/components/SheetViewTableHeader/type.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { type TableHeadProps } from '@mui/material/TableHead';
-import { IColumnProps, IVirtualTable, TablePosition } from '../../../../../types/index.js';
-export interface SheetViewTableHeaderProps {
-    columns: IColumnProps[];
-    headerProps?: TableHeadProps;
-    columnsSorting?: IVirtualTable['columnsSorting'];
-    onColumnSort?: IVirtualTable['onColumnSort'];
-    showBackDrop: boolean;
-    pinnedColumns?: string[];
-    onColumnPin?: (columnId: string, position: 'start' | 'end' | 'unpin') => void;
-    isPinnable?: boolean;
-    lastColumnId?: string | null;
-    selectedColumn?: string | null;
-    onColumnClick?: (columnIndex: number, event: React.MouseEvent, pinnedType?: 'start' | 'end') => void;
-    tablePosition?: TablePosition;
-    hasPinnedStart?: boolean;
-    hasPinnedEnd?: boolean;
-}

package/build/components/VirtualTables/utils/getSelectionStyles.d.ts

@@ -1,55 +0,0 @@
-interface GetSelectionStylesParams {
-    isSelected: boolean;
-    isCellSelected: boolean;
-    isColumnSelected: boolean;
-    isLastRow: boolean;
-}
-export declare const getSelectionStyles: ({ isSelected, isCellSelected, isColumnSelected, isLastRow }: GetSelectionStylesParams) => {
-    border?: undefined;
-    backgroundColor?: undefined;
-    color?: undefined;
-    '&:before'?: undefined;
-    borderWidth?: undefined;
-    borderStyle?: undefined;
-    borderColor?: undefined;
-    borderBottom?: undefined;
-    height?: undefined;
-    minHeight?: undefined;
-    display?: undefined;
-    alignItems?: undefined;
-} | {
-    border: string;
-    backgroundColor: string;
-    color: string;
-    '&:before': {
-        border: string;
-        borderWidth?: undefined;
-        borderBottom?: undefined;
-    };
-    borderWidth?: undefined;
-    borderStyle?: undefined;
-    borderColor?: undefined;
-    borderBottom?: undefined;
-    height?: undefined;
-    minHeight?: undefined;
-    display?: undefined;
-    alignItems?: undefined;
-} | {
-    borderWidth: string;
-    borderStyle: string;
-    borderColor: string;
-    borderBottom: string;
-    height: string;
-    minHeight: string;
-    display: string;
-    alignItems: string;
-    '&:before': {
-        borderWidth: string;
-        borderBottom: string;
-        border?: undefined;
-    };
-    border?: undefined;
-    backgroundColor?: undefined;
-    color?: undefined;
-};
-export {};

package/build/components/VirtualTables/utils/getSelectionStyles.js

@@ -1,31 +0,0 @@
-export const getSelectionStyles = ({ isSelected, isCellSelected, isColumnSelected, isLastRow }) => {
-    if (!isSelected)
-        return {};
-    if (isCellSelected && !isColumnSelected) {
-        return {
-            border: '1px solid #1F88D0',
-            backgroundColor: 'white',
-            color: '#1F88D0',
-            '&:before': {
-                border: '1px solid #1F88D0',
-            },
-        };
-    }
-    if (isColumnSelected) {
-        return {
-            borderWidth: isLastRow ? '0px 1.5px 1px 1.5px' : '0px 1.5px 0px 1.5px',
-            borderStyle: 'solid',
-            borderColor: '#1F88D0',
-            borderBottom: !isLastRow ? '1px solid #F2F2F2' : '1.5px solid #1F88D0',
-            height: '100%',
-            minHeight: '28px',
-            display: 'flex',
-            alignItems: 'center',
-            '&:before': {
-                borderWidth: isLastRow ? '0px 1.5px 1px 1.5px' : '0px 1.5px 0px 1.5px',
-                borderBottom: !isLastRow ? '1px solid transparent' : '1.5px solid #1F88D0',
-            },
-        };
-    }
-    return {};
-};