@leav/ui 0.2.6 → 0.2.8

package/dist/components/TriggerPreviewsGenerationModal/TriggerPreviewsGenerationModal.js

@@ -1,33 +1,35 @@
-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 { Checkbox, Divider, Modal, Tree } from 'antd';
-import { useKitNotification } from 'aristid-ds';
-import { useState } from 'react';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { useForcePreviewsGenerationMutation, useGetLibraryPreviewsSettingsQuery } from '../../_gqlTypes';
+import {localizedTranslation} from '@leav/utils';
+import {Checkbox, Divider, Modal, Tree} from 'antd';
+import {useKitNotification} from 'aristid-ds';
+import {useState} from 'react';
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+import {useForcePreviewsGenerationMutation, useGetLibraryPreviewsSettingsQuery} from '../../_gqlTypes';
 import useLang from '../../hooks/useLang';
-import { ErrorDisplay } from '../ErrorDisplay';
-import { Loading } from '../Loading';
-function TriggerPreviewsGenerationModal({ libraryId, filesLibraryId, recordIds, filters, onClose }) {
-    const { t } = useSharedTranslation();
-    const { lang } = useLang();
-    const { kitNotification } = useKitNotification();
+import {ErrorDisplay} from '../ErrorDisplay';
+import {Loading} from '../Loading';
+function TriggerPreviewsGenerationModal({libraryId, filesLibraryId, recordIds, filters, onClose}) {
+    const {t} = useSharedTranslation();
+    const {lang} = useLang();
+    const {kitNotification} = useKitNotification();
     const [isFailedOnlyChecked, setIsFailedOnlyChecked] = useState(false);
     const [checkedSizes, setCheckedSizes] = useState([]);
     const [treeData, setTreeData] = useState([]);
     const [allSizes, setAllSizes] = useState([]);
-    const [startPreviewsGeneration, { loading }] = useForcePreviewsGenerationMutation();
-    const { error: getLibrariesError, loading: getLibrariesLoading } = useGetLibraryPreviewsSettingsQuery({
-        variables: { id: filesLibraryId || libraryId },
+    const [startPreviewsGeneration, {loading}] = useForcePreviewsGenerationMutation();
+    const {error: getLibrariesError, loading: getLibrariesLoading} = useGetLibraryPreviewsSettingsQuery({
+        variables: {id: filesLibraryId || libraryId},
         onCompleted: getLibrariesData => {
             var _a;
-            const previewSettings = ((_a = getLibrariesData.libraries.list) === null || _a === void 0 ? void 0 : _a[0].previewsSettings) || [];
+            const previewSettings =
+                ((_a = getLibrariesData.libraries.list) === null || _a === void 0 ? void 0 : _a[0].previewsSettings) ||
+                [];
             const sizes = [];
             const td = previewSettings.map(s => {
-                const children = s.versions.sizes.map(vs => ({ title: `${vs.name} (${vs.size}px)`, key: vs.name }));
+                const children = s.versions.sizes.map(vs => ({title: `${vs.name} (${vs.size}px)`, key: vs.name}));
                 sizes.push(...children.map(c => c.key));
                 return {
                     title: localizedTranslation(s.label, lang),
@@ -51,16 +53,18 @@ function TriggerPreviewsGenerationModal({ libraryId, filesLibraryId, recordIds,
                     previewVersionSizeNames: checkedSizes
                 }
             });
-            const isSuccess = (_b = (_a = result.data) === null || _a === void 0 ? void 0 : _a.forcePreviewsGeneration) !== null && _b !== void 0 ? _b : false;
+            const isSuccess =
+                (_b = (_a = result.data) === null || _a === void 0 ? void 0 : _a.forcePreviewsGeneration) !== null &&
+                _b !== void 0
+                    ? _b
+                    : false;
             if (isSuccess) {
-                kitNotification.success({ description: null, message: t('files.previews_generation_success') });
-            }
-            else {
-                kitNotification.info({ description: null, message: t('files.previews_generation_nothing_to_do') });
+                kitNotification.success({description: null, message: t('files.previews_generation_success')});
+            } else {
+                kitNotification.info({description: null, message: t('files.previews_generation_nothing_to_do')});
             }
             onClose();
-        }
-        catch (e) {
+        } catch (e) {
             // Nothing to do here, error should be handled globally by Apollo. Uncomment next line for easier debugging
             // console.error(e);
         }
@@ -68,21 +72,75 @@ function TriggerPreviewsGenerationModal({ libraryId, filesLibraryId, recordIds,
     const _handleFailedOnlyChange = () => {
         setIsFailedOnlyChecked(!isFailedOnlyChecked);
     };
-    const onCheck = (_, { checkedNodes }) => {
+    const onCheck = (_, {checkedNodes}) => {
         const checked = checkedNodes.filter(n => !n.children).map(n => n.key); // we keep only sizes name
         setCheckedSizes(checked);
     };
     const onChange = () => {
         if (checkedSizes.length === allSizes.length) {
             setCheckedSizes([]);
-        }
-        else {
+        } else {
             setCheckedSizes(allSizes);
         }
     };
-    return (_jsxs(Modal, Object.assign({ open: true, title: t('files.generate_previews'), cancelText: t('global.cancel'), okText: t('global.submit'), onCancel: onClose, width: 600, onOk: _triggerPreviewsGeneration, okButtonProps: {
-            disabled: !checkedSizes.length
-        }, confirmLoading: loading }, { children: [getLibrariesLoading && _jsx(Loading, {}), !getLibrariesLoading && getLibrariesError && _jsx(ErrorDisplay, { message: getLibrariesError.message }), !getLibrariesLoading && !getLibrariesError && (_jsxs(_Fragment, { children: [_jsx(Checkbox, Object.assign({ onChange: onChange, checked: checkedSizes.length === allSizes.length }, { children: t('files.previews_generation_select_all') })), _jsx(Tree, { checkable: true, onCheck: onCheck, checkedKeys: checkedSizes, selectable: false, treeData: treeData }), _jsx(Divider, {}), _jsx(Checkbox, Object.assign({ onChange: _handleFailedOnlyChange, checked: isFailedOnlyChecked, "aria-label": "failed-only" }, { children: t('files.previews_generation_failed_only') }))] }))] })));
+    return _jsxs(
+        Modal,
+        Object.assign(
+            {
+                open: true,
+                title: t('files.generate_previews'),
+                cancelText: t('global.cancel'),
+                okText: t('global.submit'),
+                onCancel: onClose,
+                width: 600,
+                onOk: _triggerPreviewsGeneration,
+                okButtonProps: {
+                    disabled: !checkedSizes.length
+                },
+                confirmLoading: loading
+            },
+            {
+                children: [
+                    getLibrariesLoading && _jsx(Loading, {}),
+                    !getLibrariesLoading &&
+                        getLibrariesError &&
+                        _jsx(ErrorDisplay, {message: getLibrariesError.message}),
+                    !getLibrariesLoading &&
+                        !getLibrariesError &&
+                        _jsxs(_Fragment, {
+                            children: [
+                                _jsx(
+                                    Checkbox,
+                                    Object.assign(
+                                        {onChange: onChange, checked: checkedSizes.length === allSizes.length},
+                                        {children: t('files.previews_generation_select_all')}
+                                    )
+                                ),
+                                _jsx(Tree, {
+                                    checkable: true,
+                                    onCheck: onCheck,
+                                    checkedKeys: checkedSizes,
+                                    selectable: false,
+                                    treeData: treeData
+                                }),
+                                _jsx(Divider, {}),
+                                _jsx(
+                                    Checkbox,
+                                    Object.assign(
+                                        {
+                                            onChange: _handleFailedOnlyChange,
+                                            checked: isFailedOnlyChecked,
+                                            'aria-label': 'failed-only'
+                                        },
+                                        {children: t('files.previews_generation_failed_only')}
+                                    )
+                                )
+                            ]
+                        })
+                ]
+            }
+        )
+    );
 }
 export default TriggerPreviewsGenerationModal;
-//# sourceMappingURL=TriggerPreviewsGenerationModal.js.map
+//# sourceMappingURL=TriggerPreviewsGenerationModal.js.map

package/dist/components/TriggerPreviewsGenerationModal/index.d.ts

@@ -1 +1 @@
-export { default as TriggerPreviewsGenerationModal } from './TriggerPreviewsGenerationModal';
+export {default as TriggerPreviewsGenerationModal} from './TriggerPreviewsGenerationModal';

package/dist/components/TriggerPreviewsGenerationModal/index.js

@@ -2,5 +2,5 @@
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 // Copyright LEAV Solutions 2017
-export { default as TriggerPreviewsGenerationModal } from './TriggerPreviewsGenerationModal';
-//# sourceMappingURL=index.js.map
+export {default as TriggerPreviewsGenerationModal} from './TriggerPreviewsGenerationModal';
+//# sourceMappingURL=index.js.map

package/dist/components/UploadFiles/UploadFiles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { UploadMutation } from '../../_gqlTypes';
+import {UploadMutation} from '../../_gqlTypes';
 interface IUploadFilesProps {
     defaultSelectedNode?: {
         id: string;
@@ -10,5 +10,11 @@ interface IUploadFilesProps {
     onClose: () => void;
     onCompleted?: (data: UploadMutation['upload']) => void;
 }
-declare function UploadFiles({ defaultSelectedNode, libraryId, multiple, onCompleted, onClose }: IUploadFilesProps): JSX.Element;
+declare function UploadFiles({
+    defaultSelectedNode,
+    libraryId,
+    multiple,
+    onCompleted,
+    onClose
+}: IUploadFilesProps): JSX.Element;
 export default UploadFiles;

package/dist/components/UploadFiles/UploadFiles.js

@@ -1,20 +1,28 @@
-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 { CheckCircleTwoTone, FileOutlined, InboxOutlined, LoadingOutlined } from '@ant-design/icons';
-import { Alert, Button, Checkbox, Divider, Modal, Row, Space, Steps, theme, Tooltip, Upload } from 'antd';
-import { useState } from 'react';
-import { v4 as uuidv4 } from 'uuid';
-import { useUser } from '../../hooks';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { LibraryBehavior, TreeBehavior, useDoesFileExistAsChildLazyQuery, useGetDirectoryDataQuery, useGetTreeLibrariesQuery, useUploadMutation, useUploadUpdateSubscription } from '../../_gqlTypes';
-import { SelectTreeNode } from '../SelectTreeNode';
-const { confirm } = Modal;
-function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompleted, onClose }) {
-    const { t } = useSharedTranslation();
-    const { token } = theme.useToken();
-    const { userData } = useUser();
+import {CheckCircleTwoTone, FileOutlined, InboxOutlined, LoadingOutlined} from '@ant-design/icons';
+import {Alert, Button, Checkbox, Divider, Modal, Row, Space, Steps, theme, Tooltip, Upload} from 'antd';
+import {useState} from 'react';
+import {v4 as uuidv4} from 'uuid';
+import {useUser} from '../../hooks';
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+import {
+    LibraryBehavior,
+    TreeBehavior,
+    useDoesFileExistAsChildLazyQuery,
+    useGetDirectoryDataQuery,
+    useGetTreeLibrariesQuery,
+    useUploadMutation,
+    useUploadUpdateSubscription
+} from '../../_gqlTypes';
+import {SelectTreeNode} from '../SelectTreeNode';
+const {confirm} = Modal;
+function UploadFiles({defaultSelectedNode, libraryId, multiple = false, onCompleted, onClose}) {
+    const {t} = useSharedTranslation();
+    const {token} = theme.useToken();
+    const {userData} = useUser();
     const [selectedNode, setSelectedNode] = useState(defaultSelectedNode);
     const [selectedDir, setSelectedDir] = useState();
     const [files, setFiles] = useState([]);
@@ -23,7 +31,7 @@ function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompl
     const [filesTreeId, setFilesTreeId] = useState();
     const [directoriesLibraryId, setdirectoriesLibraryId] = useState();
     const [errorMsg, setErrorMsg] = useState();
-    const [runUpload, { loading }] = useUploadMutation({
+    const [runUpload, {loading}] = useUploadMutation({
         fetchPolicy: 'no-cache',
         onCompleted: data => {
             if (typeof onCompleted !== 'undefined') {
@@ -37,7 +45,9 @@ function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompl
         }
     });
     useGetDirectoryDataQuery({
-        skip: !directoriesLibraryId || !(selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.recordId),
+        skip:
+            !directoriesLibraryId ||
+            !(selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.recordId),
         onCompleted: data => {
             const dirData = data.records.list[0];
             setSelectedDir({
@@ -57,38 +67,36 @@ function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompl
         showUploadList: true,
         fileList: files,
         disabled: status !== 'process' || loading,
-        beforeUpload: async (file) => {
+        beforeUpload: async file => {
             file.uid = uuidv4();
             setFiles(prevState => prevState.concat([file]));
             return false;
         },
-        onRemove: (file) => {
+        onRemove: file => {
             const newFileList = files.filter(f => f.uid !== file.uid);
             setFiles(newFileList);
         },
-        iconRender: (file) => {
+        iconRender: file => {
             if (file.status === 'uploading') {
                 return _jsx(LoadingOutlined, {});
-            }
-            else if (file.status === 'done') {
-                return _jsx(CheckCircleTwoTone, { twoToneColor: token.colorSuccess });
+            } else if (file.status === 'done') {
+                return _jsx(CheckCircleTwoTone, {twoToneColor: token.colorSuccess});
             }
             return _jsx(FileOutlined, {});
         },
-        progress: { showInfo: true, strokeWidth: 2 }
+        progress: {showInfo: true, strokeWidth: 2}
     };
     const [runDoesFileExistAsChild] = useDoesFileExistAsChildLazyQuery({
         fetchPolicy: 'no-cache'
     });
-    const _checkFilesExist = async (parentNode) => {
+    const _checkFilesExist = async parentNode => {
         var _a;
         let applyToAll;
         const filesToCheck = [...files];
         for (const f of filesToCheck) {
             if (applyToAll) {
                 f.replace = (_a = f.replace) !== null && _a !== void 0 ? _a : applyToAll.replace;
-            }
-            else {
+            } else {
                 const isFileExists = await runDoesFileExistAsChild({
                     variables: {
                         treeId: filesTreeId,
@@ -97,11 +105,11 @@ function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompl
                     }
                 });
                 if (isFileExists.data.doesFileExistAsChild) {
-                    const { applyToAll: mustBeAppliedToAll, replace } = await showReplaceModal(f.name);
+                    const {applyToAll: mustBeAppliedToAll, replace} = await showReplaceModal(f.name);
                     Modal.destroyAll();
                     f.replace = replace;
                     if (mustBeAppliedToAll) {
-                        applyToAll = { replace };
+                        applyToAll = {replace};
                     }
                 }
             }
@@ -114,27 +122,35 @@ function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompl
         },
         onCompleted: getTreeLibrariesData => {
             var _a;
-            const linkedTree = getTreeLibrariesData.trees.list.filter(tree => tree.system && tree.behavior === TreeBehavior.files)[0];
+            const linkedTree = getTreeLibrariesData.trees.list.filter(
+                tree => tree.system && tree.behavior === TreeBehavior.files
+            )[0];
             setFilesTreeId(linkedTree.id);
-            const directoriesLibrary = (_a = linkedTree.libraries.filter(l => l.library.behavior === LibraryBehavior.directories)[0]) === null || _a === void 0 ? void 0 : _a.library.id;
+            const directoriesLibrary =
+                (_a = linkedTree.libraries.filter(l => l.library.behavior === LibraryBehavior.directories)[0]) ===
+                    null || _a === void 0
+                    ? void 0
+                    : _a.library.id;
             setdirectoriesLibraryId(directoriesLibrary);
         }
     });
     // Sub to update files upload progress
     useUploadUpdateSubscription({
         variables: {
-            filters: { userId: userData.userId }
+            filters: {userId: userData.userId}
         },
         // skip: !user?.userId,
         onData: subData => {
             const uploadData = subData.data.data.upload;
-            setFiles(prevState => prevState.map(f => {
-                if (f.uid === uploadData.uid) {
-                    f.percent = uploadData.progress.percentage;
-                    f.status = uploadData.progress.percentage === 100 ? 'done' : 'uploading';
-                }
-                return f;
-            }));
+            setFiles(prevState =>
+                prevState.map(f => {
+                    if (f.uid === uploadData.uid) {
+                        f.percent = uploadData.progress.percentage;
+                        f.status = uploadData.progress.percentage === 100 ? 'done' : 'uploading';
+                    }
+                    return f;
+                })
+            );
         }
     });
     const startUpload = async () => {
@@ -172,42 +188,123 @@ function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompl
     };
     const onSelectPath = async (node, selected) => {
         var _a;
-        const newSelectedNode = !selected ? undefined : { id: node.id, recordId: (_a = node.record) === null || _a === void 0 ? void 0 : _a.id };
+        const newSelectedNode = !selected
+            ? undefined
+            : {id: node.id, recordId: (_a = node.record) === null || _a === void 0 ? void 0 : _a.id};
         setSelectedNode(newSelectedNode);
         if (!(newSelectedNode === null || newSelectedNode === void 0 ? void 0 : newSelectedNode.recordId)) {
             setSelectedDir(null);
         }
     };
-    const Dragger = (_jsxs(Upload.Dragger, Object.assign({ "data-testid": "dragger" }, props, { children: [_jsx("p", Object.assign({ className: "ant-upload-drag-icon" }, { children: _jsx(InboxOutlined, {}) })), _jsx("p", Object.assign({ className: "ant-upload-text" }, { children: t('upload.dragger_content') }))] })));
+    const Dragger = _jsxs(
+        Upload.Dragger,
+        Object.assign({'data-testid': 'dragger'}, props, {
+            children: [
+                _jsx('p', Object.assign({className: 'ant-upload-drag-icon'}, {children: _jsx(InboxOutlined, {})})),
+                _jsx('p', Object.assign({className: 'ant-upload-text'}, {children: t('upload.dragger_content')}))
+            ]
+        })
+    );
     const isDone = status === 'finish' || status === 'error';
-    const showReplaceModal = async (filename) => new Promise(res => {
-        let applyToAll = false;
-        confirm({
-            className: 'confirm-replace-modal',
-            closable: true,
-            open: true,
-            title: t('upload.replace_modal.title'),
-            content: _jsx("p", { children: t('upload.replace_modal.message', { filename }) }),
-            footer: (_jsx(Row, Object.assign({ justify: "end" }, { children: _jsxs(Space, { children: [_jsx(Checkbox, Object.assign({ onChange: e => {
-                                applyToAll = e.target.checked;
-                            } }, { children: t('upload.replace_modal.applyToAll') })), _jsx(Button, Object.assign({ onClick: () => res({ replace: false, applyToAll }) }, { children: t('upload.replace_modal.keepBtn') }), "keepBtn"), _jsx(Button, Object.assign({ type: "primary", onClick: () => res({ replace: true, applyToAll }) }, { children: t('upload.replace_modal.replaceBtn') }), "replaceBtn")] }) })))
+    const showReplaceModal = async filename =>
+        new Promise(res => {
+            let applyToAll = false;
+            confirm({
+                className: 'confirm-replace-modal',
+                closable: true,
+                open: true,
+                title: t('upload.replace_modal.title'),
+                content: _jsx('p', {children: t('upload.replace_modal.message', {filename})}),
+                footer: _jsx(
+                    Row,
+                    Object.assign(
+                        {justify: 'end'},
+                        {
+                            children: _jsxs(Space, {
+                                children: [
+                                    _jsx(
+                                        Checkbox,
+                                        Object.assign(
+                                            {
+                                                onChange: e => {
+                                                    applyToAll = e.target.checked;
+                                                }
+                                            },
+                                            {children: t('upload.replace_modal.applyToAll')}
+                                        )
+                                    ),
+                                    _jsx(
+                                        Button,
+                                        Object.assign(
+                                            {onClick: () => res({replace: false, applyToAll})},
+                                            {children: t('upload.replace_modal.keepBtn')}
+                                        ),
+                                        'keepBtn'
+                                    ),
+                                    _jsx(
+                                        Button,
+                                        Object.assign(
+                                            {type: 'primary', onClick: () => res({replace: true, applyToAll})},
+                                            {children: t('upload.replace_modal.replaceBtn')}
+                                        ),
+                                        'replaceBtn'
+                                    )
+                                ]
+                            })
+                        }
+                    )
+                )
+            });
         });
-    });
     const PathTitle = () => {
         const title = selectedNode
             ? selectedDir
-                ? `${selectedDir === null || selectedDir === void 0 ? void 0 : selectedDir.path}/${selectedDir === null || selectedDir === void 0 ? void 0 : selectedDir.name}`.replace('./', '')
+                ? `${selectedDir === null || selectedDir === void 0 ? void 0 : selectedDir.path}/${
+                      selectedDir === null || selectedDir === void 0 ? void 0 : selectedDir.name
+                  }`.replace('./', '')
                 : filesTreeId
             : t('upload.select_path_step_title');
-        return _jsx(Tooltip, Object.assign({ title: title }, { children: (title === null || title === void 0 ? void 0 : title.length) > 30 ? `${title.slice(0, 30)}...` : title }));
+        return _jsx(
+            Tooltip,
+            Object.assign(
+                {title: title},
+                {
+                    children:
+                        (title === null || title === void 0 ? void 0 : title.length) > 30
+                            ? `${title.slice(0, 30)}...`
+                            : title
+                }
+            )
+        );
     };
     const steps = [
         {
             title: _jsx(PathTitle, {}),
-            content: (_jsx("div", Object.assign({ "data-testid": "select-tree-node", style: {
-                    borderRadius: token.borderRadiusLG,
-                    border: `1px dashed ${token.colorBorder}`
-                } }, { children: filesTreeId && directoriesLibraryId && (_jsx(SelectTreeNode, { tree: { id: filesTreeId }, onSelect: onSelectPath, selectedNode: selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.id, canSelectRoot: true, selectableLibraries: [directoriesLibraryId] })) })))
+            content: _jsx(
+                'div',
+                Object.assign(
+                    {
+                        'data-testid': 'select-tree-node',
+                        style: {
+                            borderRadius: token.borderRadiusLG,
+                            border: `1px dashed ${token.colorBorder}`
+                        }
+                    },
+                    {
+                        children:
+                            filesTreeId &&
+                            directoriesLibraryId &&
+                            _jsx(SelectTreeNode, {
+                                tree: {id: filesTreeId},
+                                onSelect: onSelectPath,
+                                selectedNode:
+                                    selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.id,
+                                canSelectRoot: true,
+                                selectableLibraries: [directoriesLibraryId]
+                            })
+                    }
+                )
+            )
         },
         {
             title: t('upload.select_files_step_title'),
@@ -215,12 +312,97 @@ function UploadFiles({ defaultSelectedNode, libraryId, multiple = false, onCompl
         },
         {
             title: t('upload.upload_step_title'),
-            content: (_jsxs(_Fragment, { children: [Dragger, !!errorMsg && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx(Alert, { message: errorMsg, type: "error" })] }))] })),
+            content: _jsxs(_Fragment, {
+                children: [
+                    Dragger,
+                    !!errorMsg &&
+                        _jsxs(_Fragment, {
+                            children: [_jsx(Divider, {}), _jsx(Alert, {message: errorMsg, type: 'error'})]
+                        })
+                ]
+            }),
             icon: loading ? _jsx(LoadingOutlined, {}) : null
         }
     ];
-    const items = steps.map(item => ({ key: item.title, title: item.title, icon: item.icon }));
-    return (_jsx(_Fragment, { children: _jsxs(Modal, Object.assign({ title: t('upload.title'), open: true, width: "70rem", onCancel: _onClose, footer: _jsxs("div", Object.assign({ style: { marginTop: 50 } }, { children: [currentStep > 0 && currentStep < steps.length - 1 && (_jsx(Button, Object.assign({ "data-testid": "prev-btn", onClick: () => prev() }, { children: t('upload.previous') }))), currentStep < steps.length - 2 && (_jsx(Button, Object.assign({ "data-testid": "next-btn", disabled: !selectedNode, type: "primary", onClick: () => next() }, { children: t('upload.next') }))), (!files.length || !isDone) && currentStep >= steps.length - 2 && (_jsx(Button, Object.assign({ "data-testid": "upload-btn", loading: loading, disabled: !files.length, className: "submit-btn", title: 'Upload', type: "primary", onClick: _handleUploadClick }, { children: t('upload.upload_step_title') }))), isDone && (_jsx(Button, Object.assign({ "data-testid": "close-btn", onClick: _onClose }, { children: t('global.close') })))] })), "data-testid": "upload-modal", "upload-modal": true }, { children: [_jsx(Steps, { status: status, current: currentStep, items: items }), _jsx("div", Object.assign({ style: contentStyle }, { children: steps[currentStep].content }))] })) }));
+    const items = steps.map(item => ({key: item.title, title: item.title, icon: item.icon}));
+    return _jsx(_Fragment, {
+        children: _jsxs(
+            Modal,
+            Object.assign(
+                {
+                    title: t('upload.title'),
+                    open: true,
+                    width: '70rem',
+                    onCancel: _onClose,
+                    footer: _jsxs(
+                        'div',
+                        Object.assign(
+                            {style: {marginTop: 50}},
+                            {
+                                children: [
+                                    currentStep > 0 &&
+                                        currentStep < steps.length - 1 &&
+                                        _jsx(
+                                            Button,
+                                            Object.assign(
+                                                {'data-testid': 'prev-btn', onClick: () => prev()},
+                                                {children: t('upload.previous')}
+                                            )
+                                        ),
+                                    currentStep < steps.length - 2 &&
+                                        _jsx(
+                                            Button,
+                                            Object.assign(
+                                                {
+                                                    'data-testid': 'next-btn',
+                                                    disabled: !selectedNode,
+                                                    type: 'primary',
+                                                    onClick: () => next()
+                                                },
+                                                {children: t('upload.next')}
+                                            )
+                                        ),
+                                    (!files.length || !isDone) &&
+                                        currentStep >= steps.length - 2 &&
+                                        _jsx(
+                                            Button,
+                                            Object.assign(
+                                                {
+                                                    'data-testid': 'upload-btn',
+                                                    loading: loading,
+                                                    disabled: !files.length,
+                                                    className: 'submit-btn',
+                                                    title: 'Upload',
+                                                    type: 'primary',
+                                                    onClick: _handleUploadClick
+                                                },
+                                                {children: t('upload.upload_step_title')}
+                                            )
+                                        ),
+                                    isDone &&
+                                        _jsx(
+                                            Button,
+                                            Object.assign(
+                                                {'data-testid': 'close-btn', onClick: _onClose},
+                                                {children: t('global.close')}
+                                            )
+                                        )
+                                ]
+                            }
+                        )
+                    ),
+                    'data-testid': 'upload-modal',
+                    'upload-modal': true
+                },
+                {
+                    children: [
+                        _jsx(Steps, {status: status, current: currentStep, items: items}),
+                        _jsx('div', Object.assign({style: contentStyle}, {children: steps[currentStep].content}))
+                    ]
+                }
+            )
+        )
+    });
 }
 export default UploadFiles;
-//# sourceMappingURL=UploadFiles.js.map
+//# sourceMappingURL=UploadFiles.js.map

package/dist/components/UploadFiles/index.d.ts

@@ -1 +1 @@
-export { default as UploadFiles } from './UploadFiles';
+export {default as UploadFiles} from './UploadFiles';

package/dist/components/UploadFiles/index.js

@@ -1,5 +1,5 @@
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export { default as UploadFiles } from './UploadFiles';
-//# sourceMappingURL=index.js.map
+export {default as UploadFiles} from './UploadFiles';
+//# sourceMappingURL=index.js.map

package/dist/components/ValuesVersionConfigurator/ValuesVersionConfigurator.d.ts

@@ -1,10 +1,15 @@
 /// <reference types="react" />
-import { IValueVersion } from '../../types/values';
+import {IValueVersion} from '../../types/values';
 interface IValuesVersionConfiguratorProps {
     libraryId: string;
     selectedVersion: IValueVersion;
     readOnly?: boolean;
     onVersionChange: (version: IValueVersion) => void;
 }
-declare function ValuesVersionConfigurator({ libraryId, selectedVersion, readOnly, onVersionChange }: IValuesVersionConfiguratorProps): JSX.Element;
+declare function ValuesVersionConfigurator({
+    libraryId,
+    selectedVersion,
+    readOnly,
+    onVersionChange
+}: IValuesVersionConfiguratorProps): JSX.Element;
 export default ValuesVersionConfigurator;