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

package/build/components/VirtualTables/components/ErrorList/ErrorList.js

@@ -1,23 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { disputeIcon } from '../../../../constants/index.js';
-import { ErrorHeading, ListErrorWrapper, ErrorMessage, SizeWrapper, StyledImage, StyledButton, StyledButtonText } from './styles';
-function ErrorList(_a) {
-    var { triggerDataRefetch, heading, message, shouldMinimizeWidth, sandboxMode } = _a, props = __rest(_a, ["triggerDataRefetch", "heading", "message", "shouldMinimizeWidth", "sandboxMode"]);
-    const { t } = useTranslation();
-    return (_jsx(ListErrorWrapper, Object.assign({ sandboxMode: sandboxMode }, props, { children: _jsxs(SizeWrapper, Object.assign({ shouldMinimizeWidth: shouldMinimizeWidth }, { children: [_jsx(StyledImage, { src: disputeIcon, alt: "info icon" }), _jsx(ErrorHeading, { children: t(heading) }), _jsx(ErrorMessage, { children: t(message) }), _jsx(StyledButton, Object.assign({ variant: "contained", onClick: () => {
-                        triggerDataRefetch();
-                    } }, { children: _jsx(StyledButtonText, { children: t('tryAgain') }) }))] })) })));
-}
-export default ErrorList;

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

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

package/build/components/VirtualTables/components/ErrorList/styles.js

@@ -1,72 +0,0 @@
-import { Button } from '@mui/material';
-import Box from '@mui/material/Box';
-import { styled, alpha } from '@mui/material/styles';
-export const ListErrorWrapper = styled(Box, { shouldForwardProp: (prop) => prop !== 'sandboxMode' })(({ theme, sandboxMode }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    height: '100%',
-    width: '100%',
-    justifyContent: 'center',
-    alignItems: 'center',
-    textAlign: 'center',
-    background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.grey[300],
-    backdropFilter: 'blur(32px)',
-    gap: '0.5rem',
-}));
-export const SizeWrapper = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'shouldMinimizeWidth',
-})(({ shouldMinimizeWidth }) => ({
-    width: shouldMinimizeWidth ? '9rem' : '15rem',
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-}));
-export const ErrorHeading = styled('h1')(({ theme }) => {
-    var _a;
-    return ({
-        fontWeight: 600,
-        fontSize: '1.125rem',
-        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
-        padding: 0,
-        margin: 0,
-    });
-});
-export const ErrorMessage = styled('p')(({ theme }) => {
-    var _a;
-    return ({
-        fontWeight: 400,
-        fontSize: '0.75rem',
-        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
-        opacity: 0.5,
-        padding: 0,
-        marginTop: 3,
-        textAlign: 'center',
-    });
-});
-export const StyledImage = styled('img')(() => ({
-    width: '2rem',
-    height: '2rem',
-}));
-export const StyledButton = styled(Button)(({ theme }) => ({
-    padding: ' 0.625rem 1rem',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    gap: '0.5rem',
-    backgroundColor: alpha(theme.palette.info.dark, 0.1),
-    borderRadius: '0.25rem',
-    color: theme.palette.info.dark,
-    '&:hover': {
-        backgroundColor: alpha(theme.palette.info.dark, 0.1),
-        color: theme.palette.info.dark,
-    },
-    width: '6rem',
-    height: '1.8rem',
-    marginTop: '1.5rem',
-}));
-export const StyledButtonText = styled('p')(({ theme }) => ({
-    color: theme.palette.info.dark,
-    fontSize: '0.8rem',
-    fontWeight: 600,
-    textTransform: 'none',
-}));

package/build/components/VirtualTables/components/RowErrorState.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { motion } from 'framer-motion';
-export function RowErrorState() {
-    return (_jsx(motion.div, Object.assign({ initial: { width: 0 }, animate: { width: 'fit-content', transition: { duration: 0.5 } }, exit: { width: 0 }, style: {
-            paddingInline: '11px',
-            paddingBlock: '5px',
-            boxShadow: `0px 0px 1px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.09), 0px 2px 1px 0px rgba(0, 0, 0, 0.05), 0px 4px 2px 0px rgba(0, 0, 0, 0.01), 0px 7px 2px 0px rgba(0, 0, 0, 0.00)`,
-            borderRadius: '24px',
-            overflow: 'hidden',
-            display: 'inline-block',
-            whiteSpace: 'nowrap',
-        } }, { children: _jsxs(motion.span, Object.assign({ style: {
-                color: '#8F9195',
-                fontSize: '12px',
-                fontWeight: 600,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                gap: '10px',
-            } }, { children: [_jsx(motion.span, { children: "!" }), _jsx(motion.span, { children: "Error while loading" })] })) })));
-}

package/build/components/VirtualTables/components/TableError.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import ErrorList from './ErrorList';
-import { backendErrorHandler } from '../../../utils/index.js';
-import EmptyList from './EmptyList';
-const TableError = (props) => {
-    const { isTimeoutError, tableError, triggerDataRefetch, sandboxMode, tableEmpty, error } = props;
-    if (isTimeoutError) {
-        return (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_timeoutError", shouldMinimizeWidth: true, heading: "timeOut", message: "yourRequestOutPleaseTryAgain", triggerDataRefetch: triggerDataRefetch, sandboxMode: sandboxMode }));
-    }
-    const axiosErr = error;
-    if (tableError) {
-        const { formatted } = backendErrorHandler({ error: axiosErr, fallbackMessage: 'connectionErrorMsg' });
-        return (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: formatted, triggerDataRefetch: triggerDataRefetch, sandboxMode: sandboxMode }));
-    }
-    if (tableEmpty) {
-        const { formatted } = backendErrorHandler({ error: axiosErr, fallbackMessage: 'tryAdjustingTheDateOrFilters' });
-        return _jsx(EmptyList, { sandboxMode: sandboxMode, heading: "nothingFound", message: formatted });
-    }
-    return (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: "connectionErrorMsg", triggerDataRefetch: triggerDataRefetch, sandboxMode: sandboxMode }));
-};
-export default memo(TableError);

package/build/components/VirtualTables/components/TableFooter/TableFooter.js

@@ -1,22 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { formatNumber } from '../../../../utils/index.js';
-import { StyledFooter, Label, Title, ValueWrapper, EngravingLine } from './style';
-function TableFooter(_a) {
-    var { totalCount, showBackDrop = false, showSeparator, sandboxMode, maximized } = _a, other = __rest(_a, ["totalCount", "showBackDrop", "showSeparator", "sandboxMode", "maximized"]);
-    const { t } = useTranslation();
-    return (_jsxs(StyledFooter, Object.assign({ component: "footer", "data-testid": "TableFooter", maximized: maximized !== null && maximized !== void 0 ? maximized : false, sandboxMode: sandboxMode, showBackDrop: showBackDrop, areTotalRowsNotFillingHeight: !!showSeparator }, other, { children: [showSeparator && _jsx(EngravingLine, {}), totalCount || totalCount === 0 ? (_jsxs(Label, Object.assign({ sx: { gap: '6px', cursor: 'text' } }, { children: [_jsx(Title, { children: t('count') }), _jsx(ValueWrapper, { children: formatNumber(totalCount || 0) })] }))) : null] })));
-}
-export default React.memo(TableFooter);

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

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

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

@@ -1,53 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import Text from '../../../Text';
-export const TABLE_FOOTER_HEIGHT = '37px';
-export const StyledFooter = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'showBackDrop' && prop !== 'areTotalRowsNotFillingHeight' && prop !== 'sandboxMode' && prop !== 'maximized',
-})(({ theme, showBackDrop, areTotalRowsNotFillingHeight, sandboxMode, maximized }) => (Object.assign(Object.assign({ minHeight: TABLE_FOOTER_HEIGHT }, (!maximized && {
-    borderBottomLeftRadius: theme.spacing(1.5),
-    borderBottomRightRadius: theme.spacing(1.5),
-})), { display: 'flex', alignItems: 'center', border: 'none', justifyContent: 'space-between', padding: '6px 32px', background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.grey[300], backdropFilter: 'blur(32px)', boxShadow: showBackDrop ? theme.shadows[24] : 'none', borderTop: areTotalRowsNotFillingHeight ? `1px outset ${theme.palette.grey[800]}` : 'none', width: '100%', marginTop: 'auto', flexShrink: 0, cursor: 'move' })));
-export const EngravingLine = styled('div')(({ theme }) => ({
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    height: '1.5px',
-    backgroundColor: theme.palette.grey[300],
-    boxShadow: `inset 0 1px 0 0 ${theme.palette.grey[300]}`,
-}));
-export const Label = styled(Box)(({ theme }) => ({
-    borderRadius: '37.5px',
-    border: '0.75px solid rgba(242, 242, 242, 0.70)',
-    backgroundColor: theme.palette.common.white,
-    opacity: 1,
-    paddingInline: theme.spacing(1),
-    display: 'flex',
-    alignItems: 'center',
-    height: 24,
-    gap: '7px',
-    maxWidth: 'max-content',
-}));
-export const Title = styled(Text)(() => ({
-    fontSize: '9px',
-    fontWeight: 400,
-    lineHeight: '10.8px',
-}));
-export const ValueWrapper = styled(Text)(() => ({
-    fontSize: '10.5px',
-    fontWeight: 700,
-    lineHeight: '12.6px',
-}));
-export const Value = styled(Box)(() => ({
-    display: 'flex',
-    gap: '3px',
-    alignItems: 'center',
-}));
-export const Report = styled(Box)(() => ({
-    display: 'flex',
-    gap: '6px',
-}));
-export const DecimalSpan = styled('span')(() => ({
-    fontWeight: 400,
-}));

package/build/components/VirtualTables/components/TableHeader/TableHeader.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { TableCell } from './components';
-import { StyledHeader, StyledMUITableRow } from './style';
-function TableHeader({ columns, headerProps, showBackDrop, onColumnSort, columnsSorting, isSheetView, totalCount }) {
-    return (_jsx(StyledHeader, Object.assign({ component: "nav", "data-testid": "VirtualTable_TableHeader_StyledHeader", showBackDrop: showBackDrop }, headerProps, { children: _jsx(StyledMUITableRow, Object.assign({ component: "section", "data-testid": "VirtualTable_TableHeader_StyledMUITableRow", isSheetView: isSheetView }, { children: columns.map((column, colIndex) => {
-                return (_jsx(TableCell, { column: column, isFirst: column.id === columns[0].id, isLast: column.id === columns[columns.length - 1].id, onColumnSort: onColumnSort, columnsSorting: columnsSorting, isSheetView: isSheetView, totalCount: totalCount }, `${column.id}-${colIndex}`));
-            }) })) })));
-}
-export default memo(TableHeader);

package/build/components/VirtualTables/components/TableHeader/components/TableCell/TableCell.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
-import Box from '@mui/material/Box';
-import ColumnFilter from '../../../../../VirtualTables/components/ColumnFilter';
-import ColumnSort from '../../../../../VirtualTables/components/ColumnSort';
-import { StyledCell, TableHeaderInner } from '../../../../../VirtualTables/components/style';
-import useColumnFilter from '../../../../../VirtualTables/hooks/useColumnFilter';
-export function TableCell({ column: { header, id, align, headerStyle, sortable, filter, width, order }, isFirst, isLast, isSheetView, onColumnSort, columnsSorting, totalCount, }) {
-    const [columnFilterEl, setColumnFilterEl] = useState(null);
-    const cellRef = useRef(null);
-    const { isFilterApplied, filterDisabled } = useColumnFilter({ filter, totalCount });
-    const onOpenFilterDropdown = () => {
-        setColumnFilterEl(cellRef.current);
-    };
-    return (_jsx(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, ref: cellRef, sx: (theme) => (Object.assign(Object.assign({ paddingInline: '0.6875rem', paddingLeft: isFirst ? '0' : '0.6875rem', paddingRight: isLast ? '0' : '0.6875rem', display: 'flex', gap: theme.spacing(0.5), alignItems: 'center', justifyContent: align === 'right' ? 'flex-end' : 'flex-start', width: width, textAlign: align, overflow: 'unset', fontWeight: 600 }, (filterDisabled && { cursor: 'not-allowed' })), headerStyle)), isSheetView: isSheetView }, { children: _jsxs(TableHeaderInner, Object.assign({ disabled: filterDisabled, onClick: onOpenFilterDropdown }, { children: [typeof header === 'function' ? (header()) : (_jsx(Box, Object.assign({ "data-testid": "TableHeader_columns_header", sx: { maxWidth: '100%', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, { children: header && (_jsx("span", Object.assign({ style: { textOverflow: 'ellipsis', width: '80%', overflow: 'hidden' }, "data-testid": "VirtualTable_TableHeader_StyledCell_header_text" }, { children: header }))) }))), filter && (_jsx(ColumnFilter, Object.assign({}, filter, { anchorEl: columnFilterEl, setAnchorEl: setColumnFilterEl, isFilterApplied: isFilterApplied, disabled: filterDisabled }))), sortable && _jsx(ColumnSort, { onColumnSort: onColumnSort, columnsSorting: columnsSorting, columnId: id })] })) })));
-}

package/build/components/VirtualTables/components/TableHeader/components/TableCell/index.js

@@ -1,2 +0,0 @@
-import { TableCell } from './TableCell';
-export default TableCell;

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

@@ -1 +0,0 @@
-export { default as TableCell } from './TableCell';

package/build/components/VirtualTables/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/VirtualTables/components/TableHeader/index.js

@@ -1,3 +0,0 @@
-import TableHeader from './TableHeader';
-export * from './type';
-export default TableHeader;

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

@@ -1,23 +0,0 @@
-import { styled } from '@mui/material/styles';
-import TableHead from '@mui/material/TableHead';
-import MUITableRow from '@mui/material/TableRow';
-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, {
-    shouldForwardProp: (prop) => prop !== 'isSheetView',
-})(({ theme, isSheetView }) => (Object.assign({ display: 'flex', justifyContent: 'flex-start', width: '100%', minWidth: 'fit-content', paddingInline: '32px', paddingBlock: '16px' }, (isSheetView && {
-    height: '28px',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    backgroundColor: theme.palette.primary.light,
-    paddingInline: 0,
-    paddingBlock: 0,
-}))));

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

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

package/build/components/VirtualTables/components/TableLastItem.js

@@ -1,39 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import Box from '@mui/material/Box';
-import { alpha, styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-const Container = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'sandboxMode' && prop !== 'height',
-})(({ theme, sandboxMode, height }) => ({
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    alignItems: 'center',
-    height: `calc(100% - ${height}px)`,
-    background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.grey[300],
-    backdropFilter: 'blur(32px)',
-    margin: 0,
-    minHeight: '55px',
-}));
-export const StyledParagraph = styled('p')(({ theme }) => ({
-    fontSize: '0.75rem',
-    fontWeight: 600,
-    color: alpha(theme.palette.common.black, 0.2),
-}));
-function TableLastItem(_a) {
-    var { height, sandboxMode } = _a, props = __rest(_a, ["height", "sandboxMode"]);
-    const { t } = useTranslation();
-    return (_jsx(Container, Object.assign({ component: "section", "data-testid": "TableLastItem" }, props, { height: height, sandboxMode: sandboxMode }, { children: _jsx(StyledParagraph, { children: t('allRecordsHaveBeenSuccessfullyLoaded') }) })));
-}
-export default TableLastItem;

package/build/components/VirtualTables/components/TableLoading.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { styled } from '@mui/material/styles';
-import uniqueId from 'lodash/uniqueId';
-import { calculateMaxAllowedRows } from '../../../utils/index.js';
-import TableRowLoading from './TableRowLoading';
-const Wrapper = styled('section')(({ isLoaded = false }) => ({
-    overflow: 'hidden',
-    paddingInline: '32px',
-    backgroundColor: isLoaded ? 'rgba(255, 255, 255, 0.60)' : 'none',
-    filter: isLoaded ? 'blur(8px)' : 'none',
-    marginTop: isLoaded ? '1rem' : '0.2rem',
-}));
-function TableLoading({ columns, isLoaded = false, animationType, isLoading = false, rowsCount }) {
-    let maxAllowedRows = rowsCount || calculateMaxAllowedRows(isLoaded, isLoading);
-    maxAllowedRows = maxAllowedRows > 0 ? maxAllowedRows : 5;
-    return (_jsx(Wrapper, Object.assign({ isLoaded: isLoaded, "data-testid": "TableLoading" }, { children: [...Array(maxAllowedRows)].map(() => (_jsx(TableRowLoading, { columns: columns, animationType: animationType }, `i-${uniqueId('TableLoadingRow_')}`))) })));
-}
-export default memo(TableLoading);

package/build/components/VirtualTables/components/TableLoadingWithCard.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { styled } from '@mui/material/styles';
-import uniqueId from 'lodash/uniqueId';
-import { calculateMaxAllowedRows } from '../../../utils/index.js';
-import TableRowLoadingWithCard from './TableRowLoadingWithCard';
-const Wrapper = styled('section')(({ isLoaded = false }) => ({
-    overflow: 'hidden',
-    paddingInline: '32px',
-    backgroundColor: isLoaded ? 'rgba(255, 255, 255, 0.60)' : 'none',
-    filter: isLoaded ? 'blur(8px)' : 'none',
-    marginTop: isLoaded ? '1rem' : '0.2rem',
-}));
-function TableLoadingWithCard({ isLoaded = false, isLoading = false, rowsCount, cardLoadingComponent }) {
-    let maxAllowedRows = rowsCount || calculateMaxAllowedRows(isLoaded, isLoading);
-    maxAllowedRows = maxAllowedRows > 0 ? maxAllowedRows : 5;
-    return (_jsx(Wrapper, Object.assign({ isLoaded: isLoaded, "data-testid": "TableLoadingWithCard" }, { children: [...Array(maxAllowedRows)].map(() => (_jsx(TableRowLoadingWithCard, { cardLoadingComponent: cardLoadingComponent }, `i-${uniqueId('TableLoadingRow_')}`))) })));
-}
-export default memo(TableLoadingWithCard);

package/build/components/VirtualTables/components/TableNoData.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import TableLoading from './TableLoading';
-import { StyledSolidBackground } from './style';
-import TableError from './TableError';
-function TableNoData({ error, tableEmpty, isTimeoutError, tableError, tableLoading, orderedColumns, triggerDataRefetch, footerProps, }) {
-    if (tableLoading) {
-        return (_jsx(StyledSolidBackground, Object.assign({ "data-testid": "VirtualTable_SolidBackground" }, { children: _jsx(TableLoading, { "data-testid": "VirtualTable_TableLoading", columns: orderedColumns, isLoading: true }) })));
-    }
-    return (_jsx(TableError, { isTimeoutError: isTimeoutError, tableEmpty: tableEmpty, tableError: tableError, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode, error: error, triggerDataRefetch: triggerDataRefetch }));
-}
-TableNoData.displayName = 'TableNoData';
-export default memo(TableNoData);

package/build/components/VirtualTables/components/TableNoDataWithCard.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { backendErrorHandler } from '../../../utils/index.js';
-import ErrorList from './ErrorList/ErrorList';
-import TableLoadingWithCard from './TableLoadingWithCard';
-import { StyledSolidBackground } from './style';
-function TableNoDataWithCard({ error, tableEmpty, isTimeoutError, tableError, tableLoading, triggerDataRefetch, footerProps, cardLoadingComponent, noDataComponent: NoDataComponent, }) {
-    let content;
-    if (tableLoading) {
-        content = (_jsx(StyledSolidBackground, Object.assign({ "data-testid": "VirtualTable_SolidBackground" }, { children: _jsx(TableLoadingWithCard, { "data-testid": "VirtualTable_TableLoading", isLoading: true, cardLoadingComponent: cardLoadingComponent }) })));
-    }
-    else if (isTimeoutError) {
-        content = (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_timeoutError", shouldMinimizeWidth: true, heading: "timeOut", message: "yourRequestOutPleaseTryAgain", triggerDataRefetch: triggerDataRefetch, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode }));
-    }
-    else if (tableError) {
-        const axiosErr = error;
-        const { formatted } = backendErrorHandler({ error: axiosErr, fallbackMessage: 'connectionErrorMsg' });
-        content = (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: formatted, triggerDataRefetch: triggerDataRefetch, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode }));
-    }
-    else if (tableEmpty) {
-        content = NoDataComponent;
-    }
-    else {
-        content = (_jsx(ErrorList, { "data-testid": "VirtualTable_ErrorList_tableError", heading: "somethingWentWrong", message: "connectionErrorMsg", triggerDataRefetch: triggerDataRefetch, sandboxMode: footerProps === null || footerProps === void 0 ? void 0 : footerProps.sandboxMode }));
-    }
-    return content;
-}
-TableNoDataWithCard.displayName = 'TableNoDataWithCard';
-export default memo(TableNoDataWithCard);

package/build/components/VirtualTables/components/TableRow.js

@@ -1,93 +0,0 @@
-import { createElement as _createElement } from "react";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import React, { memo, useMemo } from 'react';
-import { Box } from '@mui/material';
-import { areEqual } from 'react-window';
-import { StyledCell, StyledTableRow } from './style';
-import { getSelectionStyles, getRowSelectionBorderStyles } from '../../../utils/index.js';
-function TableRow({ row, columns, index, rowProps, isSheetView, selectedCell = null, selectedColumn = null, selectedRow = null, selectedChip = null, onCellClick, isLastRow = false, onChipClick, }) {
-    // Memoize chip click handler to prevent recreation on every render
-    const handleChipClick = React.useCallback((colIndex, pinned) => (event, chipIndex) => {
-        onChipClick === null || onChipClick === void 0 ? void 0 : onChipClick(index, colIndex, event, chipIndex, pinned);
-    }, [onChipClick, index]);
-    // Memoize cell renderer to prevent recreation
-    const renderCell = React.useCallback((column, rowIndex, colIndex) => {
-        const { render, format, selector } = column;
-        if (!(column === null || column === void 0 ? void 0 : column.id) || !row)
-            return null;
-        const value = selector ? selector({ row, index, value: row[column === null || column === void 0 ? void 0 : column.id] }) : row[column === null || column === void 0 ? void 0 : column.id];
-        const formattedValue = format ? format({ value, row, index }) : value;
-        return render ? (render({
-            row,
-            column,
-            index,
-            value: row[column === null || column === void 0 ? void 0 : column.id],
-            selectionProps: { onClick: handleChipClick(colIndex, column.pinned), rowIndex, colIndex, selectedId: selectedChip },
-        })) : (_jsx(_Fragment, { children: formattedValue }));
-    }, [row, index, selectedChip, handleChipClick]);
-    // Pre-compute if any selection is active
-    const hasActiveSelection = selectedCell !== null || selectedColumn !== null || selectedRow !== null;
-    // Memoize cell click handler
-    const handleCellClick = React.useCallback((colIndex, pinned) => (event) => {
-        onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(index, colIndex, event, pinned);
-    }, [onCellClick, index]);
-    const content = useMemo(() => {
-        var _a, _b;
-        const firstColumnId = (_a = columns[0]) === null || _a === void 0 ? void 0 : _a.id;
-        const lastColumnId = (_b = columns[columns.length - 1]) === null || _b === void 0 ? void 0 : _b.id;
-        const isRowSelected = selectedRow === index;
-        return (_jsx(_Fragment, { children: columns.map((column, colIndex) => {
-                var _a, _b;
-                // Early exit for invalid columns
-                if (!(column === null || column === void 0 ? void 0 : column.id))
-                    return null;
-                // Cache cell identifiers
-                const cellKey = `${(_a = column.pinned) !== null && _a !== void 0 ? _a : 'default'}-${index}-${colIndex}`;
-                const columnKey = `${(_b = column.pinned) !== null && _b !== void 0 ? _b : 'default'}-${colIndex}`;
-                // Calculate selection states only if there's an active selection
-                const isCellSelected = hasActiveSelection && selectedCell === cellKey;
-                const isColumnSelected = hasActiveSelection && selectedColumn === columnKey;
-                const isSelected = hasActiveSelection && (isCellSelected || isColumnSelected || isRowSelected);
-                // getSelectionStyles already handles the empty return if !isSelected
-                const selectionStyles = getSelectionStyles({
-                    isSelected,
-                    isCellSelected,
-                    isColumnSelected,
-                    isRowSelected,
-                    isLastRow,
-                });
-                // Determine if this cell should be treated as first/last for border radius
-                const isFirstColumn = column.id === firstColumnId;
-                const isLastColumn = column.id === lastColumnId;
-                // For scrollable table, adjust first/last based on pinned tables
-                const effectiveFirst = !column.pinned ? isFirstColumn && column.pinned !== 'start' : isFirstColumn;
-                const effectiveLast = !column.pinned ? isLastColumn && column.pinned !== 'end' : isLastColumn;
-                // Handle border styling for row selection only when needed
-                const rowSelectionBorderStyles = isRowSelected && hasActiveSelection
-                    ? getRowSelectionBorderStyles({
-                        effectiveFirst,
-                        isPinnedStart: column.pinned === 'start',
-                        isPinnedEnd: column.pinned === 'end',
-                    })
-                    : {};
-                const isIndexColumn = column.pinned === 'start' && effectiveFirst;
-                return (_jsx(StyledCell, Object.assign({ component: "div", "data-testid": "TableRow_TableCell", "data-column-id": column.id, "data-column-width": column.width, "data-column-width-used": column.width, "data-column-align": column.align, "data-column-order": column.order, "data-column-header": typeof column.header === 'string' ? column.header : 'component', "data-column-sortable": !!column.sortable, "data-column-filterable": !!column.filter, isFirst: effectiveFirst, isLast: effectiveLast, onClick: handleCellClick(colIndex, column.pinned), sx: Object.assign(Object.assign(Object.assign({ width: column.width, minWidth: column.width, textAlign: column.align, justifyContent: isIndexColumn ? 'center' : column.align === 'right' ? 'flex-end' : 'flex-start', cursor: onCellClick ? 'pointer' : 'default' }, selectionStyles), rowSelectionBorderStyles), column.cellStyle), isSheetView: isSheetView, isSelected: isCellSelected }, { children: isSheetView ? (_jsx(Box, Object.assign({ sx: { position: 'relative', zIndex: 1, width: '100%' } }, { children: renderCell(column, index, colIndex) }))) : (_jsx(_Fragment, { children: renderCell(column, index, colIndex) })) }), `${column.id}-${colIndex}`));
-            }) }));
-    }, [
-        columns,
-        row,
-        index,
-        selectedCell,
-        selectedColumn,
-        selectedRow,
-        hasActiveSelection,
-        onCellClick,
-        isLastRow,
-        selectedChip,
-        isSheetView,
-        renderCell,
-        handleCellClick,
-    ]);
-    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, isSheetView: isSheetView }), content));
-}
-export default memo(TableRow, areEqual);

package/build/components/VirtualTables/components/TableRowLoading.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import Skeleton from '@mui/material/Skeleton';
-import { styled } from '@mui/material/styles';
-import TableCell from '@mui/material/TableCell';
-import MUITableRow from '@mui/material/TableRow';
-import { areEqual } from 'react-window';
-const StyledSkeleton = styled(Skeleton)(({ theme }) => ({
-    backgroundColor: theme.palette.grey[100],
-    borderRadius: '64px',
-    minWidth: '20px',
-}));
-function TableRowLoading({ columns, style, index, animationType }) {
-    return (_jsx(MUITableRow, Object.assign({ sx: Object.assign(Object.assign({}, style), { display: 'flex', borderBottom: '1px solid #e3e8ee', '&:hover': {
-                backgroundColor: 'transparent !important',
-            } }), component: "div", hover: true }, { children: columns.map((column, colIndex) => (_jsx(TableCell, Object.assign({ sx: {
-                width: column.width || `${100 / columns.length}%` || '20%',
-                paddingInline: '0.6875rem',
-            }, component: "div" }, { children: _jsx(StyledSkeleton, { variant: "rectangular", animation: animationType }) }), `${column.id}-${colIndex}`))) }), index));
-}
-export default memo(TableRowLoading, areEqual);

package/build/components/VirtualTables/components/TableRowLoadingWithCard.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import TableCell from '@mui/material/TableCell';
-import MUITableRow from '@mui/material/TableRow';
-import { areEqual } from 'react-window';
-function TableRowLoadingWithCard({ style, index, cardLoadingComponent: CardLoadingComponent }) {
-    return (_jsx(MUITableRow, Object.assign({ sx: Object.assign(Object.assign({}, style), { display: 'flex', padding: 0, '&:hover': {
-                backgroundColor: 'transparent !important',
-            } }), component: "div" }, { children: _jsx(TableCell, Object.assign({ sx: {
-                padding: 0,
-                flex: 1,
-            }, component: "div" }, { children: CardLoadingComponent })) }), index));
-}
-export default memo(TableRowLoadingWithCard, areEqual);

package/build/components/VirtualTables/components/TableRowWithCard.js

@@ -1,9 +0,0 @@
-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';
-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))));
-}
-export default memo(TableRowWithCard, areEqual);

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

@@ -1,18 +0,0 @@
-export { default as ColumnFilter, Inputs, List } from './ColumnFilter';
-export * from './EmptyList';
-export * from './ErrorList';
-export * from './TableFooter';
-export { default as TableFooter } from './TableFooter';
-export { default as TableError } from './TableError';
-export * from './virtualScroll';
-export * from './RowErrorState';
-export { default as TableHeader } from './TableHeader';
-export { default as TableLastItem } from './TableLastItem';
-export { default as TableLoading } from './TableLoading';
-export { default as TableLoadingWithCard } from './TableLoadingWithCard';
-export { default as TableNoData } from './TableNoData';
-export { default as TableNoDataWithCard } from './TableNoDataWithCard';
-export { default as TableRow } from './TableRow';
-export { default as TableRowLoading } from './TableRowLoading';
-export { default as TableRowLoadingWithCard } from './TableRowLoadingWithCard';
-export { default as TableRowWithCard } from './TableRowWithCard';