@tap-payments/os-micro-frontend-shared 0.1.440 → 0.1.441

package/build/components/VirtualTables/components/ColumnFilter/Inputs/Inputs.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
-import Box from '@mui/material/Box';
-import Collapse from '@mui/material/Collapse';
-import lodashValues from 'lodash/values';
-import { useTranslation } from 'react-i18next';
-import { grayCloseIcon, searchIcon } from '../../../../../constants/index.js';
-import { Wrapper, Text, InputStyled, InputsWrapper, ClearButton, ClearWrapper } from './style';
-import { CancelButton, Footer, OkayButton } from '../style';
-function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOnlyOneFilter, onClearFilterFields, wrapperSx } }) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const [values, setValues] = useState({});
-    useEffect(() => {
-        setValues((options || []).reduce((acc, { apiKey }) => { var _a; return (Object.assign(Object.assign({}, acc), { [apiKey]: (_a = data === null || data === void 0 ? void 0 : data[apiKey]) !== null && _a !== void 0 ? _a : '' })); }, {}));
-    }, []);
-    const { t } = useTranslation();
-    const onClickOkay = (e) => {
-        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(values);
-        onCloseDropdown(e);
-    };
-    const onClickCancel = (e) => {
-        onCloseDropdown(e);
-    };
-    const onClickClear = () => {
-        onClearFilterFields === null || onClearFilterFields === void 0 ? void 0 : onClearFilterFields();
-        setValues(options.reduce((acc, { apiKey }) => (Object.assign(Object.assign({}, acc), { [apiKey]: '' })), {}));
-    };
-    const isInputHasValue = (key) => values[key] !== undefined && values[key].length > 0;
-    const getInputValue = (key) => (values[key] !== undefined && values[key].length ? values[key] : '');
-    const onClickResetInput = (key) => {
-        if (isInputHasValue(key))
-            setValues(Object.assign(Object.assign({}, values), { [key]: '' }));
-    };
-    const showClearButton = useMemo(() => lodashValues(values).some((x) => Boolean(x)), [values]);
-    const getFilterByApiKey = useCallback((apiKey) => {
-        return options.find((option) => option.apiKey === apiKey);
-    }, [options]);
-    const isInputDisabled = useCallback((key, filterGroup) => {
-        const inputWithValue = (values === null || values === void 0 ? void 0 : values[key]) !== undefined && (values === null || values === void 0 ? void 0 : values[key]) !== '' && (values === null || values === void 0 ? void 0 : values[key]) !== null;
-        const isAnyInputWithValue = Object.entries(values).some(([inputKey, val]) => { var _a; return Boolean(val) && (((_a = getFilterByApiKey(inputKey)) === null || _a === void 0 ? void 0 : _a.filterGroup) !== filterGroup || !filterGroup); });
-        return isOnlyOneFilter && !inputWithValue && isAnyInputWithValue;
-    }, [options, values, isOnlyOneFilter]);
-    return (_jsxs(Wrapper, Object.assign({ component: "article", "data-testid": "ColumnFilterInputs" }, { children: [_jsx(Text, Object.assign({ component: "header", "data-testid": "ColumnFilterInputs_title" }, { children: t('filterBy') })), _jsx(InputsWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_inputs", component: "main", sx: wrapperSx }, { children: options.map(({ placeholder, apiKey, isDisabled, filterGroup, render }) => (_jsx(Fragment, { children: render ? (render()) : (_jsx(InputStyled, { className: "input", "data-testid": "ColumnFilterInputs_InputStyled", name: apiKey, placeholder: placeholder, onChange: (e) => {
-                            setValues(Object.assign(Object.assign({}, values), { [apiKey]: e.target.value }));
-                        }, disabled: isDisabled || isInputDisabled(apiKey, filterGroup), value: getInputValue(apiKey), inputProps: { autoComplete: 'off', 'data-testid': 'ColumnFilterInputs_input' }, endAdornment: _jsx(Box, { component: "img", "data-testid": "ColumnFilterInputs_icon", "data-icon": isInputHasValue(apiKey) ? 'close' : 'search', src: isInputHasValue(apiKey) ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: isInputHasValue(apiKey) ? 'pointer' : 'default' }, onClick: () => {
-                                onClickResetInput(apiKey);
-                            } }) })) }, apiKey))) })), _jsx(Collapse, Object.assign({ in: showClearButton, component: "section", "data-testid": "ColumnFilterInputs_Collapse", sx: {
-                    borderTop: '0',
-                } }, { children: _jsx(ClearWrapper, Object.assign({ "data-testid": "ColumnFilterInputs_ClearWrapper" }, { children: _jsx(ClearButton, Object.assign({ type: "button", onClick: onClickClear, "data-testid": "ColumnFilterInputs_ClearButton" }, { children: t('clear') })) })) })), _jsxs(Footer, Object.assign({ component: "footer", "data-testid": "ColumnFilterInputs_footer" }, { children: [_jsx(CancelButton, Object.assign({ type: "button", onClick: onClickCancel, "data-testid": "ColumnFilterInputs_CancelButton" }, { children: t('cancel') })), _jsx(OkayButton, Object.assign({ type: "button", onClick: onClickOkay, "data-testid": "ColumnFilterInputs_OkayButton" }, { children: t('okay') }))] }))] })));
-}
-export default Inputs;

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

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

package/build/components/VirtualTables/components/ColumnFilter/Inputs/style.js

@@ -1,47 +0,0 @@
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-import Input from '../../../../Input';
-export const Wrapper = styled(Box)(({ theme }) => ({
-    backgroundColor: theme.palette.common.white,
-    borderRadius: '4px',
-    filter: 'drop-shadow(0px 8px 30px rgba(0, 0, 0, 0.16))',
-    width: 188,
-    marginTop: 10,
-    boxShadow: theme.shadows[3],
-}));
-export const Text = styled(Box)(({ theme }) => ({
-    color: theme.palette.grey[700],
-    fontSize: '11px',
-    fontWeight: 500,
-    padding: '8px 16px',
-    textAlign: 'left',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-}));
-export const InputStyled = styled(Input)(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    '.icon': {
-        width: 14,
-    },
-}));
-export const InputsWrapper = styled(Box)(() => ({
-    padding: '8px 16px',
-    '> div + div': {
-        marginTop: '8px',
-    },
-}));
-export const ClearButton = styled(Button)(({ theme }) => ({
-    color: theme.palette.info.dark,
-    fontSize: '11px',
-    textTransform: 'capitalize',
-    padding: '4px 9px',
-    minWidth: 'auto',
-    '&:hover': {
-        background: 'transparent',
-    },
-}));
-export const ClearWrapper = styled(Box)(({ theme }) => ({
-    padding: '0 16px 8px',
-    textAlign: 'left',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-}));

package/build/components/VirtualTables/components/ColumnFilter/List/List.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import NestedDropdown from '../../../../NestedDropdown';
-import { CancelButton, Footer, OkayButton } from '../style';
-function List({ onCloseDropdown, filter, styles }) {
-    const [values, setValues] = useState([]);
-    const [itemsList, setItemsList] = useState([]);
-    const { t } = useTranslation();
-    const isItemSelected = (apiKey) => {
-        var _a, _b;
-        const selectedValues = (_b = (_a = filter === null || filter === void 0 ? void 0 : filter.data) === null || _a === void 0 ? void 0 : _a[filter.apiKey]) !== null && _b !== void 0 ? _b : [];
-        if (Array.isArray(selectedValues) && selectedValues.length) {
-            const selectedValueSet = new Set(selectedValues);
-            return selectedValueSet.has(apiKey);
-        }
-    };
-    useEffect(() => {
-        const renderItems = (menuItem) => {
-            return menuItem.map(({ placeholder, value, isSelected, icon, options }) => {
-                var _a;
-                return (Object.assign(Object.assign(Object.assign(Object.assign({}, (placeholder && { label: placeholder })), { name: value, selected: (_a = (isSelected || isItemSelected(value) || (options === null || options === void 0 ? void 0 : options.every(({ value: childKey }) => isItemSelected(childKey))))) !== null && _a !== void 0 ? _a : false }), (icon && { icon })), ((options === null || options === void 0 ? void 0 : options.length) && { menuItems: renderItems(options) })));
-            });
-        };
-        if (filter.options)
-            setItemsList(renderItems(filter.options));
-    }, [filter === null || filter === void 0 ? void 0 : filter.data]);
-    const onClickCancel = (e) => {
-        onCloseDropdown(e);
-    };
-    const onClickOkay = (e) => {
-        var _a;
-        const selectedValues = values.reduce((acc, { options, apiKey: parentKey, isSelected: isParentSelected }) => {
-            if (options) {
-                const selectedOptions = options.filter(({ isSelected }) => isSelected);
-                if (selectedOptions.length) {
-                    acc.push(...selectedOptions.map(({ apiKey: childKey }) => childKey));
-                }
-            }
-            else if (isParentSelected) {
-                acc.push(parentKey);
-            }
-            return acc;
-        }, []);
-        const selectedValueSet = new Set(selectedValues);
-        if (Object.keys(values).length)
-            (_a = filter === null || filter === void 0 ? void 0 : filter.onConfirm) === null || _a === void 0 ? void 0 : _a.call(filter, { [filter.apiKey]: [...selectedValueSet] });
-        onCloseDropdown(e);
-    };
-    const onUpdateMenuItems = (latestMenuItems) => {
-        const resetItems = (items) => items.map(({ name, selected, menuItems, label }) => (Object.assign(Object.assign(Object.assign({}, (label && { placeholder: label })), { apiKey: name, isSelected: selected }), ((menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) && { options: resetItems(menuItems) }))));
-        setValues(resetItems(latestMenuItems));
-    };
-    return (_jsx(NestedDropdown, { "data-testid": "ColumnFilter_List", title: t('filterBy') || 'Filter by', menuItems: itemsList, style: styles, sx: (theme) => (Object.assign({ marginTop: '10px', textAlign: 'left', boxShadow: theme.shadows[3], '.nested-menu-item': { height: 41, zIndex: 9999 } }, styles)), updatedList: onUpdateMenuItems, footer: _jsxs(Footer, Object.assign({ sx: {
-                position: 'sticky',
-                bottom: 0,
-                backgroundColor: 'white',
-                zIndex: 99999,
-            } }, { children: [_jsx(CancelButton, Object.assign({ onClick: onClickCancel }, { children: t('cancel') }), "nested-dropdown-cancel"), _jsx(OkayButton, Object.assign({ onClick: onClickOkay }, { children: t('okay') }), "nested-dropdown-ok")] })) }));
-}
-export default memo(List);

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

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

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

@@ -1,5 +0,0 @@
-import ColumnFilter from './ColumnFilter';
-export { default as Inputs } from './Inputs';
-export { default as List } from './List';
-export * from './type';
-export default ColumnFilter;

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

@@ -1,50 +0,0 @@
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { styled } from '@mui/material/styles';
-export const FilterWrapper = styled(Box)(({ theme }) => ({
-    background: theme.palette.grey[700],
-    width: 27,
-    height: 14,
-    display: 'inline-flex',
-    alignItems: 'center',
-    marginInlineStart: '4px',
-    borderRadius: '10px',
-    padding: '2px 6px',
-    img: {
-        cursor: 'pointer',
-    },
-}));
-export const Footer = styled(Box)(() => ({
-    padding: '8px 16px',
-    display: 'flex',
-    gap: '8px',
-    justifyContent: 'center',
-}));
-export const OkayButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    minWidth: 'auto',
-    width: 74,
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.info.dark}`,
-    backgroundColor: theme.palette.info.dark,
-    fontWeight: 700,
-    fontSize: '11px',
-    color: theme.palette.common.white,
-    '&:hover': {
-        backgroundColor: theme.palette.info.dark,
-    },
-}));
-export const CancelButton = styled(Button)(({ theme }) => ({
-    textTransform: 'capitalize',
-    minWidth: 'auto',
-    width: 74,
-    borderRadius: '4px',
-    border: `1px solid ${theme.palette.divider}`,
-    backgroundColor: theme.palette.common.white,
-    fontWeight: 500,
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    '&:hover': {
-        background: 'transparent',
-    },
-}));

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

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

package/build/components/VirtualTables/components/ColumnSort/ColumnSort.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import CustomBackdrop from '../../../CustomBackdrop';
-import Menu from '../../../Menu';
-import MenuItem from '../../../MenuItem';
-import Text from '../../../Text';
-import { columnIcon, sortAzIcon, sortZaIcon } from '../../../../constants/index.js';
-import { ActionIcon, ColumnIcon } from './style';
-var SORTING_ORDER;
-(function (SORTING_ORDER) {
-    SORTING_ORDER["ASC"] = "asc";
-    SORTING_ORDER["DESC"] = "desc";
-})(SORTING_ORDER || (SORTING_ORDER = {}));
-function ColumnSort({ onColumnSort, columnsSorting, columnId, onClick }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const handleClick = (event) => {
-        event.stopPropagation();
-        setAnchorEl(event.currentTarget);
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    };
-    const handleClose = (event) => {
-        event.stopPropagation();
-        setAnchorEl(null);
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    };
-    const handleSortingOption = (id, order, event) => {
-        if (id) {
-            onColumnSort === null || onColumnSort === void 0 ? void 0 : onColumnSort({
-                [id]: order,
-            });
-            handleClose(event);
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(ColumnIcon, { onClick: handleClick, src: columnIcon, alt: "column-icon", "data-id": columnId, sx: { userSelect: 'none', marginTop: '2px' } }), open && _jsx(CustomBackdrop, { onClick: handleClose }), _jsxs(Menu, Object.assign({ anchorEl: anchorEl, open: open }, { children: [_jsxs(MenuItem, Object.assign({ isSelected: (columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === SORTING_ORDER.ASC, onClick: (e) => {
-                            handleSortingOption(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id, SORTING_ORDER.ASC, e);
-                        }, sx: (theme) => (Object.assign({}, ((columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === SORTING_ORDER.ASC && { boxShadow: theme.shadows[10] }))) }, { children: [_jsx(ActionIcon, { src: sortAzIcon, alt: "sort-icon" }), _jsx(Text, Object.assign({ sx: { fontSize: '0.6875rem' } }, { children: "Sort A-Z" }))] })), _jsxs(MenuItem, Object.assign({ isSelected: (columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === SORTING_ORDER.DESC, onClick: (e) => {
-                            handleSortingOption(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id, SORTING_ORDER.DESC, e);
-                        }, sx: (theme) => (Object.assign({}, ((columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === SORTING_ORDER.DESC && { boxShadow: theme.shadows[10] }))) }, { children: [_jsx(ActionIcon, { src: sortZaIcon, alt: "sort-icon" }), _jsx(Text, Object.assign({ sx: { fontSize: '0.6875rem' } }, { children: "Sort Z-A" }))] }))] }))] }));
-}
-export default memo(ColumnSort);

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

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

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

@@ -1,10 +0,0 @@
-import { styled } from '@mui/material/styles';
-export const ActionIcon = styled('img')(() => ({
-    width: '13.3px',
-    height: '13.3px',
-}));
-export const ColumnIcon = styled('img')(() => ({
-    width: '8px',
-    height: '6.4px',
-    cursor: 'pointer',
-}));

package/build/components/VirtualTables/components/EmptyList/EmptyList.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 { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { emptyIcon } from '../../../../constants/index.js';
-import { EmptyListHeading, EmptyListMessage, EmptyListWrapper, StyledImage } from './styles';
-function EmptyList(_a) {
-    var { sandboxMode, heading, message } = _a, props = __rest(_a, ["sandboxMode", "heading", "message"]);
-    const { t } = useTranslation();
-    return (_jsxs(EmptyListWrapper, Object.assign({ component: "section", "data-testid": "EmptyList", sandboxMode: sandboxMode }, props, { children: [_jsx(StyledImage, { src: emptyIcon, alt: "empty container" }), _jsx(EmptyListHeading, { children: t(heading) }), _jsx(EmptyListMessage, { children: t(message) })] })));
-}
-EmptyList.displayName = 'EmptyList';
-export default memo(EmptyList);

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

@@ -1,3 +0,0 @@
-import EmptyList from './EmptyList';
-export { StyledImage } from './styles';
-export default EmptyList;

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

@@ -1,39 +0,0 @@
-import { styled } from '@mui/material';
-import Box from '@mui/material/Box';
-export const EmptyListHeading = styled('h1')(({ theme }) => {
-    var _a;
-    return ({
-        fontWeight: 600,
-        fontSize: '1rem',
-        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
-        padding: 0,
-        margin: 0,
-    });
-});
-export const EmptyListMessage = styled('p')(({ theme }) => {
-    var _a;
-    return ({
-        fontWeight: 400,
-        fontSize: '0.75rem',
-        color: (_a = theme.palette.text) === null || _a === void 0 ? void 0 : _a.primary,
-        padding: 0,
-        marginTop: 3,
-        opacity: 0.5,
-    });
-});
-export const EmptyListWrapper = 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 StyledImage = styled('img')(() => ({
-    width: '2rem',
-    height: '2rem',
-}));

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';