@leav/ui 0.2.6 → 0.2.8

package/dist/components/ImportModal/ImportModal.js

@@ -1,21 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import {jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment} from 'react/jsx-runtime';
 // 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 { Button, Dropdown, message, Modal, Space } from 'antd';
-import { KitSteps } from 'aristid-ds';
-import { lazy, Suspense, useReducer, useState } from 'react';
+import {DownOutlined, FieldTimeOutlined, RightOutlined} from '@ant-design/icons';
+import {Button, Dropdown, message, Modal, Space} from 'antd';
+import {KitSteps} from 'aristid-ds';
+import {lazy, Suspense, useReducer, useState} from 'react';
 import styled from 'styled-components';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { useGetAttributesByLibLazyQuery, useImportExcelMutation } from '../../_gqlTypes';
-import { Loading } from '../Loading';
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+import {useGetAttributesByLibLazyQuery, useImportExcelMutation} from '../../_gqlTypes';
+import {Loading} from '../Loading';
 import ImportScheduleModal from './ImportModalConfigStep/ImportScheduleModal';
 import importReducer from './importReducer';
-import { ImportReducerActionTypes, initialState } from './importReducer/importReducer';
+import {ImportReducerActionTypes, initialState} from './importReducer/importReducer';
 import ImportReducerContext from './importReducer/ImportReducerContext';
-import { ImportSteps } from './_types';
-const Content = styled.div `
+import {ImportSteps} from './_types';
+const Content = styled.div`
     margin-top: 2em;
     height: calc(100% - 6rem);
     overflow-y: auto;
@@ -25,10 +25,13 @@ 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 }) {
-    const { t } = useSharedTranslation();
-    const [state, importDispatch] = useReducer(importReducer, Object.assign(Object.assign({}, initialState), { defaultLibrary: library }));
-    const { sheets, file, currentStep, okBtn } = state;
+function ImportModal({onClose, library, open, availableLibraries, resultExtraButtons}) {
+    const {t} = useSharedTranslation();
+    const [state, importDispatch] = useReducer(
+        importReducer,
+        Object.assign(Object.assign({}, initialState), {defaultLibrary: library})
+    );
+    const {sheets, file, currentStep, okBtn} = state;
     const [showImportScheduleModal, setShowImportScheduleModal] = useState(false);
     const [scheduleDate, setScheduleDate] = useState(null);
     // Retrieve attributes list
@@ -36,50 +39,64 @@ function ImportModal({ onClose, library, open, availableLibraries, resultExtraBu
         fetchPolicy: 'cache-and-network',
         onError: error => message.error(error.message)
     });
-    const [runImport, { error: importError }] = useImportExcelMutation({
+    const [runImport, {error: importError}] = useImportExcelMutation({
         fetchPolicy: 'no-cache',
         onCompleted: () => {
-            importDispatch({ type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.DONE });
+            importDispatch({type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.DONE});
         },
         onError: error => {
             var _a, _b, _c;
             // Extract human friendly error message
             let errorMessage = error === null || error === void 0 ? void 0 : error.message;
-            const serverErrors = (_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.networkError) === null || _a === void 0 ? void 0 : _a.result) === null || _b === void 0 ? void 0 : _b.errors) !== null && _c !== void 0 ? _c : [];
+            const serverErrors =
+                (_c =
+                    (_b =
+                        (_a = error === null || error === void 0 ? void 0 : error.networkError) === null ||
+                        _a === void 0
+                            ? void 0
+                            : _a.result) === null || _b === void 0
+                        ? void 0
+                        : _b.errors) !== null && _c !== void 0
+                    ? _c
+                    : [];
             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 });
+            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 });
+        importDispatch({type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.PROCESSING});
         try {
             await runImport({
-                variables: Object.assign({ 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() }))
+                variables: Object.assign(
+                    {
+                        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.message });
-        }
-        finally {
-            importDispatch({ type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.DONE });
+        } catch (err) {
+            importDispatch({type: ImportReducerActionTypes.SET_IMPORT_ERROR, importError: err.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 });
+                importDispatch({type: ImportReducerActionTypes.SET_CURRENT_STEP, currentStep: ImportSteps.CONFIG});
                 break;
             case ImportSteps.CONFIG:
                 await _runImport();
@@ -101,46 +118,58 @@ function ImportModal({ onClose, library, open, availableLibraries, resultExtraBu
         [ImportSteps.PROCESSING]: null,
         [ImportSteps.DONE]: null
     };
-    const validateButtonLabel = (_jsxs(Space, { children: [t(validateButtonText[currentStep]), validateButtonIcon[currentStep]] }));
-    const _handleGetAttributes = async (attributesLib) => {
+    const validateButtonLabel = _jsxs(Space, {
+        children: [t(validateButtonText[currentStep]), validateButtonIcon[currentStep]]
+    });
+    const _handleGetAttributes = async attributesLib => {
         var _a, _b;
-        const { error, data } = await runGetAttributes({
-            variables: { library: attributesLib }
+        const {error, data} = await runGetAttributes({
+            variables: {library: attributesLib}
         });
         if (error) {
             message.error(error.message);
         }
-        return ((_b = (_a = data === null || data === void 0 ? void 0 : data.attributes) === null || _a === void 0 ? void 0 : _a.list) !== null && _b !== void 0 ? _b : []).filter(attribute => !attribute.readonly || attribute.id === 'id');
+        return ((_b =
+            (_a = data === null || data === void 0 ? void 0 : data.attributes) === null || _a === void 0
+                ? void 0
+                : _a.list) !== null && _b !== void 0
+            ? _b
+            : []
+        ).filter(attribute => !attribute.readonly || attribute.id === 'id');
     };
     const _getStepContent = () => {
         switch (currentStep) {
             case ImportSteps.SELECT_FILE:
-                return _jsx(ImportModalSelectFileStep, { onGetAttributes: _handleGetAttributes });
+                return _jsx(ImportModalSelectFileStep, {onGetAttributes: _handleGetAttributes});
             case ImportSteps.CONFIG:
-                return _jsx(ImportModalConfigStep, { libraries: availableLibraries, onGetAttributes: _handleGetAttributes });
+                return _jsx(ImportModalConfigStep, {
+                    libraries: availableLibraries,
+                    onGetAttributes: _handleGetAttributes
+                });
             case ImportSteps.PROCESSING:
                 return _jsx(ImportModalProcessingStep, {});
             case ImportSteps.DONE:
-                return _jsx(ImportModalDoneStep, { resultExtraButtons: resultExtraButtons });
+                return _jsx(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 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);
     };
@@ -148,23 +177,68 @@ function ImportModal({ onClose, library, open, availableLibraries, resultExtraBu
         setShowImportScheduleModal(false);
         setScheduleDate(null);
     };
-    const _onChangeScheduleImport = (date) => {
+    const _onChangeScheduleImport = date => {
         setScheduleDate(date);
     };
     const _onValidateScheduleImport = () => {
         setShowImportScheduleModal(false);
         _onOk();
     };
-    const modalFooter = (_jsxs(Space, Object.assign({ direction: "horizontal" }, { children: [currentStep === ImportSteps.CONFIG ? (_jsx(Dropdown.Button, Object.assign({ disabled: !okBtn, className: "submit-btn", title: buttonTitle, type: "primary", onClick: _onOk, icon: _jsx(DownOutlined, {}), menu: {
-                    items: [
-                        {
-                            label: t('import.import_schedule'),
-                            key: '1',
-                            icon: _jsx(FieldTimeOutlined, {})
-                        }
-                    ],
-                    onClick: _onScheduleImportBtnClick
-                } }, { children: validateButtonLabel }))) : (_jsx(Button, Object.assign({ disabled: !okBtn, className: "submit-btn", title: buttonTitle, type: "primary", onClick: _onOk }, { children: validateButtonLabel }))), _jsx(Button, Object.assign({ disabled: currentStep === ImportSteps.DONE, onClick: onClose }, { children: t('global.cancel') }))] })));
+    const modalFooter = _jsxs(
+        Space,
+        Object.assign(
+            {direction: 'horizontal'},
+            {
+                children: [
+                    currentStep === ImportSteps.CONFIG
+                        ? _jsx(
+                              Dropdown.Button,
+                              Object.assign(
+                                  {
+                                      disabled: !okBtn,
+                                      className: 'submit-btn',
+                                      title: buttonTitle,
+                                      type: 'primary',
+                                      onClick: _onOk,
+                                      icon: _jsx(DownOutlined, {}),
+                                      menu: {
+                                          items: [
+                                              {
+                                                  label: t('import.import_schedule'),
+                                                  key: '1',
+                                                  icon: _jsx(FieldTimeOutlined, {})
+                                              }
+                                          ],
+                                          onClick: _onScheduleImportBtnClick
+                                      }
+                                  },
+                                  {children: validateButtonLabel}
+                              )
+                          )
+                        : _jsx(
+                              Button,
+                              Object.assign(
+                                  {
+                                      disabled: !okBtn,
+                                      className: 'submit-btn',
+                                      title: buttonTitle,
+                                      type: 'primary',
+                                      onClick: _onOk
+                                  },
+                                  {children: validateButtonLabel}
+                              )
+                          ),
+                    _jsx(
+                        Button,
+                        Object.assign(
+                            {disabled: currentStep === ImportSteps.DONE, onClick: onClose},
+                            {children: t('global.cancel')}
+                        )
+                    )
+                ]
+            }
+        )
+    );
     const stepsItems = [
         {
             title: t('import.file_selection')
@@ -180,7 +254,66 @@ function ImportModal({ onClose, library, open, availableLibraries, resultExtraBu
             status: importError ? 'error' : null
         }
     ];
-    return (_jsxs(_Fragment, { children: [showImportScheduleModal && (_jsx(ImportScheduleModal, { scheduleDate: scheduleDate, isModalOpen: showImportScheduleModal, onChangeScheduleDate: _onChangeScheduleImport, onCancelImportScheduleModal: _onCancelScheduleImport, onValidateScheduleImport: _onValidateScheduleImport })), _jsx(ImportReducerContext.Provider, Object.assign({ value: { state, dispatch: importDispatch } }, { children: _jsxs(Modal, Object.assign({ title: t('import.title'), okText: validateButtonLabel, cancelText: t('global.cancel'), onOk: _onOk, onCancel: onClose, open: open, closable: true, width: "90vw", centered: true, confirmLoading: currentStep === ImportSteps.PROCESSING, styles: { body: { height: 'calc(100vh - 10rem)' } }, okButtonProps: { disabled: !okBtn, className: 'submit-btn', title: buttonTitle }, cancelButtonProps: { disabled: currentStep === ImportSteps.DONE }, destroyOnClose: true, footer: modalFooter }, { children: [_jsx(KitSteps, { current: currentStep, style: { marginBottom: '2em' }, items: stepsItems }), _jsx(Content, { children: _jsx(Suspense, Object.assign({ fallback: _jsx(Loading, {}) }, { children: _getStepContent() })) })] })) }))] }));
+    return _jsxs(_Fragment, {
+        children: [
+            showImportScheduleModal &&
+                _jsx(ImportScheduleModal, {
+                    scheduleDate: scheduleDate,
+                    isModalOpen: showImportScheduleModal,
+                    onChangeScheduleDate: _onChangeScheduleImport,
+                    onCancelImportScheduleModal: _onCancelScheduleImport,
+                    onValidateScheduleImport: _onValidateScheduleImport
+                }),
+            _jsx(
+                ImportReducerContext.Provider,
+                Object.assign(
+                    {value: {state, dispatch: importDispatch}},
+                    {
+                        children: _jsxs(
+                            Modal,
+                            Object.assign(
+                                {
+                                    title: t('import.title'),
+                                    okText: validateButtonLabel,
+                                    cancelText: t('global.cancel'),
+                                    onOk: _onOk,
+                                    onCancel: onClose,
+                                    open: open,
+                                    closable: true,
+                                    width: '90vw',
+                                    centered: true,
+                                    confirmLoading: currentStep === ImportSteps.PROCESSING,
+                                    styles: {body: {height: 'calc(100vh - 10rem)'}},
+                                    okButtonProps: {disabled: !okBtn, className: 'submit-btn', title: buttonTitle},
+                                    cancelButtonProps: {disabled: currentStep === ImportSteps.DONE},
+                                    destroyOnClose: true,
+                                    footer: modalFooter
+                                },
+                                {
+                                    children: [
+                                        _jsx(KitSteps, {
+                                            current: currentStep,
+                                            style: {marginBottom: '2em'},
+                                            items: stepsItems
+                                        }),
+                                        _jsx(Content, {
+                                            children: _jsx(
+                                                Suspense,
+                                                Object.assign(
+                                                    {fallback: _jsx(Loading, {})},
+                                                    {children: _getStepContent()}
+                                                )
+                                            )
+                                        })
+                                    ]
+                                }
+                            )
+                        )
+                    }
+                )
+            )
+        ]
+    });
 }
 export default ImportModal;
-//# sourceMappingURL=ImportModal.js.map
+//# sourceMappingURL=ImportModal.js.map

package/dist/components/ImportModal/ImportModalConfigStep/ImportKeysSelector/ImportKeysSelector.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ISheet } from '../../_types';
+import {ISheet} from '../../_types';
 interface IImportKeysSelectorProps {
     sheet: ISheet;
     columnIndex: number;
     onChange: (keyType: 'key' | 'keyTo', value: boolean) => void;
 }
-declare function ImportKeysSelector({ columnIndex, sheet, onChange }: IImportKeysSelectorProps): JSX.Element;
+declare function ImportKeysSelector({columnIndex, sheet, onChange}: IImportKeysSelectorProps): JSX.Element;
 export default ImportKeysSelector;

package/dist/components/ImportModal/ImportModalConfigStep/ImportKeysSelector/ImportKeysSelector.js

@@ -1,24 +1,24 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import {jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment} from 'react/jsx-runtime';
 // 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 {KitSwitch} from 'aristid-ds';
 import styled from 'styled-components';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { ImportMode, ImportType } from '../../../../_gqlTypes';
-const Wrapper = styled.div `
+import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
+import {ImportMode, ImportType} from '../../../../_gqlTypes';
+const Wrapper = styled.div`
     display: grid;
     grid-template-columns: 7rem 3rem;
     grid-column-gap: 0.5em;
     grid-row-gap: 1em;
 `;
-function ImportKeysSelector({ columnIndex, sheet, onChange }) {
-    const { t } = useSharedTranslation();
+function ImportKeysSelector({columnIndex, sheet, onChange}) {
+    const {t} = useSharedTranslation();
     const isLinkImport = sheet.type === ImportType.LINK;
-    const _handleKeyChange = (value) => {
+    const _handleKeyChange = value => {
         onChange('key', value);
     };
-    const _handleKeyToChange = (value) => {
+    const _handleKeyToChange = value => {
         onChange('keyTo', value);
     };
     const displayImportKey = isLinkImport || sheet.mode !== ImportMode.insert;
@@ -26,7 +26,36 @@ function ImportKeysSelector({ columnIndex, sheet, onChange }) {
     if (!displayImportKey && !displayLinkKey) {
         return null;
     }
-    return (_jsxs(Wrapper, Object.assign({ "$hasKeyTo": isLinkImport }, { children: [displayImportKey && (_jsxs(_Fragment, { children: [_jsxs("label", { children: [t('import.import_key'), ": "] }), _jsx(KitSwitch, { checked: sheet.keyColumnIndex === columnIndex, onChange: _handleKeyChange })] })), displayLinkKey && (_jsxs(_Fragment, { children: [_jsxs("label", { children: [t('import.link_key'), ": "] }), _jsx(KitSwitch, { checked: sheet.keyToColumnIndex === columnIndex, onChange: _handleKeyToChange })] }))] })));
+    return _jsxs(
+        Wrapper,
+        Object.assign(
+            {$hasKeyTo: isLinkImport},
+            {
+                children: [
+                    displayImportKey &&
+                        _jsxs(_Fragment, {
+                            children: [
+                                _jsxs('label', {children: [t('import.import_key'), ': ']}),
+                                _jsx(KitSwitch, {
+                                    checked: sheet.keyColumnIndex === columnIndex,
+                                    onChange: _handleKeyChange
+                                })
+                            ]
+                        }),
+                    displayLinkKey &&
+                        _jsxs(_Fragment, {
+                            children: [
+                                _jsxs('label', {children: [t('import.link_key'), ': ']}),
+                                _jsx(KitSwitch, {
+                                    checked: sheet.keyToColumnIndex === columnIndex,
+                                    onChange: _handleKeyToChange
+                                })
+                            ]
+                        })
+                ]
+            }
+        )
+    );
 }
 export default ImportKeysSelector;
-//# sourceMappingURL=ImportKeysSelector.js.map
+//# sourceMappingURL=ImportKeysSelector.js.map

package/dist/components/ImportModal/ImportModalConfigStep/ImportKeysSelector/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import ImportKeysSelector from './ImportKeysSelector';
 export default ImportKeysSelector;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ImportModal/ImportModalConfigStep/ImportMappingRowTitle/ImportMappingRowTitle.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ISheet } from '../../_types';
+import {ISheet} from '../../_types';
 interface IImportMappingRowTitleProps {
     sheet: ISheet;
 }
-declare function ImportMappingRowTitle({ sheet }: IImportMappingRowTitleProps): JSX.Element;
+declare function ImportMappingRowTitle({sheet}: IImportMappingRowTitleProps): JSX.Element;
 export default ImportMappingRowTitle;

package/dist/components/ImportModal/ImportModalConfigStep/ImportMappingRowTitle/ImportMappingRowTitle.js

@@ -1,25 +1,52 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
 // 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 {Space} from 'antd';
 import styled from 'styled-components';
-import { themeVars } from '../../../../antdTheme';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { useImportReducerContext } from '../../importReducer/ImportReducerContext';
-import { SheetSettingsError } from '../../_types';
-const ErrorsWrapper = styled(Space) `
+import {themeVars} from '../../../../antdTheme';
+import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
+import {useImportReducerContext} from '../../importReducer/ImportReducerContext';
+import {SheetSettingsError} from '../../_types';
+const ErrorsWrapper = styled(Space)`
     font-weight: bold;
     margin: 0.5em 0;
     color: ${themeVars.errorColor};
 `;
-function ImportMappingRowTitle({ sheet }) {
+function ImportMappingRowTitle({sheet}) {
     var _a, _b;
-    const { state } = useImportReducerContext();
-    const { t } = useSharedTranslation();
-    const settingsError = (_b = (_a = state === null || state === void 0 ? void 0 : state.settingsError) === null || _a === void 0 ? void 0 : _a[sheet.name]) !== null && _b !== void 0 ? _b : [];
+    const {state} = useImportReducerContext();
+    const {t} = useSharedTranslation();
+    const settingsError =
+        (_b =
+            (_a = state === null || state === void 0 ? void 0 : state.settingsError) === null || _a === void 0
+                ? void 0
+                : _a[sheet.name]) !== null && _b !== void 0
+            ? _b
+            : [];
     const checkedErrors = [SheetSettingsError.MAPPING, SheetSettingsError.KEY, SheetSettingsError.KEY_TO];
-    return (_jsxs(Space, Object.assign({ direction: "vertical" }, { children: [t('import.mapping'), _jsx(ErrorsWrapper, Object.assign({ direction: "vertical", size: "small" }, { children: checkedErrors.map(err => (settingsError.includes(err) ? t(`import.settings_errors.${err}`) : null)) }))] })));
+    return _jsxs(
+        Space,
+        Object.assign(
+            {direction: 'vertical'},
+            {
+                children: [
+                    t('import.mapping'),
+                    _jsx(
+                        ErrorsWrapper,
+                        Object.assign(
+                            {direction: 'vertical', size: 'small'},
+                            {
+                                children: checkedErrors.map(err =>
+                                    settingsError.includes(err) ? t(`import.settings_errors.${err}`) : null
+                                )
+                            }
+                        )
+                    )
+                ]
+            }
+        )
+    );
 }
 export default ImportMappingRowTitle;
-//# sourceMappingURL=ImportMappingRowTitle.js.map
+//# sourceMappingURL=ImportMappingRowTitle.js.map

package/dist/components/ImportModal/ImportModalConfigStep/ImportMappingRowTitle/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import ImportMappingRowTitle from './ImportMappingRowTitle';
 export default ImportMappingRowTitle;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ImportModal/ImportModalConfigStep/ImportModalConfigStep.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { AttributesByLibAttributeFragment, LibraryLightFragment } from '../../../_gqlTypes';
+import {AttributesByLibAttributeFragment, LibraryLightFragment} from '../../../_gqlTypes';
 interface IImportModalConfigStepProps {
     libraries: LibraryLightFragment[];
     onGetAttributes: (library: string) => Promise<AttributesByLibAttributeFragment[]>;
 }
-declare function ImportModalConfigStep({ libraries, onGetAttributes }: IImportModalConfigStepProps): JSX.Element;
+declare function ImportModalConfigStep({libraries, onGetAttributes}: IImportModalConfigStepProps): JSX.Element;
 export default ImportModalConfigStep;