@leav/ui 0.2.8 → 0.3.0

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,13 +25,10 @@ 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
@@ -39,64 +36,50 @@ function ImportModal({onClose, library, open, availableLibraries, resultExtraBut
         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();
@@ -118,58 +101,46 @@ function ImportModal({onClose, library, open, availableLibraries, resultExtraBut
         [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);
     };
@@ -177,68 +148,23 @@ function ImportModal({onClose, library, open, availableLibraries, resultExtraBut
         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')
@@ -254,66 +180,7 @@ function ImportModal({onClose, library, open, availableLibraries, resultExtraBut
             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,36 +26,7 @@ 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,52 +1,25 @@
-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;