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

package/build/components/TableReports/Downloads.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useCallback } from 'react';
-import dayjs from 'dayjs';
-import { csvIcon } from '../../constants/index.js';
-import { getRelativeTime } from '../../utils/index.js';
-import DownloadIconButton from './DownloadIconButton';
-import { RecordLoading } from './RecordLoading';
-import { DownloadedFile, DownloadedFileInfo, DownloadedFileDetails, DownloadedFileName, DownloadedFileTime, DownloadsStyled } from './style';
-import { getReportDate } from './utils';
-function Downloads({ reports, isLoading = false, onDownloadReport }) {
-    const handleDownloadReport = useCallback((reportId) => {
-        if (!onDownloadReport)
-            return Promise.reject(new Error('No download report function provided'));
-        return onDownloadReport(reportId);
-    }, [onDownloadReport]);
-    const reportsList = reports.map((report) => {
-        const isMoreThanDayAgo = dayjs(report.created_at).isBefore(dayjs().subtract(1, 'day'));
-        return (_jsxs(DownloadedFile, { children: [_jsx("img", { src: csvIcon, alt: "download" }), _jsxs(DownloadedFileDetails, { children: [_jsxs(DownloadedFileInfo, { children: [_jsx(DownloadedFileName, { children: report.result_file }), _jsx(DownloadedFileTime, { children: !isMoreThanDayAgo ? getRelativeTime(new Date(report.created_at)) : getReportDate(new Date(report.created_at)) })] }), _jsx(DownloadIconButton, { onDownload: () => handleDownloadReport(report.id) })] })] }, report.id));
-    });
-    if (isLoading)
-        return (_jsxs(DownloadsStyled, { children: [_jsx(RecordLoading, {}), _jsx(RecordLoading, {})] }));
-    return _jsx(DownloadsStyled, { children: reportsList });
-}
-export default memo(Downloads);

package/build/components/TableReports/RecordLoading.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Skeleton from '../Skeleton';
-import { RecordLoadingWrapper } from './style';
-export function RecordLoading() {
-    return (_jsxs(RecordLoadingWrapper, { children: [_jsx(Skeleton, { width: "16px", height: "16px", variant: "rectangular" }), _jsx(Skeleton, { width: "100%", variant: "text" }), _jsx(Skeleton, { width: "12px", height: "12px", variant: "circular" })] }));
-}

package/build/components/TableReports/TableReports.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { motion, AnimatePresence } from 'framer-motion';
-import CircularProgress from '@mui/material/CircularProgress';
-import LinearProgress from '@mui/material/LinearProgress';
-import Popper from '@mui/material/Popper';
-import { CustomBackdrop, Tooltip } from '../index.js';
-import { csvIcon, doneIcon, redVerifyIcon, reportsIconOutlined } from '../../constants/index.js';
-import Downloads from './Downloads';
-import { ReportsWrapper, ReportsDropdown, FileType, FileTypeName, ExportButton, LinearProgressStyled, LoadingButton, CircularProgressWrapper, Counting, OpenApp, } from './style';
-function TableReports(props) {
-    var _a;
-    const { progress, reportsQueryResult, isStatusReady: isReady, isStatusFailed: isFailed, isLoading, notificationState, onOpenDropdown, onRequestReportFile, onOpenReportsApp, hideOpenReportsApp = false, onDownloadReport, } = props;
-    const [anchorEl, setAnchorEl] = useState(null);
-    const { t } = useTranslation();
-    const open = Boolean(anchorEl);
-    const { data: reportsData, isLoading: isLoadingReportsData } = reportsQueryResult;
-    const openDropdown = useCallback((event) => {
-        if (isLoading || isReady)
-            return;
-        onOpenDropdown === null || onOpenDropdown === void 0 ? void 0 : onOpenDropdown();
-        setAnchorEl(event.currentTarget);
-    }, [isLoading, isReady, onOpenDropdown]);
-    const onCloseDropdown = useCallback(() => {
-        setAnchorEl(null);
-    }, []);
-    const handleRequestReportFile = useCallback(() => {
-        if (!isLoading) {
-            onCloseDropdown();
-            onRequestReportFile === null || onRequestReportFile === void 0 ? void 0 : onRequestReportFile();
-        }
-    }, [isLoading, onCloseDropdown, onRequestReportFile]);
-    const openReportsApp = (e) => {
-        e.stopPropagation();
-        onOpenReportsApp === null || onOpenReportsApp === void 0 ? void 0 : onOpenReportsApp();
-        onCloseDropdown();
-    };
-    const getExportButtonContent = () => {
-        if (isLoading) {
-            return (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsxs(LoadingButton, { children: [_jsxs(CircularProgressWrapper, { children: [_jsx(Counting, { children: "1" }), _jsx(CircularProgress, {})] }), _jsx("span", { children: t('preparing') }), _jsx(LinearProgressStyled, { children: _jsx(LinearProgress, { variant: "determinate", value: progress }) })] }) })));
-        }
-        if (isReady) {
-            return (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsxs(LoadingButton, { children: [_jsx("img", { src: doneIcon, alt: "done" }), _jsx("span", { children: t('ready') }), _jsx(LinearProgressStyled, Object.assign({ className: "done" }, { children: _jsx(LinearProgress, { variant: "determinate", value: 100 }) }))] }) })));
-        }
-        if (isFailed) {
-            return (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsxs(LoadingButton, { children: [_jsx("img", { src: redVerifyIcon, alt: "failed" }), _jsx("span", { children: t('failed') }), _jsx(LinearProgressStyled, Object.assign({ className: "failed" }, { children: _jsx(LinearProgress, { variant: "determinate", value: 100 }) }))] }) })));
-        }
-        return _jsx("img", { src: reportsIconOutlined, alt: "reports" });
-    };
-    return (_jsxs(ReportsWrapper, Object.assign({ "data-testid": "TableReports_ReportsWrapper" }, { children: [_jsx(AnimatePresence, { children: _jsx(Tooltip, Object.assign({ title: t('reports') }, { children: _jsx(ExportButton, Object.assign({ "data-testid": "TableReports_ExportButton", onClick: openDropdown, notificationState: notificationState, open: open, loading: isLoading, ready: isReady, failed: isFailed, sx: Object.assign({}, ((isLoading || isReady || isFailed) && { borderBottom: 'none' })), initial: { width: 'auto' }, transition: { duration: 0.25 } }, { children: getExportButtonContent() })) })) }), open && _jsx(CustomBackdrop, { onClick: onCloseDropdown }), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-end" }, { children: _jsxs(ReportsDropdown, Object.assign({ sx: { width: 208 } }, { children: [_jsxs(FileType, Object.assign({ onClick: handleRequestReportFile }, { children: [_jsx("img", { src: csvIcon, alt: "download" }), _jsx(FileTypeName, { children: "csv" })] })), _jsx(Downloads, { reports: (_a = reportsData === null || reportsData === void 0 ? void 0 : reportsData.reports) !== null && _a !== void 0 ? _a : [], isLoading: isLoadingReportsData, onDownloadReport: onDownloadReport }), !hideOpenReportsApp && _jsx(OpenApp, Object.assign({ onClick: openReportsApp }, { children: t('openReportsApp') }))] })) }))] })));
-}
-export default memo(TableReports);

package/build/components/TableReports/components/DownloadButton/DownloadButton.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import CircularProgress from '@mui/material/CircularProgress';
-import { AnimatePresence, motion } from 'framer-motion';
-import { exclamationWhiteIcon } from '../../../../constants/index.js';
-import { Icon } from '../../../index.js';
-import { Button } from './style';
-import { useDownloadReport } from '../../hooks';
-function DownloadButton({ onDownload }) {
-    const { loading, error, success, handleDownloadReport } = useDownloadReport({ onDownload });
-    const { t } = useTranslation();
-    const isIdle = !loading && !error && !success;
-    return (_jsx(Button, Object.assign({ onClick: handleDownloadReport }, { children: _jsxs(AnimatePresence, Object.assign({ mode: "wait", initial: false }, { children: [loading && (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, style: { display: 'flex', alignItems: 'center' } }, { children: _jsx(CircularProgress, { size: "10px", sx: { color: 'rgba(255, 255, 255, 0.62)' } }) }), "loading")), !!error && (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: _jsx(Icon, { src: exclamationWhiteIcon, sx: { width: 'auto', height: 'auto' }, alt: "error" }) }), "error")), isIdle && (_jsx(motion.div, Object.assign({ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, { children: t('download') }), "text"))] })) })));
-}
-export default memo(DownloadButton);

package/build/components/TableReports/components/DownloadButton/index.js

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

package/build/components/TableReports/components/DownloadButton/style.js

@@ -1,15 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { motion } from 'framer-motion';
-export const Button = styled(motion.div)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    cursor: 'pointer',
-    width: 54,
-    height: 18,
-    backgroundColor: '#1F88D0',
-    borderRadius: '2px',
-    fontSize: '8px',
-    fontWeight: 600,
-    color: theme.palette.common.white,
-}));

package/build/components/TableReports/hooks/index.js

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

package/build/components/TableReports/hooks/useDownloadReport.js

@@ -1,59 +0,0 @@
-import { useCallback, useEffect, useReducer } from 'react';
-import { generateFileNameWithExtension } from '../utils';
-import { handleURLDownload } from '../../../utils/index.js';
-import { useToast } from '../../../hooks/index.js';
-const initialState = {
-    loading: false,
-    success: false,
-    error: null,
-};
-const downloadReportReducer = (state = initialState, action) => {
-    switch (action.type) {
-        case 'RESET':
-            return initialState;
-        case 'LOADING':
-            return Object.assign(Object.assign({}, state), { loading: true });
-        case 'SUCCESS':
-            return Object.assign(Object.assign({}, state), { success: true });
-        case 'ERROR':
-            return Object.assign(Object.assign({}, state), { error: action.error });
-        default:
-            return state;
-    }
-};
-export const useDownloadReport = ({ onDownload }) => {
-    const toast = useToast();
-    const [{ loading, error, success }, dispatch] = useReducer(downloadReportReducer, initialState);
-    const setLoading = useCallback(() => dispatch({ type: 'LOADING' }), []);
-    const setSuccess = useCallback(() => dispatch({ type: 'SUCCESS' }), []);
-    const setError = useCallback((err) => dispatch({ type: 'ERROR', error: err }), []);
-    const resetState = useCallback(() => dispatch({ type: 'RESET' }), []);
-    useEffect(() => {
-        if (success || error) {
-            setTimeout(() => {
-                resetState();
-            }, 3000);
-        }
-    }, [success, error, resetState]);
-    const handleDownloadReport = useCallback(() => {
-        if (!onDownload)
-            return;
-        setLoading();
-        onDownload()
-            .then((data) => {
-            setSuccess();
-            handleURLDownload(data.url, generateFileNameWithExtension(data.result_file, data.id));
-        })
-            .catch((err) => {
-            var _a, _b, _c;
-            setError(err);
-            toast.error(((_c = (_b = (_a = err === null || err === void 0 ? void 0 : err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) === null || _c === void 0 ? void 0 : _c.message) || (err === null || err === void 0 ? void 0 : err.message) || 'Failed to download report');
-        });
-    }, [onDownload, setLoading, setSuccess, setError]);
-    return {
-        loading,
-        error,
-        success,
-        handleDownloadReport,
-    };
-};

package/build/components/TableReports/style.js

@@ -1,163 +0,0 @@
-import { styled, Box, alpha } from '@mui/material';
-import { motion } from 'framer-motion';
-export const ExportButton = styled(motion.div, {
-    shouldForwardProp: (prop) => !['notificationState', 'open', 'loading', 'ready', 'failed'].includes(prop),
-})(({ theme, notificationState, open, loading, ready, failed }) => (Object.assign(Object.assign({ position: 'relative', border: `1px solid ${theme.palette.divider}`, padding: '0 8px', height: 32, borderRadius: '4px', display: 'flex', alignItems: 'center', overflow: 'hidden', fontSize: '11px', fontWeight: 500, color: theme.palette.text.primary, transition: 'width 2s ease-in-out', cursor: 'pointer' }, (((notificationState === null || notificationState === void 0 ? void 0 : notificationState.success) || (notificationState === null || notificationState === void 0 ? void 0 : notificationState.failed)) &&
-    !loading &&
-    !ready &&
-    !failed && {
-    '&:after': {
-        content: '""',
-        width: 7,
-        height: 7,
-        backgroundColor: (notificationState === null || notificationState === void 0 ? void 0 : notificationState.failed) ? theme.palette.common.red : theme.palette.success.dark,
-        borderRadius: '50%',
-        position: 'absolute',
-        top: 5,
-        border: `1px solid ${theme.palette.common.white}`,
-        right: 6,
-    },
-})), (open && {
-    border: `1px solid ${theme.palette.info.dark}`,
-    boxShadow: theme.shadows[7],
-}))));
-export const ReportsWrapper = styled(Box)(() => ({
-    position: 'relative',
-}));
-export const ReportsDropdown = styled(Box)(({ theme }) => ({
-    background: theme.palette.common.white,
-    boxShadow: theme.shadows[9],
-    borderRadius: '4px',
-    marginTop: '8px',
-}));
-export const OpenApp = styled(Box)(({ theme }) => ({
-    background: theme.palette.background.transparent[2],
-    backdropFilter: 'blur(2px)',
-    color: theme.palette.text.primary,
-    fontSize: '11px',
-    fontWeight: 500,
-    height: 31,
-    textAlign: 'center',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    cursor: 'pointer',
-    overflow: 'hidden',
-    borderBottomLeftRadius: '4px',
-    borderBottomRightRadius: '4px',
-}));
-export const DownloadedFile = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-    padding: '5.5px 8px',
-    minHeight: 48,
-    height: 'auto',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    cursor: 'pointer',
-    '&:hover': {
-        boxShadow: theme.shadows[3],
-    },
-}));
-export const DownloadedFileInfo = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '2px',
-}));
-export const DownloadedFileDetails = styled(Box)(() => ({
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    flex: 1,
-}));
-export const DownloadedFileName = styled(Box)(({ theme }) => ({
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    fontWeight: 500,
-    wordBreak: 'break-all',
-    paddingInlineEnd: '8px',
-}));
-export const DownloadedFileTime = styled(Box)(({ theme }) => ({
-    fontSize: '9px',
-    color: theme.palette.text.textSecondary,
-    fontWeight: 600,
-}));
-export const FileType = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-    height: 32,
-    padding: '4px 8px',
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    cursor: 'pointer',
-    '&:hover': {
-        boxShadow: theme.shadows[3],
-    },
-}));
-export const FileTypeName = styled(Box)(({ theme }) => ({
-    fontSize: '11px',
-    color: theme.palette.text.primary,
-    fontWeight: 400,
-    textTransform: 'uppercase',
-}));
-export const DownloadsStyled = styled(Box)(({ theme }) => ({
-    borderTop: `2px solid ${theme.palette.divider}`,
-}));
-export const LinearProgressStyled = styled(Box)(({ theme }) => ({
-    position: 'absolute',
-    bottom: 0,
-    right: 0,
-    left: 0,
-    '.MuiLinearProgress-root': {
-        backgroundColor: theme.palette.divider,
-        height: 2,
-    },
-    '.MuiLinearProgress-bar': {
-        background: theme.palette.background.gradient.shadedBlue,
-    },
-    '&.done .MuiLinearProgress-bar': {
-        background: theme.palette.success.dark,
-    },
-    '&.failed .MuiLinearProgress-bar': {
-        background: theme.palette.common.red,
-    },
-}));
-export const LoadingButton = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    gap: '8px',
-    '.MuiCircularProgress-root': {
-        width: '14px !important',
-        height: '14px !important',
-        display: 'flex',
-    },
-    '.MuiCircularProgress-circle': {
-        strokeWidth: '1.017px',
-        stroke: alpha(theme.palette.common.black, 0.62),
-    },
-}));
-export const CircularProgressWrapper = styled(Box)(() => ({
-    position: 'relative',
-}));
-export const Counting = styled(Box)(({ theme }) => ({
-    position: 'absolute',
-    color: theme.palette.common.black,
-    fontSize: '7.875px',
-    fontWeight: 700,
-    width: 14,
-    height: 14,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-}));
-export const DownloadIcon = styled('img')(() => ({
-    width: 14,
-    height: 14,
-}));
-export const RecordLoadingWrapper = styled(Box)(() => ({
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: '8px',
-    padding: '8px',
-}));

package/build/components/TableReports/type.js

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

package/build/components/TableReports/utils.js

@@ -1,32 +0,0 @@
-import dayjs from 'dayjs';
-export const getReportDate = (date) => {
-    const todayDate = new Date();
-    const isCurrentYear = dayjs(date).isSame(todayDate, 'year');
-    let format = {
-        sameDay: 'DD MMM, YYYY',
-        nextDay: 'DD MMM, YYYY',
-        lastDay: 'DD MMM, YYYY',
-        sameElse: 'DD MMM, YYYY',
-        lastWeek: 'DD MMM, YYYY',
-        nextWeek: 'DD MMM, YYYY',
-    };
-    if (isCurrentYear) {
-        format = {
-            sameDay: 'DD MMM',
-            nextDay: 'DD MMM',
-            lastDay: 'DD MMM',
-            sameElse: 'DD MMM',
-            lastWeek: 'DD MMM',
-            nextWeek: 'DD MMM',
-        };
-    }
-    return dayjs(date).calendar(null, format);
-};
-export const generateFileNameWithExtension = (fileName, newName) => {
-    const currentDate = new Date().toISOString().split('T')[0];
-    const finalName = newName !== null && newName !== void 0 ? newName : `file_${currentDate}`;
-    const extensionRegex = /\.(xlx|xlsx|csv|txt|doc|docx|pdf|jpg|png|gif|zip|rar)$/i;
-    const match = extensionRegex.exec(fileName);
-    const extension = match ? match[0] : '.csv';
-    return `${finalName}${extension}`;
-};

package/build/components/TableView/CustomViews.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import startCase from 'lodash/startCase';
-import { Reorder } from 'framer-motion';
-import Box from '@mui/material/Box';
-import Menu from '@mui/material/Menu';
-import { useTheme } from '@mui/material/styles';
-// import MenuItem from '@components/NestedDropdown/MenuItem'
-import { downArrowIcon } from '../../constants/index.js';
-import { ButtonStyled, ListStyled, DropdownStyled } from './style';
-import { NestedMenuItem as MenuItem } from '../NestedDropdown';
-function CustomViews({ open, onSelect, setTableViews: setColumns, tableViews, anchorEl, onClose }) {
-    const columns = tableViews || [];
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const modifyColumns = (selectedCols) => {
-        const newColumns = selectedCols === null || selectedCols === void 0 ? void 0 : selectedCols.map((col) => {
-            const selectedColumn = columns.find((column) => column.name === col);
-            return selectedColumn;
-        });
-        setColumns === null || setColumns === void 0 ? void 0 : setColumns(newColumns);
-    };
-    const handleUnSelectColumn = (selectedCols) => {
-        const newCols = columns.map((column) => {
-            var _a;
-            const newMenuItems = (_a = column.menuItems) === null || _a === void 0 ? void 0 : _a.map((menuItem) => {
-                if (menuItem.name === selectedCols.name) {
-                    return Object.assign(Object.assign({}, menuItem), { selected: false });
-                }
-                return menuItem;
-            });
-            return Object.assign(Object.assign({}, column), { selected: newMenuItems === null || newMenuItems === void 0 ? void 0 : newMenuItems.every((i) => i.selected), menuItems: newMenuItems });
-        });
-        setColumns === null || setColumns === void 0 ? void 0 : setColumns(newCols);
-    };
-    const orderedColumns = columns === null || columns === void 0 ? void 0 : columns.map((column) => column.name);
-    return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_CustomViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ "data-testid": "TableView_CustomViews_Button", onClick: (e) => {
-                    onSelect(e);
-                } }, { children: [_jsx("div", { children: t('columns') }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, "data-testid": "TableView_CustomViews_Popper", sx: { padding: 0, marginTop: '8px' }, MenuListProps: { sx: { py: 0 } }, onClose: onClose }, { children: _jsx(ListStyled, Object.assign({ component: "article", "data-testid": "TableView_CustomViews_List" }, { children: _jsx(Reorder.Group, Object.assign({ as: "div", axis: "y", onReorder: modifyColumns, values: orderedColumns, style: { maxHeight: 500, overflowY: 'auto' } }, { children: orderedColumns.map((name, index) => {
-                            var _a;
-                            const selectedColumn = columns.find((col) => col.name === name);
-                            return (_jsx(Box, Object.assign({ sx: Object.assign({ borderTop: `1px solid ${theme.palette.divider}` }, (index === 0 && { borderTop: 'none', height: 33 })) }, { children: _jsx(MenuItem, Object.assign({ setSelected: ({ name: selectedName, selected }) => {
-                                        const newMenuItems = columns === null || columns === void 0 ? void 0 : columns.map((menuItem) => {
-                                            var _a;
-                                            if (menuItem.name === selectedName) {
-                                                return Object.assign(Object.assign({}, menuItem), { selected, menuItems: (_a = menuItem.menuItems) === null || _a === void 0 ? void 0 : _a.map((childItem) => {
-                                                        return Object.assign(Object.assign({}, childItem), { selected });
-                                                    }) });
-                                            }
-                                            return menuItem;
-                                        });
-                                        setColumns === null || setColumns === void 0 ? void 0 : setColumns(newMenuItems || []);
-                                    }, onSelect: (selectedChild, parentName) => {
-                                        handleUnSelectColumn(selectedChild[0]);
-                                        // modifySelectedColumns(selectedChild)
-                                        const newMenuItems = columns === null || columns === void 0 ? void 0 : columns.map((menuItem) => {
-                                            var _a;
-                                            if (menuItem.name === parentName) {
-                                                const newChildren = (_a = menuItem.menuItems) === null || _a === void 0 ? void 0 : _a.map((childItem) => {
-                                                    var _a, _b;
-                                                    if (childItem.name === ((_a = selectedChild[0]) === null || _a === void 0 ? void 0 : _a.name)) {
-                                                        return Object.assign(Object.assign({}, childItem), { selected: (_b = selectedChild[0]) === null || _b === void 0 ? void 0 : _b.selected });
-                                                    }
-                                                    return childItem;
-                                                });
-                                                return Object.assign(Object.assign({}, menuItem), { menuItems: newChildren, selected: newChildren === null || newChildren === void 0 ? void 0 : newChildren.some((i) => i.selected) });
-                                            }
-                                            return menuItem;
-                                        });
-                                        setColumns === null || setColumns === void 0 ? void 0 : setColumns(newMenuItems || []);
-                                    } }, {
-                                    name,
-                                    selected: selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.selected,
-                                    label: (_a = t(selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.label)) !== null && _a !== void 0 ? _a : startCase(selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.label),
-                                    menuItems: selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.menuItems,
-                                }), `${name}`) }), `${name}`));
-                        }) })) })) }))] })));
-}
-export default React.memo(CustomViews);

package/build/components/TableView/DefaultViews.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import Popper from '@mui/material/Popper';
-import { useTranslation } from 'react-i18next';
-import { downArrowIcon, checkIcon } from '../../constants/index.js';
-import { ButtonStyled, ListStyled, DropdownStyled, MenuItem, Space, SpaceAfter } from './style';
-import { dummyViewList } from './data';
-function DefaultViews({ open, selectedViewInfo, setSelectedViewInfo, onSelect, setViews, anchorEl }) {
-    const { t } = useTranslation();
-    return (_jsxs(DropdownStyled, Object.assign({ "data-testid": "TableView_DefaultViews" }, { children: [_jsxs(ButtonStyled, Object.assign({ onClick: (e) => {
-                    onSelect(e);
-                } }, { children: [_jsx("div", { children: selectedViewInfo.label }), _jsx("img", { src: downArrowIcon, alt: "arrow", style: Object.assign({}, (Boolean(open) && { transform: 'rotate(180deg)' })) })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "bottom-start" }, { children: _jsxs(ListStyled, { children: [dummyViewList.map((item) => (_jsxs(MenuItem, Object.assign({ onClick: () => {
-                                setSelectedViewInfo(item);
-                                setViews === null || setViews === void 0 ? void 0 : setViews(item.columns);
-                            } }, { children: [item.id === selectedViewInfo.id ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: item.label }), _jsx(SpaceAfter, {})] }), item.id))), _jsxs(MenuItem, Object.assign({ sx: {
-                                border: 'none',
-                            }, onClick: (e) => {
-                                e.stopPropagation();
-                                setSelectedViewInfo({ label: 'Custom view', id: 'custom' });
-                            } }, { children: [selectedViewInfo.id === 'custom' ? _jsx("img", { className: "check-icon", src: checkIcon, alt: "arrow" }) : _jsx(Space, {}), _jsx("span", { children: t('createCustomView') }), _jsx(SpaceAfter, {})] }))] }) }))] })));
-}
-export default React.memo(DefaultViews);

package/build/components/TableView/TableView.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useState } from 'react';
-import { ClickAwayListener } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { closeXIcon, viewIcon } from '../../constants/index.js';
-import { StyledButton } from '../Button';
-import Icon from '../Icon';
-import CustomViews from './CustomViews';
-import DefaultViews from './DefaultViews';
-import { ButtonStyled, ViewWrapper } from './style';
-function TableView({ onViewChange, setIsViewVisible, setTableViews, tableViews, resetTableViews }) {
-    const [anchorViewEl, setAnchorViewEl] = useState(null);
-    const [defaultViewEl, setDefaultViewElement] = useState(null);
-    const [customViewEl, setCustomViewElement] = useState(null);
-    const [selectedViewInfo, setSelectedViewInfo] = useState({
-        id: 'default',
-        label: 'Default',
-    });
-    const { t } = useTranslation();
-    const onViewButtonClick = (event) => {
-        onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange();
-        setAnchorViewEl(event.currentTarget);
-        setIsViewVisible(true);
-    };
-    const closeViewDropdown = () => {
-        setDefaultViewElement(null);
-        setCustomViewElement(null);
-    };
-    const onClose = () => {
-        setAnchorViewEl(null);
-        setIsViewVisible(false);
-        // to be removed
-        setSelectedViewInfo({ label: 'Default', id: 'default' });
-    };
-    const handleSelectedViewInfo = (selected) => {
-        setSelectedViewInfo(selected);
-        closeViewDropdown();
-    };
-    if (!anchorViewEl) {
-        return (_jsx(StyledButton, Object.assign({ title: t('tableView'), onClick: onViewButtonClick, "data-testid": "TableView_no_anchorViewEl_button" }, { children: _jsx(Icon, { src: viewIcon, alt: "view-icon", sx: { width: 14, height: 14 } }) })));
-    }
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: closeViewDropdown }, { children: _jsxs(ViewWrapper, Object.assign({ "data-testid": "TableView" }, { children: [selectedViewInfo.id === 'custom' && (_jsx(CustomViews, { tableViews: tableViews, setTableViews: setTableViews, anchorEl: customViewEl, open: Boolean(customViewEl), onSelect: (e) => {
-                        setCustomViewElement(customViewEl ? null : e.currentTarget);
-                        setDefaultViewElement(null);
-                    }, onClose: () => {
-                        setCustomViewElement(null);
-                    } })), _jsx(DefaultViews, { open: Boolean(defaultViewEl), anchorEl: defaultViewEl, setSelectedViewInfo: (view) => {
-                        handleSelectedViewInfo(view);
-                    }, selectedViewInfo: selectedViewInfo, onSelect: (e) => {
-                        setDefaultViewElement(defaultViewEl ? null : e.currentTarget);
-                        setCustomViewElement(null);
-                    }, setViews: (views) => {
-                        resetTableViews === null || resetTableViews === void 0 ? void 0 : resetTableViews({ id: views[0], label: views[0] });
-                    } }), _jsx(ButtonStyled, Object.assign({ sx: { width: 30, justifyContent: 'center' }, onClick: onClose }, { children: _jsx("img", { src: closeXIcon, alt: "close" }) }))] })) })));
-}
-export default memo(TableView);

package/build/components/TableView/data.js

@@ -1,7 +0,0 @@
-export const dummyViewList = [
-    {
-        label: 'Default',
-        id: 'default',
-        columns: ['default', 'default'],
-    },
-];