@leav/ui 0.2.7 → 0.2.8

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

@@ -1,39 +1,39 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, Fragment as _Fragment, 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 { KeyOutlined, LinkOutlined, WarningOutlined } from '@ant-design/icons';
-import { localizedTranslation } from '@leav/utils';
-import { Space, Table, Typography } from 'antd';
-import { KitSelect, KitTabs, KitTypography } from 'aristid-ds';
+import {KeyOutlined, LinkOutlined, WarningOutlined} from '@ant-design/icons';
+import {localizedTranslation} from '@leav/utils';
+import {Space, Table, Typography} from 'antd';
+import {KitSelect, KitTabs, KitTypography} from 'aristid-ds';
 import styled from 'styled-components';
-import { themeVars } from '../../../antdTheme';
-import { useLang } from '../../../hooks';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { AttributeType, ImportType } from '../../../_gqlTypes';
-import { ImportReducerActionTypes } from '../importReducer/importReducer';
-import { useImportReducerContext } from '../importReducer/ImportReducerContext';
+import {themeVars} from '../../../antdTheme';
+import {useLang} from '../../../hooks';
+import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
+import {AttributeType, ImportType} from '../../../_gqlTypes';
+import {ImportReducerActionTypes} from '../importReducer/importReducer';
+import {useImportReducerContext} from '../importReducer/ImportReducerContext';
 import ImportKeysSelector from './ImportKeysSelector';
 import ImportMappingRowTitle from './ImportMappingRowTitle';
 import ImportSheetSettings from './ImportSheetSettings';
 var KeysValues;
 (function (KeysValues) {
-    KeysValues["IMPORT"] = "import_key";
-    KeysValues["LINK"] = "link_key";
+    KeysValues['IMPORT'] = 'import_key';
+    KeysValues['LINK'] = 'link_key';
 })(KeysValues || (KeysValues = {}));
-const SheetWrapper = styled.div `
+const SheetWrapper = styled.div`
     width: 100%;
     display: flex;
     flex-direction: column;
 `;
-function ImportModalConfigStep({ libraries, onGetAttributes }) {
-    const { lang } = useLang();
-    const { t } = useSharedTranslation();
-    const { state, dispatch } = useImportReducerContext();
-    const { sheets } = state;
+function ImportModalConfigStep({libraries, onGetAttributes}) {
+    const {lang} = useLang();
+    const {t} = useSharedTranslation();
+    const {state, dispatch} = useImportReducerContext();
+    const {sheets} = state;
     const _changeSheetProperty = (sheetIndex, values) => {
         sheets[sheetIndex] = Object.assign(Object.assign({}, sheets[sheetIndex]), values);
-        dispatch({ type: ImportReducerActionTypes.SET_SHEETS, sheets: [...sheets] });
+        dispatch({type: ImportReducerActionTypes.SET_SHEETS, sheets: [...sheets]});
     };
     const _handleLibrarySelect = async (sheetIndex, lib) => {
         const attrs = await onGetAttributes(lib);
@@ -53,15 +53,21 @@ function ImportModalConfigStep({ libraries, onGetAttributes }) {
         });
     };
     const _handleImportModeSelect = (sheetIndex, mode) => {
-        _changeSheetProperty(sheetIndex, { mode });
+        _changeSheetProperty(sheetIndex, {mode});
     };
     const _handleLinkAttributeSelect = async (sheetIndex, linkAttribute) => {
         var _a;
         const sheet = sheets[sheetIndex];
         const linkAttributeProps = sheet.attributes.find(a => a.id === linkAttribute);
-        const library = linkAttributeProps.type === AttributeType.tree
-            ? sheet.treeLinkLibrary
-            : (_a = linkAttributeProps === null || linkAttributeProps === void 0 ? void 0 : linkAttributeProps.linked_library) === null || _a === void 0 ? void 0 : _a.id;
+        const library =
+            linkAttributeProps.type === AttributeType.tree
+                ? sheet.treeLinkLibrary
+                : (_a =
+                      linkAttributeProps === null || linkAttributeProps === void 0
+                          ? void 0
+                          : linkAttributeProps.linked_library) === null || _a === void 0
+                ? void 0
+                : _a.id;
         let keyToAttributes = [];
         if (library) {
             keyToAttributes = await onGetAttributes(library);
@@ -72,13 +78,12 @@ function ImportModalConfigStep({ libraries, onGetAttributes }) {
             linkAttributeProps,
             mapping,
             keyToAttributes,
-            treeLinkLibrary: linkAttributeProps.type === AttributeType.tree
-                ? linkAttributeProps.linked_tree.libraries
-                    .map(l => l.library.id)
-                    .includes(sheet.treeLinkLibrary)
-                    ? sheet.treeLinkLibrary
+            treeLinkLibrary:
+                linkAttributeProps.type === AttributeType.tree
+                    ? linkAttributeProps.linked_tree.libraries.map(l => l.library.id).includes(sheet.treeLinkLibrary)
+                        ? sheet.treeLinkLibrary
+                        : null
                     : null
-                : null
         });
     };
     const _handleMappingSelect = (sheetIndex, selectedMappingIndex, attributeId) => {
@@ -88,25 +93,27 @@ function ImportModalConfigStep({ libraries, onGetAttributes }) {
         // Prevent mapping the same attribute twice
         // We may have the same attribute twice only if one is used as "keyTo". Otherwise, it's forbidden
         mapping = mapping.map((mappingAttribute, columnIndex) => {
-            if (columnIndex !== selectedMappingIndex &&
+            if (
+                columnIndex !== selectedMappingIndex &&
                 mappingAttribute === attributeId &&
                 sheet.keyToColumnIndex !== columnIndex &&
-                sheet.keyToColumnIndex !== selectedMappingIndex) {
+                sheet.keyToColumnIndex !== selectedMappingIndex
+            ) {
                 return null;
             }
             return mappingAttribute;
         });
-        _changeSheetProperty(sheetIndex, { mapping });
+        _changeSheetProperty(sheetIndex, {mapping});
     };
     //TODO: fix import selectors width?
     const _handleTreeLinkLibrarySelect = async (sheetIndex, treeLinkLibrary) => {
         const keyToAttributes = treeLinkLibrary ? await onGetAttributes(treeLinkLibrary) : null;
-        _changeSheetProperty(sheetIndex, { treeLinkLibrary, keyToAttributes });
+        _changeSheetProperty(sheetIndex, {treeLinkLibrary, keyToAttributes});
     };
     const tabItems = sheets.map((sheet, sheetIndex) => {
         const isSheetIgnored = sheet.type === ImportType.IGNORE;
         const displayedRows = sheet.data.slice(0, 3);
-        const _handleSelectKey = (columnIndex) => (keyType, value) => {
+        const _handleSelectKey = columnIndex => (keyType, value) => {
             const newProps = {};
             const colId = sheet.mapping[columnIndex];
             const changedProp = keyType;
@@ -129,28 +136,29 @@ function ImportModalConfigStep({ libraries, onGetAttributes }) {
         const _setStyleOnMappingRow = (_, rowIndex) => ({
             style: {
                 verticalAlign: 'top',
-                background: rowIndex === displayedRows.length // Set background color on last row (= mapping row)
-                    ? themeVars.secondaryBg
-                    : themeVars.defaultBg
+                background:
+                    rowIndex === displayedRows.length // Set background color on last row (= mapping row)
+                        ? themeVars.secondaryBg
+                        : themeVars.defaultBg
             }
         });
         const selectKeyOptions = [
             {
                 value: KeysValues.IMPORT,
-                label: (_jsxs(_Fragment, { children: [_jsx(KeyOutlined, {}), " ", t('import.import_key')] }))
+                label: _jsxs(_Fragment, {children: [_jsx(KeyOutlined, {}), ' ', t('import.import_key')]})
             }
         ];
         if (sheet.type === ImportType.LINK) {
             selectKeyOptions.push({
                 value: KeysValues.LINK,
-                label: (_jsxs(_Fragment, { children: [_jsx(LinkOutlined, {}), " ", t('import.link_key')] }))
+                label: _jsxs(_Fragment, {children: [_jsx(LinkOutlined, {}), ' ', t('import.link_key')]})
             });
         }
         const sheetColumns = Object.keys(sheet.data[0]).map((col, index) => ({
             title: col,
             dataIndex: col,
             onCell: _setStyleOnMappingRow,
-            render: value => _jsx(KitTypography.Paragraph, Object.assign({ ellipsis: { rows: 2 } }, { children: value }))
+            render: value => _jsx(KitTypography.Paragraph, Object.assign({ellipsis: {rows: 2}}, {children: value}))
         }));
         sheetColumns.unshift({
             title: _jsx(_Fragment, {}),
@@ -158,31 +166,100 @@ function ImportModalConfigStep({ libraries, onGetAttributes }) {
             onCell: _setStyleOnMappingRow,
             width: '250px'
         });
-        const sheetData = displayedRows.map((row, index) => (Object.assign(Object.assign({}, row), { key: index })));
+        const sheetData = displayedRows.map((row, index) => Object.assign(Object.assign({}, row), {key: index}));
         // Mapping row
         if (sheet.type && sheet.library && (sheet.type !== ImportType.LINK || sheet.linkAttribute)) {
-            const mappingRow = Object.assign({ key: sheetData.length, __root: _jsx(ImportMappingRowTitle, { sheet: sheet }) }, Object.keys(sheet.data[0]).reduce((allCols, col, idx) => {
-                var _a, _b, _c;
-                const attributeSelectOptions = (sheet.keyToColumnIndex === idx
-                    ? (_a = sheet === null || sheet === void 0 ? void 0 : sheet.keyToAttributes) !== null && _a !== void 0 ? _a : []
-                    : ((_b = sheet === null || sheet === void 0 ? void 0 : sheet.attributes) !== null && _b !== void 0 ? _b : []).filter(a => (a === null || a === void 0 ? void 0 : a.type) === AttributeType.simple || (a === null || a === void 0 ? void 0 : a.type) === AttributeType.advanced)).map(a => ({
-                    value: a.id,
-                    key: a.id,
-                    label: localizedTranslation(a.label, lang) || a.id
-                }));
-                allCols[col] = (_jsxs(Space, Object.assign({ direction: "vertical", style: { width: '100%' } }, { children: [_jsx(KitSelect, { style: { width: '100%' }, placeholder: t('import.do_not_import'), value: (_c = sheet.mapping) === null || _c === void 0 ? void 0 : _c[idx], allowClear: true, onClear: () => _handleMappingSelect(sheetIndex, idx, null), onSelect: id => _handleMappingSelect(sheetIndex, idx, id), options: attributeSelectOptions }), _jsx(ImportKeysSelector, { sheet: sheet, columnIndex: idx, onChange: _handleSelectKey(idx) })] })));
-                return allCols;
-            }, {}));
+            const mappingRow = Object.assign(
+                {key: sheetData.length, __root: _jsx(ImportMappingRowTitle, {sheet: sheet})},
+                Object.keys(sheet.data[0]).reduce((allCols, col, idx) => {
+                    var _a, _b, _c;
+                    const attributeSelectOptions = (sheet.keyToColumnIndex === idx
+                        ? (_a = sheet === null || sheet === void 0 ? void 0 : sheet.keyToAttributes) !== null &&
+                          _a !== void 0
+                            ? _a
+                            : []
+                        : ((_b = sheet === null || sheet === void 0 ? void 0 : sheet.attributes) !== null &&
+                          _b !== void 0
+                              ? _b
+                              : []
+                          ).filter(
+                              a =>
+                                  (a === null || a === void 0 ? void 0 : a.type) === AttributeType.simple ||
+                                  (a === null || a === void 0 ? void 0 : a.type) === AttributeType.advanced
+                          )
+                    ).map(a => ({
+                        value: a.id,
+                        key: a.id,
+                        label: localizedTranslation(a.label, lang) || a.id
+                    }));
+                    allCols[col] = _jsxs(
+                        Space,
+                        Object.assign(
+                            {direction: 'vertical', style: {width: '100%'}},
+                            {
+                                children: [
+                                    _jsx(KitSelect, {
+                                        style: {width: '100%'},
+                                        placeholder: t('import.do_not_import'),
+                                        value: (_c = sheet.mapping) === null || _c === void 0 ? void 0 : _c[idx],
+                                        allowClear: true,
+                                        onClear: () => _handleMappingSelect(sheetIndex, idx, null),
+                                        onSelect: id => _handleMappingSelect(sheetIndex, idx, id),
+                                        options: attributeSelectOptions
+                                    }),
+                                    _jsx(ImportKeysSelector, {
+                                        sheet: sheet,
+                                        columnIndex: idx,
+                                        onChange: _handleSelectKey(idx)
+                                    })
+                                ]
+                            }
+                        )
+                    );
+                    return allCols;
+                }, {})
+            );
             sheetData.push(mappingRow);
         }
-        const tabTitle = (_jsxs(Space, { children: [sheet.name, !!state.settingsError[sheet.name] && _jsx(WarningOutlined, { style: { color: themeVars.errorColor } })] }));
+        const tabTitle = _jsxs(Space, {
+            children: [
+                sheet.name,
+                !!state.settingsError[sheet.name] && _jsx(WarningOutlined, {style: {color: themeVars.errorColor}})
+            ]
+        });
         return {
             label: tabTitle,
             key: String(sheetIndex),
-            children: (_jsxs(SheetWrapper, { children: [_jsx(ImportSheetSettings, { sheetIndex: sheetIndex, libraries: libraries, onLibrarySelect: _handleLibrarySelect, onImportTypeSelect: _handleImportTypeSelect, onImportModeSelect: _handleImportModeSelect, onLinkAttributeSelect: _handleLinkAttributeSelect, onTreeLinkLibrarySelect: _handleTreeLinkLibrarySelect }), !isSheetIgnored && (_jsx(Table, { title: () => _jsx(Typography.Title, Object.assign({ level: 5 }, { children: t('import.data_overview') })), columns: sheetColumns, dataSource: sheetData, size: "small", tableLayout: "auto", pagination: { hideOnSinglePage: true }, style: { width: '100%', overflow: 'auto' } }))] }))
+            children: _jsxs(SheetWrapper, {
+                children: [
+                    _jsx(ImportSheetSettings, {
+                        sheetIndex: sheetIndex,
+                        libraries: libraries,
+                        onLibrarySelect: _handleLibrarySelect,
+                        onImportTypeSelect: _handleImportTypeSelect,
+                        onImportModeSelect: _handleImportModeSelect,
+                        onLinkAttributeSelect: _handleLinkAttributeSelect,
+                        onTreeLinkLibrarySelect: _handleTreeLinkLibrarySelect
+                    }),
+                    !isSheetIgnored &&
+                        _jsx(Table, {
+                            title: () =>
+                                _jsx(
+                                    Typography.Title,
+                                    Object.assign({level: 5}, {children: t('import.data_overview')})
+                                ),
+                            columns: sheetColumns,
+                            dataSource: sheetData,
+                            size: 'small',
+                            tableLayout: 'auto',
+                            pagination: {hideOnSinglePage: true},
+                            style: {width: '100%', overflow: 'auto'}
+                        })
+                ]
+            })
         };
     });
-    return _jsx(KitTabs, { type: "card", items: tabItems });
+    return _jsx(KitTabs, {type: 'card', items: tabItems});
 }
 export default ImportModalConfigStep;
-//# sourceMappingURL=ImportModalConfigStep.js.map
+//# sourceMappingURL=ImportModalConfigStep.js.map

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

@@ -7,5 +7,11 @@ interface IImportScheduleModalProps {
     onValidateScheduleImport: () => void;
     onChangeScheduleDate: (date: dayjs.Dayjs) => void;
 }
-declare function ImportScheduleModal({ isModalOpen, scheduleDate, onCancelImportScheduleModal, onChangeScheduleDate, onValidateScheduleImport }: IImportScheduleModalProps): JSX.Element;
+declare function ImportScheduleModal({
+    isModalOpen,
+    scheduleDate,
+    onCancelImportScheduleModal,
+    onChangeScheduleDate,
+    onValidateScheduleImport
+}: IImportScheduleModalProps): JSX.Element;
 export default ImportScheduleModal;

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

@@ -1,11 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} 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 { DatePicker, Modal } from 'antd';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-function ImportScheduleModal({ isModalOpen, scheduleDate, onCancelImportScheduleModal, onChangeScheduleDate, onValidateScheduleImport }) {
-    const { t } = useSharedTranslation();
+import {DatePicker, Modal} from 'antd';
+import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
+function ImportScheduleModal({
+    isModalOpen,
+    scheduleDate,
+    onCancelImportScheduleModal,
+    onChangeScheduleDate,
+    onValidateScheduleImport
+}) {
+    const {t} = useSharedTranslation();
     const _onChange = (d, dateString) => {
         onChangeScheduleDate(d);
     };
@@ -15,7 +21,28 @@ function ImportScheduleModal({ isModalOpen, scheduleDate, onCancelImportSchedule
     const handleCancel = () => {
         onCancelImportScheduleModal();
     };
-    return (_jsx(Modal, Object.assign({ title: t('import.import_schedule_title'), open: isModalOpen, okText: t('import.import_schedule'), cancelText: t('global.cancel'), onOk: handleOk, onCancel: handleCancel, okButtonProps: { disabled: scheduleDate === null } }, { children: _jsx(DatePicker, { defaultValue: scheduleDate, onChange: _onChange, picker: "date", showTime: true }) })));
+    return _jsx(
+        Modal,
+        Object.assign(
+            {
+                title: t('import.import_schedule_title'),
+                open: isModalOpen,
+                okText: t('import.import_schedule'),
+                cancelText: t('global.cancel'),
+                onOk: handleOk,
+                onCancel: handleCancel,
+                okButtonProps: {disabled: scheduleDate === null}
+            },
+            {
+                children: _jsx(DatePicker, {
+                    defaultValue: scheduleDate,
+                    onChange: _onChange,
+                    picker: 'date',
+                    showTime: true
+                })
+            }
+        )
+    );
 }
 export default ImportScheduleModal;
-//# sourceMappingURL=ImportScheduleModal.js.map
+//# sourceMappingURL=ImportScheduleModal.js.map

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ImportMode, ImportType, LibraryLightFragment } from '../../../../_gqlTypes';
+import {ImportMode, ImportType, LibraryLightFragment} from '../../../../_gqlTypes';
 interface IImportSettingsProps {
     sheetIndex: number;
     libraries: LibraryLightFragment[];
@@ -9,5 +9,13 @@ interface IImportSettingsProps {
     onLinkAttributeSelect: (sheetIndex: number, attribute: string) => void;
     onTreeLinkLibrarySelect: (sheetIndex: number, library: string) => void;
 }
-declare function ImportSheetSettings({ sheetIndex, libraries, onLibrarySelect, onImportTypeSelect, onImportModeSelect, onLinkAttributeSelect, onTreeLinkLibrarySelect }: IImportSettingsProps): JSX.Element;
+declare function ImportSheetSettings({
+    sheetIndex,
+    libraries,
+    onLibrarySelect,
+    onImportTypeSelect,
+    onImportModeSelect,
+    onLinkAttributeSelect,
+    onTreeLinkLibrarySelect
+}: IImportSettingsProps): JSX.Element;
 export default ImportSheetSettings;

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

@@ -1,38 +1,56 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, Fragment as _Fragment, 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 { localizedTranslation } from '@leav/utils';
-import { Form, Space } from 'antd';
-import { KitSelect } from 'aristid-ds';
+import {localizedTranslation} from '@leav/utils';
+import {Form, Space} from 'antd';
+import {KitSelect} from 'aristid-ds';
 import styled from 'styled-components';
 import useLang from '../../../../hooks/useLang';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { AttributeType, ImportMode, ImportType } from '../../../../_gqlTypes';
-import { useImportReducerContext } from '../../importReducer/ImportReducerContext';
-const isLinkAttribute = (attribute) => attribute.type === AttributeType.simple_link ||
+import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
+import {AttributeType, ImportMode, ImportType} from '../../../../_gqlTypes';
+import {useImportReducerContext} from '../../importReducer/ImportReducerContext';
+const isLinkAttribute = attribute =>
+    attribute.type === AttributeType.simple_link ||
     attribute.type === AttributeType.advanced_link ||
     attribute.type === AttributeType.tree;
-const SettingsWrapper = styled(Space) `
+const SettingsWrapper = styled(Space)`
     && .ant-form-item-label {
         padding: 0;
         font-weight: bold;
     }
 `;
-function ImportSheetSettings({ sheetIndex, libraries, onLibrarySelect, onImportTypeSelect, onImportModeSelect, onLinkAttributeSelect, onTreeLinkLibrarySelect }) {
+function ImportSheetSettings({
+    sheetIndex,
+    libraries,
+    onLibrarySelect,
+    onImportTypeSelect,
+    onImportModeSelect,
+    onLinkAttributeSelect,
+    onTreeLinkLibrarySelect
+}) {
     var _a, _b, _c, _d, _e, _f;
-    const { lang } = useLang();
-    const { t } = useSharedTranslation();
-    const { state } = useImportReducerContext();
+    const {lang} = useLang();
+    const {t} = useSharedTranslation();
+    const {state} = useImportReducerContext();
     const sheet = state.sheets[sheetIndex];
     const isSheetIgnored = sheet.type === ImportType.IGNORE;
-    const selectTreeLinkLibraryOptions = sheet.type === ImportType.LINK && ((_a = sheet.linkAttributeProps) === null || _a === void 0 ? void 0 : _a.type) === AttributeType.tree
-        ? ((_d = (_c = (_b = sheet.linkAttributeProps) === null || _b === void 0 ? void 0 : _b.linked_tree) === null || _c === void 0 ? void 0 : _c.libraries) !== null && _d !== void 0 ? _d : []).map(treeLib => ({
-            key: treeLib.library.id,
-            value: treeLib.library.id,
-            label: localizedTranslation(treeLib.library.label, lang)
-        }))
-        : null;
+    const selectTreeLinkLibraryOptions =
+        sheet.type === ImportType.LINK &&
+        ((_a = sheet.linkAttributeProps) === null || _a === void 0 ? void 0 : _a.type) === AttributeType.tree
+            ? ((_d =
+                  (_c = (_b = sheet.linkAttributeProps) === null || _b === void 0 ? void 0 : _b.linked_tree) === null ||
+                  _c === void 0
+                      ? void 0
+                      : _c.libraries) !== null && _d !== void 0
+                  ? _d
+                  : []
+              ).map(treeLib => ({
+                  key: treeLib.library.id,
+                  value: treeLib.library.id,
+                  label: localizedTranslation(treeLib.library.label, lang)
+              }))
+            : null;
     const typeOptions = Object.values(ImportType).map(type => ({
         key: type,
         value: type,
@@ -53,7 +71,116 @@ function ImportSheetSettings({ sheetIndex, libraries, onLibrarySelect, onImportT
         value: a.id,
         label: localizedTranslation(a.label, lang) || a.id
     }));
-    return (_jsx(Form, Object.assign({ layout: "vertical" }, { children: _jsxs(SettingsWrapper, Object.assign({ direction: "horizontal", size: "middle", wrap: true }, { children: [_jsx(Form.Item, Object.assign({ label: t('import.type'), required: true }, { children: _jsx(KitSelect, { style: { minWidth: 200 }, defaultValue: sheet.type, placeholder: t('import.select_type'), onChange: value => onImportTypeSelect(sheetIndex, value), options: typeOptions }) })), !isSheetIgnored && (_jsxs(_Fragment, { children: [_jsx(Form.Item, Object.assign({ label: t('import.mode'), required: true }, { children: _jsx(KitSelect, { style: { minWidth: 240 }, defaultValue: sheet.mode, placeholder: t('import.select_mode'), onChange: value => onImportModeSelect(sheetIndex, value), options: modeOptions }) })), _jsx(Form.Item, Object.assign({ label: t('import.library'), required: true }, { children: _jsx(KitSelect, { style: { minWidth: 200 }, defaultValue: (_e = sheet.library) !== null && _e !== void 0 ? _e : state.defaultLibrary, placeholder: t('import.select_library'), onChange: value => onLibrarySelect(sheetIndex, value), options: librariesOptions }) })), sheet.type === ImportType.LINK && sheet.library && (_jsx(Form.Item, Object.assign({ label: t('import.link_attribute'), required: true }, { children: _jsx(KitSelect, { style: { minWidth: 200 }, defaultValue: sheet.linkAttribute, value: sheet.linkAttribute, placeholder: t('import.select_link_attribute'), onChange: value => onLinkAttributeSelect(sheetIndex, value), options: linkAttributeOptions }) }))), sheet.type === ImportType.LINK && ((_f = sheet.linkAttributeProps) === null || _f === void 0 ? void 0 : _f.type) === AttributeType.tree && (_jsx(Form.Item, Object.assign({ label: t('import.tree_link_library'), required: true }, { children: _jsx(KitSelect, { style: { minWidth: 200 }, value: sheet.treeLinkLibrary, placeholder: t('import.select_library'), onChange: value => onTreeLinkLibrarySelect(sheetIndex, value), options: selectTreeLinkLibraryOptions }) })))] }))] })) })));
+    return _jsx(
+        Form,
+        Object.assign(
+            {layout: 'vertical'},
+            {
+                children: _jsxs(
+                    SettingsWrapper,
+                    Object.assign(
+                        {direction: 'horizontal', size: 'middle', wrap: true},
+                        {
+                            children: [
+                                _jsx(
+                                    Form.Item,
+                                    Object.assign(
+                                        {label: t('import.type'), required: true},
+                                        {
+                                            children: _jsx(KitSelect, {
+                                                style: {minWidth: 200},
+                                                defaultValue: sheet.type,
+                                                placeholder: t('import.select_type'),
+                                                onChange: value => onImportTypeSelect(sheetIndex, value),
+                                                options: typeOptions
+                                            })
+                                        }
+                                    )
+                                ),
+                                !isSheetIgnored &&
+                                    _jsxs(_Fragment, {
+                                        children: [
+                                            _jsx(
+                                                Form.Item,
+                                                Object.assign(
+                                                    {label: t('import.mode'), required: true},
+                                                    {
+                                                        children: _jsx(KitSelect, {
+                                                            style: {minWidth: 240},
+                                                            defaultValue: sheet.mode,
+                                                            placeholder: t('import.select_mode'),
+                                                            onChange: value => onImportModeSelect(sheetIndex, value),
+                                                            options: modeOptions
+                                                        })
+                                                    }
+                                                )
+                                            ),
+                                            _jsx(
+                                                Form.Item,
+                                                Object.assign(
+                                                    {label: t('import.library'), required: true},
+                                                    {
+                                                        children: _jsx(KitSelect, {
+                                                            style: {minWidth: 200},
+                                                            defaultValue:
+                                                                (_e = sheet.library) !== null && _e !== void 0
+                                                                    ? _e
+                                                                    : state.defaultLibrary,
+                                                            placeholder: t('import.select_library'),
+                                                            onChange: value => onLibrarySelect(sheetIndex, value),
+                                                            options: librariesOptions
+                                                        })
+                                                    }
+                                                )
+                                            ),
+                                            sheet.type === ImportType.LINK &&
+                                                sheet.library &&
+                                                _jsx(
+                                                    Form.Item,
+                                                    Object.assign(
+                                                        {label: t('import.link_attribute'), required: true},
+                                                        {
+                                                            children: _jsx(KitSelect, {
+                                                                style: {minWidth: 200},
+                                                                defaultValue: sheet.linkAttribute,
+                                                                value: sheet.linkAttribute,
+                                                                placeholder: t('import.select_link_attribute'),
+                                                                onChange: value =>
+                                                                    onLinkAttributeSelect(sheetIndex, value),
+                                                                options: linkAttributeOptions
+                                                            })
+                                                        }
+                                                    )
+                                                ),
+                                            sheet.type === ImportType.LINK &&
+                                                ((_f = sheet.linkAttributeProps) === null || _f === void 0
+                                                    ? void 0
+                                                    : _f.type) === AttributeType.tree &&
+                                                _jsx(
+                                                    Form.Item,
+                                                    Object.assign(
+                                                        {label: t('import.tree_link_library'), required: true},
+                                                        {
+                                                            children: _jsx(KitSelect, {
+                                                                style: {minWidth: 200},
+                                                                value: sheet.treeLinkLibrary,
+                                                                placeholder: t('import.select_library'),
+                                                                onChange: value =>
+                                                                    onTreeLinkLibrarySelect(sheetIndex, value),
+                                                                options: selectTreeLinkLibraryOptions
+                                                            })
+                                                        }
+                                                    )
+                                                )
+                                        ]
+                                    })
+                            ]
+                        }
+                    )
+                )
+            }
+        )
+    );
 }
 export default ImportSheetSettings;
-//# sourceMappingURL=ImportSheetSettings.js.map
+//# sourceMappingURL=ImportSheetSettings.js.map

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

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

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

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

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

@@ -2,5 +2,5 @@
 interface IImportModalDoneStepProps {
     resultExtraButtons?: JSX.Element[];
 }
-declare function ImportModalDoneStep({ resultExtraButtons }: IImportModalDoneStepProps): JSX.Element;
+declare function ImportModalDoneStep({resultExtraButtons}: IImportModalDoneStepProps): JSX.Element;
 export default ImportModalDoneStep;