@tap-payments/os-micro-frontend-shared 0.1.448 → 0.1.449

package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/styles.js

@@ -1,55 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { columnResizeIndicatorIcon } from '../../../../../constants/index.js';
-export const StyledResizeIcon = styled('div', {
-    shouldForwardProp: (prop) => prop !== 'isResizing' && prop !== 'isLast',
-})(({ isLast }) => ({
-    position: 'absolute',
-    top: 0,
-    right: isLast ? -10 : -11,
-    width: 20,
-    height: '100%',
-    backgroundColor: 'transparent',
-    zIndex: 100001,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-export const IndicatorLine = styled('div', {
-    shouldForwardProp: (prop) => prop !== 'isVisible' && prop !== 'x' && prop !== 'height' && prop !== 'top',
-})(({ isVisible, x, height, top }) => ({
-    position: 'fixed',
-    left: x,
-    top: top,
-    width: 1,
-    height: `calc(${height}px - 14px)`,
-    backgroundColor: '#1F88D0',
-    zIndex: 9999,
-    pointerEvents: 'none',
-    opacity: isVisible ? 1 : 0,
-    transition: 'opacity 0.1s ease',
-    '&::before': {
-        content: '""',
-        position: 'absolute',
-        left: -1,
-        top: 0,
-        width: 1,
-        height: '100%',
-    },
-}));
-export const ResizeIcon = styled('div', {
-    shouldForwardProp: (prop) => prop !== 'isVisible' && prop !== 'x' && prop !== 'y' && prop !== 'offsetX',
-})(({ isVisible, x, y, offsetX = 0 }) => ({
-    position: 'fixed',
-    left: x + offsetX - 8,
-    top: y,
-    width: 20,
-    height: 16,
-    backgroundImage: `url(${columnResizeIndicatorIcon})`,
-    backgroundSize: 'contain',
-    backgroundRepeat: 'no-repeat',
-    backgroundPosition: 'center',
-    zIndex: 100000,
-    pointerEvents: 'none',
-    display: isVisible ? 'block' : 'none',
-    transform: 'translate(-50%, -50%)',
-}));

package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/types/index.js

@@ -1 +0,0 @@
-export {};

package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/utils/index.js

@@ -1 +0,0 @@
-export * from './resize';

package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/utils/resize.js

@@ -1,127 +0,0 @@
-import { setColumnWidth } from '../../../../../../utils/index.js';
-import { COLUMN_WIDTH_CONSTRAINTS } from '../constants';
-export const parseColumnWidth = (width) => {
-    if (typeof width === 'string') {
-        const parsed = parseInt(width, 10);
-        return isNaN(parsed) ? COLUMN_WIDTH_CONSTRAINTS.DEFAULT_WIDTH : parsed;
-    }
-    return width || COLUMN_WIDTH_CONSTRAINTS.DEFAULT_WIDTH;
-};
-export const clampWidth = (width) => {
-    return Math.max(COLUMN_WIDTH_CONSTRAINTS.MIN_WIDTH, Math.min(COLUMN_WIDTH_CONSTRAINTS.MAX_WIDTH, width));
-};
-export const getColumnId = (column) => {
-    // Create a unique identifier by combining id and tableViewId
-    // This prevents conflicts when the same tableViewId is used in different columns
-    const baseId = String(column.id);
-    if (column.tableViewId) {
-        // Combine both id and tableViewId with a separator to ensure uniqueness
-        return `${baseId}_${column.tableViewId}`;
-    }
-    return baseId;
-};
-export const applyColumnWidths = (columns, columnWidths) => {
-    return columns.map((col) => {
-        const columnId = getColumnId(col);
-        return Object.assign(Object.assign({}, col), { width: columnWidths[columnId] || col.width });
-    });
-};
-// Event handler utilities
-export const cleanupEventListeners = (mouseMoveRef, mouseUpRef) => {
-    if (mouseMoveRef.current) {
-        document.removeEventListener('mousemove', mouseMoveRef.current);
-        mouseMoveRef.current = undefined;
-    }
-    if (mouseUpRef.current) {
-        document.removeEventListener('mouseup', mouseUpRef.current);
-        mouseUpRef.current = undefined;
-    }
-    document.body.style.cursor = '';
-    document.body.style.userSelect = '';
-};
-// Mouse event handler
-export const createMouseUpHandler = (columnId, currentWidth, startX, windowId, serviceCode, onColumnResize, setResizeState, cleanupFn, clampedXRef) => {
-    return (mouseEvent) => {
-        try {
-            // Use the clamped X position from the ref instead of raw mouse position
-            const deltaX = clampedXRef.current - startX;
-            const newWidth = clampWidth(currentWidth + deltaX);
-            setResizeState((prev) => (Object.assign(Object.assign({}, prev), { columnWidths: Object.assign(Object.assign({}, prev.columnWidths), { [columnId]: newWidth }), isResizing: false, resizingColumn: null, resizeIndicatorX: 0 })));
-            // Save to localStorage if windowId and serviceCode are provided
-            if (windowId && serviceCode) {
-                const success = setColumnWidth(windowId, serviceCode, String(columnId), newWidth);
-                if (!success) {
-                    console.warn(`Failed to persist column width for ${columnId}`);
-                }
-            }
-            onColumnResize === null || onColumnResize === void 0 ? void 0 : onColumnResize(columnId, newWidth);
-            // Prevent event bubbling
-            mouseEvent.stopPropagation();
-            mouseEvent.preventDefault();
-            cleanupFn();
-        }
-        catch (error) {
-            console.error('Error in mouse up handler:', error);
-            cleanupFn();
-        }
-    };
-};
-export const createMouseMoveHandler = (setResizeState, setCursorPosition, initialCursorYRef, tableContainerRef, resizingColumnIndex, resizingColumnPinned, clampedXRef, startXRef, startWidthRef) => {
-    return (mouseEvent) => {
-        try {
-            let clampedX = mouseEvent.clientX;
-            // Clamp the x position to stay within the table boundaries
-            if (tableContainerRef === null || tableContainerRef === void 0 ? void 0 : tableContainerRef.current) {
-                const tableRect = tableContainerRef.current.getBoundingClientRect();
-                const minX = tableRect.left;
-                let maxX = tableRect.right;
-                // Adjust maxX for second pinned start column (index 1)
-                if (resizingColumnPinned === 'start' && resizingColumnIndex === 1) {
-                    maxX = maxX - 38;
-                }
-                clampedX = Math.max(minX, Math.min(maxX, mouseEvent.clientX));
-            }
-            // Store the clamped X position in the ref for use in mouse up handler
-            if (clampedXRef) {
-                clampedXRef.current = clampedX;
-            }
-            // Calculate the indicator position capped at minimum column width
-            let indicatorX = clampedX;
-            if (startXRef && startWidthRef) {
-                // Calculate the minimum position: start position minus how much we can shrink
-                // The left edge of the column is at (startX - startWidth)
-                // The minimum right edge position is at (leftEdge + MIN_WIDTH)
-                const minPositionX = startXRef.current - startWidthRef.current + COLUMN_WIDTH_CONSTRAINTS.MIN_WIDTH;
-                // Cap the indicator at the minimum position when dragging left past minimum
-                // This ensures smooth behavior: indicator only moves when cursor is to the right of minimum position
-                if (clampedX < minPositionX) {
-                    indicatorX = minPositionX;
-                }
-            }
-            setResizeState((prev) => (Object.assign(Object.assign({}, prev), { resizeIndicatorX: indicatorX })));
-            setCursorPosition({
-                x: indicatorX,
-                y: initialCursorYRef.current,
-            });
-        }
-        catch (error) {
-            console.error('Error in mouse move handler:', error);
-        }
-    };
-};
-// Column width utility
-export const getColumnWidthFromState = (columnWidths, columnId) => {
-    return columnWidths[columnId] || COLUMN_WIDTH_CONSTRAINTS.DEFAULT_WIDTH;
-};
-// Creates a mouse up handler that clears the resize flag after completion
-export const createResizeEndHandler = (windowId, serviceCode, onColumnResize, setResizeState, cleanupFn, isResizingRef, clampedXRef) => {
-    return (columnId, currentWidth, startX) => {
-        return (event) => {
-            createMouseUpHandler(columnId, currentWidth, startX, windowId, serviceCode, onColumnResize, setResizeState, cleanupFn, clampedXRef)(event);
-            // Clear resize flag to allow column selection after resize
-            setTimeout(() => {
-                isResizingRef.current = false;
-            }, 0);
-        };
-    };
-};

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

@@ -1,7 +0,0 @@
-export { usePinnedColumns } from './usePinnedColumns';
-export { useSynchronizedScroll } from './useSynchronizedScroll';
-export { useTableState } from './useTableState';
-export { useTableData } from './useTableData';
-export { useVirtualTableContainer } from './useVirtualTableContainer';
-export { usePinnedColumnsWidths } from './usePinnedColumnsWidths';
-export { useTableDimensions } from './useTableDimensions';

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/usePinnedColumns.js

@@ -1,73 +0,0 @@
-import { useState, useCallback, useMemo } from 'react';
-export const usePinnedColumns = (columns, isPinnable, onColumnPin) => {
-    const [pinnedStartColumns, setPinnedStartColumns] = useState(() => {
-        const userPinned = isPinnable ? columns.filter((c) => c.pinned === 'start').map((c) => c.id) : [];
-        const defaultPinned = columns.filter((c) => c.isDefaultPinned && c.pinned !== 'end').map((c) => c.id);
-        return Array.from(new Set([...defaultPinned, ...userPinned]));
-    });
-    const [pinnedEndColumns, setPinnedEndColumns] = useState(() => {
-        const defaultPinned = columns.filter((c) => c.isDefaultPinned && c.pinned === 'end').map((c) => c.id);
-        if (!isPinnable)
-            return defaultPinned;
-        const userPinned = columns.filter((c) => c.pinned === 'end').map((c) => c.id);
-        // Automatically pin the last column to the end if no end-pinned columns exist
-        const visibleColumns = columns.filter((column) => !column.hidden);
-        const lastColumn = visibleColumns[visibleColumns.length - 1];
-        if (userPinned.length === 0 && lastColumn && !lastColumn.pinned && !lastColumn.isDefaultPinned) {
-            return [lastColumn.id];
-        }
-        return userPinned;
-    });
-    const handleColumnPin = useCallback((columnId, position = 'start') => {
-        if (!isPinnable)
-            return;
-        let newPinnedStart = [...pinnedStartColumns];
-        let newPinnedEnd = [...pinnedEndColumns];
-        if (position === 'unpin') {
-            newPinnedStart = newPinnedStart.filter((id) => id !== columnId);
-            newPinnedEnd = newPinnedEnd.filter((id) => id !== columnId);
-        }
-        else if (position === 'start') {
-            newPinnedStart = [...newPinnedStart.filter((id) => id !== columnId), columnId];
-            newPinnedEnd = newPinnedEnd.filter((id) => id !== columnId);
-        }
-        else if (position === 'end') {
-            newPinnedEnd = [...newPinnedEnd.filter((id) => id !== columnId), columnId];
-            newPinnedStart = newPinnedStart.filter((id) => id !== columnId);
-        }
-        setPinnedStartColumns(newPinnedStart);
-        setPinnedEndColumns(newPinnedEnd);
-        const isPinned = newPinnedStart.includes(columnId) || newPinnedEnd.includes(columnId);
-        onColumnPin === null || onColumnPin === void 0 ? void 0 : onColumnPin(columnId, isPinned);
-    }, [pinnedStartColumns, pinnedEndColumns, onColumnPin, isPinnable]);
-    const shownColumns = useMemo(() => columns.filter((column) => !column.hidden), [columns]);
-    const { pinnedStartColumnsData, pinnedEndColumnsData, unpinnedColumnsData } = useMemo(() => {
-        const start = shownColumns.filter((column) => pinnedStartColumns.includes(column.id));
-        const end = shownColumns.filter((column) => pinnedEndColumns.includes(column.id));
-        const unpinned = shownColumns.filter((column) => !pinnedStartColumns.includes(column.id) && !pinnedEndColumns.includes(column.id));
-        // Sort arrays by order and preserve original column properties including width
-        const sortedStart = start.sort((a, b) => { var _a, _b; return ((_a = a === null || a === void 0 ? void 0 : a.order) !== null && _a !== void 0 ? _a : 1000000) - ((_b = b === null || b === void 0 ? void 0 : b.order) !== null && _b !== void 0 ? _b : 1000000); });
-        const sortedEnd = end.sort((a, b) => { var _a, _b; return ((_a = a === null || a === void 0 ? void 0 : a.order) !== null && _a !== void 0 ? _a : 1000000) - ((_b = b === null || b === void 0 ? void 0 : b.order) !== null && _b !== void 0 ? _b : 1000000); });
-        const sortedUnpinned = unpinned.sort((a, b) => { var _a, _b; return ((_a = a === null || a === void 0 ? void 0 : a.order) !== null && _a !== void 0 ? _a : 1000000) - ((_b = b === null || b === void 0 ? void 0 : b.order) !== null && _b !== void 0 ? _b : 1000000); });
-        return {
-            pinnedStartColumnsData: sortedStart,
-            pinnedEndColumnsData: sortedEnd,
-            unpinnedColumnsData: sortedUnpinned,
-        };
-    }, [shownColumns, pinnedStartColumns, pinnedEndColumns]);
-    const orderedColumns = useMemo(() => [...pinnedStartColumnsData, ...unpinnedColumnsData, ...pinnedEndColumnsData], [pinnedStartColumnsData, unpinnedColumnsData, pinnedEndColumnsData]);
-    const lastColumnId = useMemo(() => {
-        const lastCol = orderedColumns[orderedColumns.length - 1];
-        return lastCol ? lastCol.id : null;
-    }, [orderedColumns]);
-    return {
-        pinnedStartColumns,
-        pinnedEndColumns,
-        handleColumnPin,
-        pinnedStartColumnsData,
-        pinnedEndColumnsData,
-        unpinnedColumnsData,
-        orderedColumns,
-        lastColumnId,
-    };
-};

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/usePinnedColumnsWidths.js

@@ -1,15 +0,0 @@
-import { useMemo } from 'react';
-export const usePinnedColumnsWidths = (pinnedStartColumnsData, pinnedEndColumnsData) => {
-    const pinnedStartColumnsWidth = useMemo(() => pinnedStartColumnsData.reduce((acc, col) => {
-        const width = typeof col.width === 'string' ? parseInt(col.width) : col.width || 100;
-        return acc + width;
-    }, 0.2), [pinnedStartColumnsData]);
-    const pinnedEndColumnsWidth = useMemo(() => pinnedEndColumnsData.reduce((acc, col) => {
-        const width = typeof col.width === 'string' ? parseInt(col.width) : col.width || 100;
-        return acc + width;
-    }, 0.2), [pinnedEndColumnsData]);
-    return {
-        pinnedStartColumnsWidth,
-        pinnedEndColumnsWidth,
-    };
-};

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useSynchronizedScroll.js

@@ -1,30 +0,0 @@
-import { useRef, useCallback } from 'react';
-export const useSynchronizedScroll = () => {
-    const pinnedStartVirtualListRef = useRef(null);
-    const scrollableVirtualListRef = useRef(null);
-    const pinnedEndVirtualListRef = useRef(null);
-    const isScrollingSyncRef = useRef(false);
-    const handleScroll = useCallback(({ scrollOffset }, source) => {
-        if (isScrollingSyncRef.current)
-            return;
-        isScrollingSyncRef.current = true;
-        if (source !== 'start' && pinnedStartVirtualListRef.current) {
-            pinnedStartVirtualListRef.current.scrollTo(scrollOffset);
-        }
-        if (source !== 'end' && pinnedEndVirtualListRef.current) {
-            pinnedEndVirtualListRef.current.scrollTo(scrollOffset);
-        }
-        if (source !== 'scrollable' && scrollableVirtualListRef.current) {
-            scrollableVirtualListRef.current.scrollTo(scrollOffset);
-        }
-        requestAnimationFrame(() => {
-            isScrollingSyncRef.current = false;
-        });
-    }, []);
-    return {
-        pinnedStartVirtualListRef,
-        scrollableVirtualListRef,
-        pinnedEndVirtualListRef,
-        handleScroll,
-    };
-};

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useTableData.js

@@ -1,41 +0,0 @@
-import { useMemo } from 'react';
-import { useDelayToSetValue } from '../../../../hooks/index.js';
-import { isHeightNotFullyFilledByRows, isNotFoundError, isTimeoutError, hasError } from '../../../../utils/index.js';
-// Type guard to check if error is AxiosError
-const isAxiosError = (error) => {
-    return error !== null && 'isAxiosError' in error && error.isAxiosError === true;
-};
-export const useTableData = ({ rows, isLoading, error, isFetchingNextPage, areAllRowsLoaded }) => {
-    const isDelayedFetchingNextPage = useDelayToSetValue({
-        value: isFetchingNextPage,
-        delay: 1000,
-    });
-    const tableStates = useMemo(() => {
-        const isError = hasError(error || null);
-        const tableLoading = isLoading !== null && isLoading !== void 0 ? isLoading : true;
-        const axiosError = error && isAxiosError(error) ? error : null;
-        const tableError = !isLoading && rows.length === 0 && isError && !isNotFoundError(axiosError);
-        const tableEmpty = !isLoading && rows.length === 0;
-        const hasTimeoutError = isTimeoutError(axiosError);
-        const showNoDataView = tableLoading || tableError || tableEmpty || hasTimeoutError;
-        return {
-            isError,
-            tableLoading,
-            tableError,
-            tableEmpty,
-            hasTimeoutError,
-            showNoDataView,
-        };
-    }, [rows.length, isLoading, error]);
-    const tableMetrics = useMemo(() => {
-        const lastItemIndex = rows.length - 1;
-        const areTotalRowsNotFillingHeight = isHeightNotFullyFilledByRows(rows.length) && !tableStates.tableLoading;
-        const itemsCount = (isDelayedFetchingNextPage !== null && isDelayedFetchingNextPage !== void 0 ? isDelayedFetchingNextPage : false) || areAllRowsLoaded ? rows.length + 1 : rows.length;
-        return {
-            lastItemIndex,
-            areTotalRowsNotFillingHeight,
-            itemsCount,
-        };
-    }, [rows.length, tableStates.tableLoading, isDelayedFetchingNextPage, areAllRowsLoaded]);
-    return Object.assign(Object.assign(Object.assign({}, tableStates), tableMetrics), { isDelayedFetchingNextPage: isDelayedFetchingNextPage !== null && isDelayedFetchingNextPage !== void 0 ? isDelayedFetchingNextPage : false });
-};

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useTableDimensions.js

@@ -1,26 +0,0 @@
-import { SHEET_VIEW_TABLE_ROW_HEIGHT } from '../../../../constants/index.js';
-import { useEffect, useState } from 'react';
-export const useTableDimensions = ({ tableContainerRef, showHeader, isResizing }) => {
-    const [tableDimensions, setTableDimensions] = useState({ top: 0, height: 0 });
-    useEffect(() => {
-        const updateTableDimensions = () => {
-            if (tableContainerRef.current) {
-                const rect = tableContainerRef.current.getBoundingClientRect();
-                const headerHeight = showHeader ? SHEET_VIEW_TABLE_ROW_HEIGHT : 0; // Header height is 28px
-                setTableDimensions({
-                    top: rect.top + headerHeight,
-                    height: rect.height - headerHeight,
-                });
-            }
-        };
-        // Update dimensions on mount and when resizing starts
-        updateTableDimensions();
-        if (isResizing) {
-            // Update dimensions during resize to handle window resizing
-            const handleResize = () => updateTableDimensions();
-            window.addEventListener('resize', handleResize);
-            return () => window.removeEventListener('resize', handleResize);
-        }
-    }, [isResizing, showHeader, tableContainerRef]);
-    return tableDimensions;
-};

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useTableState.js

@@ -1,65 +0,0 @@
-import { useState, useCallback } from 'react';
-export const useTableState = () => {
-    const [selectedCell, setSelectedCell] = useState(null);
-    const [selectedColumn, setSelectedColumn] = useState(null);
-    const [selectedChip, setSelectedChip] = useState(null);
-    const [selectedRow, setSelectedRow] = useState(null);
-    const [showBackDrop, setShowBackdrop] = useState(false);
-    const handleChipClick = useCallback((rowIndex, columnIndex, event, chipIndex, pinnedType) => {
-        event.stopPropagation();
-        const chipKey = `${pinnedType !== null && pinnedType !== void 0 ? pinnedType : 'default'}-${rowIndex}-${columnIndex}-${chipIndex}`;
-        const cellKey = `${pinnedType !== null && pinnedType !== void 0 ? pinnedType : 'default'}-${rowIndex}-${columnIndex}`;
-        const isChipAlreadySelected = selectedChip === chipKey;
-        if (isChipAlreadySelected) {
-            setSelectedChip(null);
-            setSelectedCell(null);
-            return;
-        }
-        setSelectedChip(chipKey);
-        setSelectedCell(cellKey);
-        setSelectedRow(null);
-    }, [selectedChip, setSelectedChip, setSelectedCell, setSelectedRow]);
-    const handleCellClick = useCallback((rowIndex, columnIndex, event, pinnedType) => {
-        event.stopPropagation();
-        // If clicking on any cell in the pinned start section, select the entire row
-        if (pinnedType === 'start' && columnIndex === 0) {
-            setSelectedRow((prev) => (prev === rowIndex ? null : rowIndex));
-            setSelectedCell(null);
-            setSelectedColumn(null);
-            setSelectedChip(null);
-            return;
-        }
-        // Otherwise, handle normal cell selection
-        const cellKey = `${pinnedType !== null && pinnedType !== void 0 ? pinnedType : 'default'}-${rowIndex}-${columnIndex}`;
-        setSelectedCell((prev) => (prev === cellKey ? null : cellKey));
-        setSelectedColumn(null);
-        setSelectedChip(null);
-        setSelectedRow(null);
-    }, [selectedRow]);
-    const handleColumnClick = useCallback((columnIndex, event, pinnedType) => {
-        event.stopPropagation();
-        const columnKey = `${pinnedType !== null && pinnedType !== void 0 ? pinnedType : 'default'}-${columnIndex}`;
-        setSelectedColumn((prev) => (prev === columnKey ? null : columnKey));
-        setSelectedCell(null);
-        setSelectedChip(null);
-        setSelectedRow(null);
-    }, []);
-    const resetSelection = useCallback(() => {
-        setSelectedCell(null);
-        setSelectedColumn(null);
-        setSelectedChip(null);
-        setSelectedRow(null);
-    }, []);
-    return {
-        selectedCell,
-        selectedColumn,
-        selectedRow,
-        showBackDrop,
-        selectedChip,
-        setShowBackdrop,
-        handleChipClick,
-        handleCellClick,
-        handleColumnClick,
-        resetSelection,
-    };
-};

package/build/components/VirtualTables/SheetViewVirtualTable/hooks/useVirtualTableContainer.js

@@ -1,57 +0,0 @@
-import { useCallback, useMemo } from 'react';
-import memoize from 'memoize-one';
-const createItemData = memoize((columns, isLoading, rows, rowProps, scrollToIndex, lastItemIndex, totalCount, isError, areAllRowsLoaded, isPinned, selectedCell, selectedColumn, selectedRow, selectedChip, onCellClick, onChipClick, containerHeight, rowHeight) => ({
-    columns,
-    isLoading,
-    rows,
-    rowProps,
-    scrollToIndex,
-    totalCount,
-    lastItemIndex,
-    isError,
-    areAllRowsLoaded,
-    limit: totalCount,
-    newLoadedRowsEndIndex: lastItemIndex,
-    isSheetView: true,
-    isPinned,
-    selectedCell,
-    selectedColumn,
-    selectedRow,
-    selectedChip,
-    onCellClick,
-    onChipClick,
-    containerHeight,
-    rowHeight,
-}));
-export const useVirtualTableContainer = ({ rowHeight, areAllRowsLoaded, rows, isDelayedFetchingNextPage, rowProps, scrollToIndex, footerProps, isError, selectedCell, selectedColumn, selectedRow, selectedChip, handleCellClick, handleChipClick, }) => {
-    const getItemSize = useCallback((index, height) => {
-        const isLastRow = areAllRowsLoaded && index === rows.length;
-        if (isLastRow) {
-            // Calculate remaining height: total height - (number of data rows * row height)
-            const usedHeight = rows.length * rowHeight;
-            const remainingHeight = height - usedHeight;
-            const minimumLastRowHeight = rowHeight * 2; // Minimum height is 2x rowHeight
-            return Math.max(remainingHeight, minimumLastRowHeight); // Ensure minimum 2x row height
-        }
-        return rowHeight;
-    }, [areAllRowsLoaded, rows.length, rowHeight]);
-    const commonItemDataParams = useMemo(() => {
-        var _a;
-        return [
-            isDelayedFetchingNextPage,
-            rows,
-            rowProps,
-            scrollToIndex,
-            rows.length - 1,
-            (_a = footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount) !== null && _a !== void 0 ? _a : 0,
-            isError,
-            areAllRowsLoaded,
-        ];
-    }, [isDelayedFetchingNextPage, rows, rowProps, scrollToIndex, footerProps === null || footerProps === void 0 ? void 0 : footerProps.totalCount, isError, areAllRowsLoaded]);
-    const commonItemDataSuffix = useMemo(() => [selectedCell, selectedColumn, selectedRow, selectedChip, handleCellClick, handleChipClick], [selectedCell, selectedColumn, selectedRow, selectedChip, handleCellClick, handleChipClick]);
-    const getItemDataForContainer = useCallback((columnsData, isPinnedColumn, height) => createItemData(columnsData, ...commonItemDataParams, isPinnedColumn, ...commonItemDataSuffix, height, rowHeight), [commonItemDataParams, commonItemDataSuffix, rowHeight]);
-    return {
-        getItemSize,
-        getItemDataForContainer,
-    };
-};

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

@@ -1,5 +0,0 @@
-export { default as SheetViewVirtualTable } from './SheetViewVirtualTable';
-export { default as SheetViewTableHeader } from './components/SheetViewTableHeader';
-export * from './style';
-export * from './hooks';
-export * from './components';

package/build/components/VirtualTables/SheetViewVirtualTable/style.js

@@ -1,110 +0,0 @@
-import { styled } from '@mui/material/styles';
-import TableHead from '@mui/material/TableHead';
-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',
-    marginTop: '2px',
-}));
-export const HeaderText = styled('span')(({ theme }) => ({
-    color: theme.palette.text.primary,
-    textOverflow: 'ellipsis',
-    width: '80%',
-    overflow: 'hidden',
-    fontSize: '12px',
-    fontWeight: 600,
-}));
-export const PinIconContainer = styled('div')(() => ({
-    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 }) => ({
-    flex: '0 0 auto',
-    boxShadow: showBackDrop ? theme.shadows[23] : 'none',
-    backgroundColor: theme.palette.background.default,
-    zIndex: 1,
-    width: '100%',
-    minWidth: 'auto',
-    overflowX: 'scroll',
-}));
-export const StyledMUITableRow = styled(MUITableRow)(({ theme }) => ({
-    display: 'flex',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-    width: '100%',
-    minWidth: 'fit-content',
-    height: '28px',
-    backgroundColor: theme.palette.primary.light,
-}));
-export const SheetViewVirtualTableWrapper = styled('div')({
-    display: 'flex',
-    width: '100%',
-    height: '100%',
-    overflow: 'hidden',
-    borderRadius: '12px',
-});
-const PinnedColumnBase = styled('div')(({ theme }) => ({
-    width: 'auto',
-    zIndex: 10,
-    flex: '0 0 auto',
-    minWidth: 0,
-    display: 'flex',
-    flexDirection: 'column',
-    position: 'relative',
-    backgroundColor: theme.palette.primary.light,
-    borderTop: '1px solid #F2F2F2',
-    borderBottom: '1px solid #F2F2F2',
-    overflow: 'hidden', // Ensure border radius is applied properly
-}));
-export const PinnedStartColumnWrapper = styled(PinnedColumnBase)({
-    boxShadow: '4px 0px 24px 0px #00000014',
-    borderLeft: '1px solid #F2F2F2',
-    borderRight: 'none',
-    borderTopLeftRadius: '12px',
-    borderBottomLeftRadius: '12px',
-});
-export const PinnedEndColumnWrapper = styled(PinnedColumnBase)({
-    boxShadow: '-4px 0px 24px 0px #00000014',
-    borderRight: '1px solid #F2F2F2',
-    borderLeft: 'none',
-    borderTopRightRadius: '12px',
-    borderBottomRightRadius: '12px',
-});
-export const MainTableWrapper = styled('div', {
-    shouldForwardProp: (prop) => prop !== 'hasPinnedStart' && prop !== 'hasPinnedEnd',
-})(({ hasPinnedStart, hasPinnedEnd }) => ({
-    flex: '1 1 auto',
-    minWidth: 0,
-    display: 'flex',
-    flexDirection: 'column',
-    borderTop: '1px solid #F2F2F2',
-    borderBottom: '1px solid #F2F2F2',
-    borderLeft: hasPinnedStart ? 'none' : '1px solid #F2F2F2',
-    borderRight: hasPinnedEnd ? 'none' : '1px solid #F2F2F2',
-    position: 'relative',
-    scrollbarWidth: 'auto',
-    overflow: 'hidden',
-    borderTopLeftRadius: hasPinnedStart ? '0' : '12px',
-    borderBottomLeftRadius: hasPinnedStart ? '0' : '12px',
-    borderTopRightRadius: hasPinnedEnd ? '0' : '12px',
-    borderBottomRightRadius: hasPinnedEnd ? '0' : '12px',
-}));
-export const UnpinnedTableHeaderWrapper = styled('div')({
-    flexShrink: 0,
-    height: 'auto',
-    overflow: 'scroll',
-});

package/build/components/VirtualTables/SheetViewVirtualTable/types.js

@@ -1 +0,0 @@
-export {};