@leav/ui 0.0.1-alpha-2 → 0.0.1-alpha-3

package/src/components/FloatingMenu/FloatingMenu.test.tsx

@@ -1,81 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {DeleteOutlined} from '@ant-design/icons';
-import userEvent from '@testing-library/user-event';
-import {act} from '_ui/_tests/testUtils';
-import {render, screen} from '../../_tests/testUtils';
-import FloatingMenu from './FloatingMenu';
-import {FloatingMenuAction, IFloatingMenuActionWithIcon} from './_types';
-
-describe('FloatingMenu', () => {
-    test('Display actions with button', async () => {
-        const mockActions: FloatingMenuAction[] = [
-            {
-                title: 'actionA',
-                button: <div>my action A</div>
-            },
-            {
-                title: 'actionB',
-                button: <div>my action B</div>
-            }
-        ];
-
-        await act(async () => {
-            render(<FloatingMenu actions={mockActions} />);
-        });
-
-        expect(screen.getByText('my action A')).toBeInTheDocument();
-        expect(screen.getByText('my action B')).toBeInTheDocument();
-    });
-
-    test('Display actions with icon', async () => {
-        const _handleClick = jest.fn();
-
-        const mockActions: FloatingMenuAction[] = [
-            {
-                title: 'actionA',
-                icon: <DeleteOutlined />,
-                onClick: _handleClick
-            }
-        ];
-
-        render(<FloatingMenu actions={mockActions} />);
-
-        const actionBtn = screen.getByRole('button', {name: 'delete'});
-        expect(actionBtn).toBeInTheDocument();
-
-        await userEvent.click(actionBtn);
-
-        expect(_handleClick).toBeCalled();
-    });
-
-    test('Display more actions in dropdown', async () => {
-        const mockActions: FloatingMenuAction[] = [
-            {
-                title: 'actionA',
-                button: <div>my action A</div>
-            },
-            {
-                title: 'actionB',
-                button: <div>my action B</div>
-            }
-        ];
-
-        const mockMoreActions: IFloatingMenuActionWithIcon[] = [
-            {
-                title: 'moreActionA',
-                icon: <DeleteOutlined />,
-                onClick: jest.fn()
-            }
-        ];
-
-        render(<FloatingMenu actions={mockActions} moreActions={mockMoreActions} />);
-
-        const moreBtn = screen.getByRole('button', {name: 'floating_menu.more_actions'});
-
-        await userEvent.hover(moreBtn);
-
-        expect(await screen.findByText('moreActionA')).toBeInTheDocument();
-    });
-});

package/src/components/FloatingMenu/FloatingMenu.tsx

@@ -1,94 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {EllipsisOutlined} from '@ant-design/icons';
-import {Dropdown, Tooltip} from 'antd';
-import Button from 'antd/lib/button';
-import {SizeType} from 'antd/lib/config-provider/SizeContext';
-import styled, {CSSObject} from 'styled-components';
-import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';
-import {FloatingMenuAction, IFloatingMenuActionWithBtn, IFloatingMenuActionWithIcon} from './_types';
-
-export interface IFloatingMenuProps {
-    actions: FloatingMenuAction[];
-    moreActions?: IFloatingMenuActionWithIcon[];
-    size?: SizeType;
-    style?: React.CSSProperties;
-}
-
-const FloatingMenuWrapper = styled.div<{overrideStyle?: CSSObject}>`
-    position: absolute;
-    z-index: 1000;
-    right: 0;
-    top: 50%;
-    transform: translateY(-50%); // center vertically
-
-    display: flex;
-    justify-content: space-around;
-    padding: 0.5rem;
-
-    & > * {
-        margin: 0 0.2rem;
-        box-shadow: 0px 2px 6px #0000002f;
-    }
-
-    ${p => p.overrideStyle}
-`;
-
-function FloatingMenu({actions, moreActions, style, size = 'small'}: IFloatingMenuProps): JSX.Element {
-    const {t} = useSharedTranslation();
-
-    return (
-        <FloatingMenuWrapper
-            data-testid="floating-menu"
-            className="floating-menu"
-            style={style}
-            onClick={e => {
-                e.stopPropagation();
-                e.preventDefault();
-            }}
-        >
-            {actions.map((action, i) => (
-                <Tooltip title={action.title} key={action.title ?? i}>
-                    {(action as IFloatingMenuActionWithBtn).button ?? (
-                        <Button
-                            shape="circle"
-                            size={(action as IFloatingMenuActionWithIcon).size}
-                            icon={(action as IFloatingMenuActionWithIcon).icon}
-                            onClick={(action as IFloatingMenuActionWithIcon).onClick}
-                        />
-                    )}
-                </Tooltip>
-            ))}
-            {!!moreActions?.length && (
-                <Tooltip title={t('items_list.table.actions-tooltips.more')} key="more_actions">
-                    <Dropdown
-                        placement="bottomRight"
-                        menu={{
-                            className: 'floating-menu-overlay',
-                            items: moreActions.map(moreAction => ({
-                                key: moreAction.title,
-                                onClick: moreAction.onClick,
-                                label: (
-                                    <>
-                                        {moreAction.icon} {moreAction.title}
-                                    </>
-                                )
-                            }))
-                        }}
-                    >
-                        <Button
-                            size={size}
-                            icon={<EllipsisOutlined />}
-                            aria-label={t('floating_menu.more_actions')}
-                            title={t('floating_menu.more_actions')}
-                            shape="circle"
-                        />
-                    </Dropdown>
-                </Tooltip>
-            )}
-        </FloatingMenuWrapper>
-    );
-}
-
-export default FloatingMenu;

package/src/components/FloatingMenu/_types.ts

@@ -1,20 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {ButtonSize} from 'antd/lib/button';
-
-export interface IFloatingMenuActionWithBtn extends IFloatingMenuActionCommon {
-    button?: React.ReactNode;
-}
-
-export interface IFloatingMenuActionWithIcon extends IFloatingMenuActionCommon {
-    icon?: React.ReactNode;
-    onClick?: () => void;
-    size?: ButtonSize;
-}
-
-export interface IFloatingMenuActionCommon {
-    title?: string;
-}
-
-export type FloatingMenuAction = IFloatingMenuActionWithIcon | IFloatingMenuActionWithBtn;

package/src/components/FloatingMenu/index.ts

@@ -1,5 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default as FloatingMenu} from './FloatingMenu';
-export * from './_types';

package/src/components/ImageLoading/ImageLoading.tsx

@@ -1,32 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {Skeleton} from 'antd';
-import styled from 'styled-components';
-
-const CustomSkeletonImage = styled(Skeleton.Image)`
-    &&& {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-        width: 100%;
-
-        .ant-skeleton-image-svg {
-            width: 30%;
-            height: 30%;
-        }
-    }
-`;
-
-interface IImageLoadingProps {
-    style?: React.CSSProperties;
-}
-
-function ImageLoading({style}: IImageLoadingProps): JSX.Element {
-    // Setting the className manually is a workaround for a probable bug in antd: the active flag is not allowed by TS
-    // and ignored at runtime. Check this when upgrading antd (written at v4.20.4).
-    return <CustomSkeletonImage style={{...style}} className="ant-skeleton-active" />;
-}
-
-export default ImageLoading;

package/src/components/ImageLoading/index.ts

@@ -1,4 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default as ImageLoading} from './ImageLoading';

package/src/components/ImageMissing/ImageMissing.tsx

@@ -1,38 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {PictureOutlined} from '@ant-design/icons';
-import styled from 'styled-components';
-import {themeVars} from '../../antdTheme';
-
-const Wrapper = styled.div`
-    &&& {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-        width: 100%;
-    }
-`;
-
-interface IImageMissingProps {
-    style?: React.CSSProperties;
-}
-
-function ImageMissing({style}: IImageMissingProps): JSX.Element {
-    return (
-        <Wrapper>
-            <PictureOutlined
-                style={{
-                    display: 'flex',
-                    justifyContent: 'center',
-                    fontSize: style.height ? `calc(${style.height} * 0.6)` : '120px',
-                    color: themeVars.secondaryTextColor,
-                    ...style
-                }}
-            />
-        </Wrapper>
-    );
-}
-
-export default ImageMissing;

package/src/components/ImageMissing/index.ts

@@ -1,4 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default as ImageMissing} from './ImageMissing';

package/src/components/ImportModal/ImportModal.tsx

@@ -1,287 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {DownOutlined, FieldTimeOutlined, RightOutlined} from '@ant-design/icons';
-import {ServerError} from '@apollo/client';
-import {Button, Dropdown, message, Modal, Space} from 'antd';
-import {KitSteps} from 'aristid-ds';
-import {IKitStep} from 'aristid-ds/dist/Kit/Navigation/Steps/types';
-import dayjs from 'dayjs';
-import {lazy, ReactNode, Suspense, useReducer, useState} from 'react';
-import styled from 'styled-components';
-import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';
-import {LibraryLightFragment, useGetAttributesByLibLazyQuery, useImportExcelMutation} from '_ui/_gqlTypes';
-import {Loading} from '../Loading';
-import ImportScheduleModal from './ImportModalConfigStep/ImportScheduleModal';
-import importReducer from './importReducer';
-import {ImportReducerActionTypes, initialState} from './importReducer/importReducer';
-import ImportReducerContext from './importReducer/ImportReducerContext';
-import {ImportSteps} from './_types';
-
-export interface IImportModalProps {
-    open: boolean;
-    onClose: () => void;
-    library?: string;
-    availableLibraries?: LibraryLightFragment[];
-    resultExtraButtons?: JSX.Element[];
-}
-const Content = styled.div`
-    margin-top: 2em;
-    height: calc(100% - 6rem);
-    overflow-y: auto;
-`;
-
-// Lazy load steps as it's using some heavy lib for XLSX handling. We don't want it to load on first load
-const ImportModalSelectFileStep = lazy(() => import('./ImportModalSelectFileStep'));
-const ImportModalConfigStep = lazy(() => import('./ImportModalConfigStep'));
-const ImportModalProcessingStep = lazy(() => import('./ImportModalProcessingStep'));
-const ImportModalDoneStep = lazy(() => import('./ImportModalDoneStep'));
-
-function ImportModal({onClose, library, open, availableLibraries, resultExtraButtons}: IImportModalProps): JSX.Element {
-    const {t} = useSharedTranslation();
-
-    const [state, importDispatch] = useReducer(importReducer, {...initialState, defaultLibrary: library});
-    const {sheets, file, currentStep, okBtn} = state;
-
-    const [showImportScheduleModal, setShowImportScheduleModal] = useState<boolean>(false);
-    const [scheduleDate, setScheduleDate] = useState<dayjs.Dayjs | null>(null);
-
-    // Retrieve attributes list
-    const [runGetAttributes] = useGetAttributesByLibLazyQuery({
-        fetchPolicy: 'cache-and-network',
-        onError: error => message.error(error.message)
-    });
-
-    const [runImport, {error: importError}] = useImportExcelMutation({
-        fetchPolicy: 'no-cache',
-        onCompleted: () => {
-            importDispatch({type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.DONE});
-        },
-        onError: error => {
-            // Extract human friendly error message
-            let errorMessage = error?.message;
-            const serverErrors = ((error?.networkError as ServerError)?.result as Record<string, any>)?.errors ?? [];
-            if (serverErrors.length) {
-                errorMessage = serverErrors.map(serverError => serverError.message).join('\n');
-            }
-
-            importDispatch({type: ImportReducerActionTypes.SET_IMPORT_ERROR, importError: errorMessage});
-            importDispatch({type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.DONE});
-        }
-    });
-
-    const _runImport = async () => {
-        importDispatch({type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.PROCESSING});
-
-        try {
-            await runImport({
-                variables: {
-                    file,
-                    sheets: sheets.map(sheet => ({
-                        type: sheet.type,
-                        mode: sheet.mode,
-                        library: sheet.library,
-                        mapping: sheet.mapping,
-                        keyIndex: Number(sheet.keyColumnIndex),
-                        linkAttribute: sheet.linkAttribute,
-                        keyToIndex: Number(sheet.keyToColumnIndex),
-                        treeLinkLibrary: sheet.treeLinkLibrary
-                    })),
-                    ...(!!scheduleDate && {startAt: scheduleDate.unix()})
-                }
-            });
-        } catch (err) {
-            importDispatch({type: ImportReducerActionTypes.SET_IMPORT_ERROR, importError: (err as Error).message});
-        } finally {
-            importDispatch({type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.DONE});
-        }
-    };
-
-    const _onOk = async () => {
-        switch (currentStep) {
-            case ImportSteps.SELECT_FILE:
-                importDispatch({type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.CONFIG});
-                break;
-            case ImportSteps.CONFIG:
-                await _runImport();
-                break;
-            default:
-                onClose();
-                return;
-        }
-    };
-
-    const validateButtonText: {[key in ImportSteps]: string} = {
-        [ImportSteps.SELECT_FILE]: 'import.file_configuration',
-        [ImportSteps.CONFIG]: 'import.start',
-        [ImportSteps.PROCESSING]: 'global.close',
-        [ImportSteps.DONE]: 'global.close'
-    };
-
-    const validateButtonIcon: {[key in ImportSteps]: ReactNode} = {
-        [ImportSteps.SELECT_FILE]: <RightOutlined />,
-        [ImportSteps.CONFIG]: null,
-        [ImportSteps.PROCESSING]: null,
-        [ImportSteps.DONE]: null
-    };
-
-    const validateButtonLabel = (
-        <Space>
-            {t(validateButtonText[currentStep])}
-            {validateButtonIcon[currentStep]}
-        </Space>
-    );
-
-    const _handleGetAttributes = async (attributesLib: string) => {
-        const {error, data} = await runGetAttributes({
-            variables: {library: attributesLib}
-        });
-
-        if (error) {
-            message.error(error.message);
-        }
-
-        return (data?.attributes?.list ?? []).filter(attribute => !attribute.readonly || attribute.id === 'id');
-    };
-
-    const _getStepContent = (): JSX.Element => {
-        switch (currentStep) {
-            case ImportSteps.SELECT_FILE:
-                return <ImportModalSelectFileStep onGetAttributes={_handleGetAttributes} />;
-            case ImportSteps.CONFIG:
-                return <ImportModalConfigStep libraries={availableLibraries} onGetAttributes={_handleGetAttributes} />;
-            case ImportSteps.PROCESSING:
-                return <ImportModalProcessingStep />;
-            case ImportSteps.DONE:
-                return <ImportModalDoneStep resultExtraButtons={resultExtraButtons} />;
-        }
-    };
-
-    // Generate a recap of all settings errors, by sheet. This will be set as button title, thus we generate a raw string
-    const buttonTitle =
-        currentStep === ImportSteps.CONFIG
-            ? Object.keys(state.settingsError)
-                  .reduce((errorMessage, sheetKey) => {
-                      if (state.settingsError[sheetKey]) {
-                          let sheetErrorMessage = `${sheetKey}:\n`;
-                          sheetErrorMessage +=
-                              '\t' +
-                              state.settingsError[sheetKey]
-                                  .map(error => t(`import.settings_errors.${error}`))
-                                  .join('\n\t');
-                          errorMessage.push(sheetErrorMessage);
-                      }
-
-                      return errorMessage;
-                  }, [])
-                  .join('\n')
-            : '';
-
-    const _onScheduleImportBtnClick = () => {
-        setShowImportScheduleModal(true);
-    };
-
-    const _onCancelScheduleImport = () => {
-        setShowImportScheduleModal(false);
-        setScheduleDate(null);
-    };
-
-    const _onChangeScheduleImport = (date: dayjs.Dayjs) => {
-        setScheduleDate(date);
-    };
-
-    const _onValidateScheduleImport = () => {
-        setShowImportScheduleModal(false);
-        _onOk();
-    };
-
-    const modalFooter = (
-        <Space direction="horizontal">
-            {currentStep === ImportSteps.CONFIG ? (
-                <Dropdown.Button
-                    disabled={!okBtn}
-                    className="submit-btn"
-                    title={buttonTitle}
-                    type="primary"
-                    onClick={_onOk}
-                    icon={<DownOutlined />}
-                    menu={{
-                        items: [
-                            {
-                                label: t('import.import_schedule'),
-                                key: '1',
-                                icon: <FieldTimeOutlined />
-                            }
-                        ],
-                        onClick: _onScheduleImportBtnClick
-                    }}
-                >
-                    {validateButtonLabel}
-                </Dropdown.Button>
-            ) : (
-                <Button disabled={!okBtn} className="submit-btn" title={buttonTitle} type="primary" onClick={_onOk}>
-                    {validateButtonLabel}
-                </Button>
-            )}
-            <Button disabled={currentStep === ImportSteps.DONE} onClick={onClose}>
-                {t('global.cancel')}
-            </Button>
-        </Space>
-    );
-
-    const stepsItems: IKitStep[] = [
-        {
-            title: t('import.file_selection')
-        },
-        {
-            title: t('import.file_configuration')
-        },
-        {
-            title: t('import.in_progress')
-        },
-        {
-            title: t('import.import_done'),
-            status: importError ? 'error' : null
-        }
-    ];
-
-    return (
-        <>
-            {showImportScheduleModal && (
-                <ImportScheduleModal
-                    scheduleDate={scheduleDate}
-                    isModalOpen={showImportScheduleModal}
-                    onChangeScheduleDate={_onChangeScheduleImport}
-                    onCancelImportScheduleModal={_onCancelScheduleImport}
-                    onValidateScheduleImport={_onValidateScheduleImport}
-                />
-            )}
-            <ImportReducerContext.Provider value={{state, dispatch: importDispatch}}>
-                <Modal
-                    title={t('import.title')}
-                    okText={validateButtonLabel}
-                    cancelText={t('global.cancel')}
-                    onOk={_onOk}
-                    onCancel={onClose}
-                    open={open}
-                    closable
-                    width="90vw"
-                    centered
-                    confirmLoading={currentStep === ImportSteps.PROCESSING}
-                    bodyStyle={{height: 'calc(100vh - 10rem)'}}
-                    okButtonProps={{disabled: !okBtn, className: 'submit-btn', title: buttonTitle}}
-                    cancelButtonProps={{disabled: currentStep === ImportSteps.DONE}}
-                    destroyOnClose={true}
-                    footer={modalFooter}
-                >
-                    <KitSteps current={currentStep} style={{marginBottom: '2em'}} items={stepsItems} />
-                    <Content>
-                        <Suspense fallback={<Loading />}>{_getStepContent()}</Suspense>
-                    </Content>
-                </Modal>
-            </ImportReducerContext.Provider>
-        </>
-    );
-}
-
-export default ImportModal;

package/src/components/ImportModal/ImportModalConfigStep/ImportKeysSelector/ImportKeysSelector.tsx

@@ -1,60 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {KitSwitch} from 'aristid-ds';
-import styled from 'styled-components';
-import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';
-import {ImportMode, ImportType} from '_ui/_gqlTypes';
-import {ISheet} from '../../_types';
-
-interface IImportKeysSelectorProps {
-    sheet: ISheet;
-    columnIndex: number;
-    onChange: (keyType: 'key' | 'keyTo', value: boolean) => void;
-}
-
-const Wrapper = styled.div<{$hasKeyTo: boolean}>`
-    display: grid;
-    grid-template-columns: 7rem 3rem;
-    grid-column-gap: 0.5em;
-    grid-row-gap: 1em;
-`;
-
-function ImportKeysSelector({columnIndex, sheet, onChange}: IImportKeysSelectorProps): JSX.Element {
-    const {t} = useSharedTranslation();
-    const isLinkImport = sheet.type === ImportType.LINK;
-
-    const _handleKeyChange = (value: boolean) => {
-        onChange('key', value);
-    };
-
-    const _handleKeyToChange = (value: boolean) => {
-        onChange('keyTo', value);
-    };
-
-    const displayImportKey = isLinkImport || sheet.mode !== ImportMode.insert;
-    const displayLinkKey = isLinkImport;
-
-    if (!displayImportKey && !displayLinkKey) {
-        return null;
-    }
-
-    return (
-        <Wrapper $hasKeyTo={isLinkImport}>
-            {displayImportKey && (
-                <>
-                    <label>{t('import.import_key')}: </label>
-                    <KitSwitch checked={sheet.keyColumnIndex === columnIndex} onChange={_handleKeyChange} />
-                </>
-            )}
-            {displayLinkKey && (
-                <>
-                    <label>{t('import.link_key')}: </label>
-                    <KitSwitch checked={sheet.keyToColumnIndex === columnIndex} onChange={_handleKeyToChange} />
-                </>
-            )}
-        </Wrapper>
-    );
-}
-
-export default ImportKeysSelector;

package/src/components/ImportModal/ImportModalConfigStep/ImportKeysSelector/index.ts

@@ -1,5 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import ImportKeysSelector from './ImportKeysSelector';
-export default ImportKeysSelector;

package/src/components/ImportModal/ImportModalConfigStep/ImportMappingRowTitle/ImportMappingRowTitle.tsx

@@ -1,37 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {Space} from 'antd';
-import styled from 'styled-components';
-import {themeVars} from '_ui/antdTheme';
-import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';
-import {useImportReducerContext} from '../../importReducer/ImportReducerContext';
-import {ISheet, SheetSettingsError} from '../../_types';
-
-interface IImportMappingRowTitleProps {
-    sheet: ISheet;
-}
-
-const ErrorsWrapper = styled(Space)`
-    font-weight: bold;
-    margin: 0.5em 0;
-    color: ${themeVars.errorColor};
-`;
-
-function ImportMappingRowTitle({sheet}: IImportMappingRowTitleProps): JSX.Element {
-    const {state} = useImportReducerContext();
-    const {t} = useSharedTranslation();
-    const settingsError = state?.settingsError?.[sheet.name] ?? [];
-    const checkedErrors = [SheetSettingsError.MAPPING, SheetSettingsError.KEY, SheetSettingsError.KEY_TO];
-
-    return (
-        <Space direction="vertical">
-            {t('import.mapping')}
-            <ErrorsWrapper direction="vertical" size="small">
-                {checkedErrors.map(err => (settingsError.includes(err) ? t(`import.settings_errors.${err}`) : null))}
-            </ErrorsWrapper>
-        </Space>
-    );
-}
-
-export default ImportMappingRowTitle;