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

package/src/components/TriggerPreviewsGenerationModal/TriggerPreviewsGenerationModal.test.tsx

@@ -1,161 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {MockedResponse} from '@apollo/client/testing';
-import userEvent from '@testing-library/user-event';
-import {mockLibraryWithDetails} from '_ui/__mocks__/common/library';
-import {forcePreviewsGenerationMutation} from '../../_queries/files/forcePreviewsGenerationMutation';
-import {getLibraryPreviewsSettingsQuery} from '../../_queries/libraries/getLibraryPreviewsSettingsQuery';
-import {act, render, screen, waitFor} from '../../_tests/testUtils';
-import TriggerPreviewsGenerationModal from './TriggerPreviewsGenerationModal';
-
-describe('TriggerPreviewsGenerationModal', () => {
-    const mockLibBase = {
-        ...mockLibraryWithDetails,
-        previewsSettings: [
-            {
-                description: null,
-                system: true,
-                label: {fr: 'PreviewSettings1', en: 'PreviewSettings1'},
-                versions: {
-                    background: 'background',
-                    density: 1,
-                    sizes: [
-                        {
-                            name: 'PreviewSettings1ChildName',
-                            size: 'PreviewSettings1ChildSize'
-                        }
-                    ]
-                }
-            }
-        ]
-    };
-
-    test('Display confirm message and trigger mutation', async () => {
-        let mutationCalled;
-
-        const mocks: MockedResponse[] = [
-            {
-                request: {
-                    query: getLibraryPreviewsSettingsQuery,
-                    variables: {
-                        id: 'files'
-                    }
-                },
-                result: {
-                    data: {
-                        libraries: {
-                            list: [
-                                {
-                                    ...mockLibBase,
-                                    id: 'files'
-                                }
-                            ]
-                        }
-                    }
-                }
-            },
-            {
-                request: {
-                    query: forcePreviewsGenerationMutation,
-                    variables: {
-                        libraryId: 'files',
-                        recordIds: ['123456'],
-                        filters: null,
-                        failedOnly: false,
-                        previewVersionSizeNames: ['PreviewSettings1ChildName']
-                    }
-                },
-                result: () => {
-                    mutationCalled = true;
-
-                    return {
-                        data: {
-                            forcePreviewsGeneration: true
-                        }
-                    };
-                }
-            }
-        ];
-
-        render(<TriggerPreviewsGenerationModal libraryId={'files'} recordIds={['123456']} onClose={jest.fn()} />, {
-            mocks
-        });
-
-        expect(screen.getByText('files.generate_previews')).toBeInTheDocument();
-
-        const settingsElem = await screen.findByText('PreviewSettings1');
-        userEvent.click(settingsElem);
-
-        await waitFor(() => expect(screen.getByRole('button', {name: /submit/})).not.toBeDisabled());
-
-        userEvent.click(screen.getByRole('button', {name: /submit/}));
-
-        await act(async () => {
-            await waitFor(() => expect(mutationCalled).toBe(true));
-        });
-    });
-
-    test('Can choose to generate only failed previews', async () => {
-        let mutationCalled = false;
-        const mocks = [
-            {
-                request: {
-                    query: getLibraryPreviewsSettingsQuery,
-                    variables: {id: 'files'}
-                },
-                result: () => {
-                    return {
-                        data: {
-                            libraries: {
-                                list: [
-                                    {
-                                        ...mockLibBase,
-                                        id: 'files'
-                                    }
-                                ]
-                            }
-                        }
-                    };
-                }
-            },
-            {
-                request: {
-                    query: forcePreviewsGenerationMutation,
-                    variables: {
-                        libraryId: 'files',
-                        recordIds: ['123456'],
-                        filters: null,
-                        failedOnly: true,
-                        previewVersionSizeNames: ['PreviewSettings1ChildName']
-                    }
-                },
-                result: () => {
-                    mutationCalled = true;
-                    return {
-                        data: {
-                            forcePreviewsGeneration: true
-                        }
-                    };
-                }
-            }
-        ];
-
-        render(<TriggerPreviewsGenerationModal libraryId="files" recordIds={['123456']} onClose={jest.fn()} />, {
-            mocks
-        });
-
-        expect(await screen.findByText('files.previews_generation_failed_only')).toBeInTheDocument();
-
-        const settingsElem = await screen.findByText('PreviewSettings1');
-        userEvent.click(settingsElem);
-
-        const checkboxElem = await screen.findByRole('checkbox', {name: /failed-only/});
-        userEvent.click(checkboxElem);
-
-        await waitFor(() => expect(screen.getByRole('button', {name: /submit/})).not.toBeDisabled());
-        userEvent.click(screen.getByRole('button', {name: /submit/}));
-
-        await waitFor(() => expect(mutationCalled).toBe(true));
-    });
-});

package/src/components/TriggerPreviewsGenerationModal/TriggerPreviewsGenerationModal.tsx

@@ -1,146 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import {localizedTranslation} from '@leav/utils';
-import {Checkbox, Divider, Modal, Tree} from 'antd';
-import {useKitNotification} from 'aristid-ds';
-import {useState} from 'react';
-import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';
-import {RecordFilterInput, useForcePreviewsGenerationMutation, useGetLibraryPreviewsSettingsQuery} from '_ui/_gqlTypes';
-import useLang from '../../hooks/useLang';
-import {ErrorDisplay} from '../ErrorDisplay';
-import {Loading} from '../Loading';
-
-interface ITriggerPreviewsGenerationModalProps {
-    libraryId: string;
-    filesLibraryId?: string;
-    recordIds?: string[];
-    filters?: RecordFilterInput[];
-    onClose: () => void;
-}
-
-function TriggerPreviewsGenerationModal({
-    libraryId,
-    filesLibraryId,
-    recordIds,
-    filters,
-    onClose
-}: ITriggerPreviewsGenerationModalProps): JSX.Element {
-    const {t} = useSharedTranslation();
-    const {lang} = useLang();
-
-    const {kitNotification} = useKitNotification();
-
-    const [isFailedOnlyChecked, setIsFailedOnlyChecked] = useState(false);
-    const [checkedSizes, setCheckedSizes] = useState<string[]>([]);
-    const [treeData, setTreeData] = useState([]);
-    const [allSizes, setAllSizes] = useState<string[]>([]);
-
-    const [startPreviewsGeneration, {loading}] = useForcePreviewsGenerationMutation();
-
-    const {error: getLibrariesError, loading: getLibrariesLoading} = useGetLibraryPreviewsSettingsQuery({
-        variables: {id: filesLibraryId || libraryId},
-        onCompleted: getLibrariesData => {
-            const previewSettings = getLibrariesData.libraries.list?.[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}));
-                sizes.push(...children.map(c => c.key));
-
-                return {
-                    title: localizedTranslation(s.label, lang),
-                    key: localizedTranslation(s.label, lang),
-                    children
-                };
-            });
-
-            setTreeData(td);
-            setAllSizes(sizes);
-        }
-    });
-
-    const _triggerPreviewsGeneration = async () => {
-        try {
-            const result = await startPreviewsGeneration({
-                variables: {
-                    libraryId,
-                    recordIds,
-                    filters: filters ?? null,
-                    failedOnly: isFailedOnlyChecked,
-                    previewVersionSizeNames: checkedSizes
-                }
-            });
-
-            const isSuccess = result.data?.forcePreviewsGeneration ?? 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')});
-            }
-
-            onClose();
-        } catch (e) {
-            // Nothing to do here, error should be handled globally by Apollo. Uncomment next line for easier debugging
-            // console.error(e);
-        }
-    };
-
-    const _handleFailedOnlyChange = () => {
-        setIsFailedOnlyChecked(!isFailedOnlyChecked);
-    };
-
-    const onCheck = (_, {checkedNodes}) => {
-        const checked = checkedNodes.filter(n => !n.children).map(n => n.key) as string[]; // we keep only sizes name
-
-        setCheckedSizes(checked);
-    };
-
-    const onChange = () => {
-        if (checkedSizes.length === allSizes.length) {
-            setCheckedSizes([]);
-        } else {
-            setCheckedSizes(allSizes);
-        }
-    };
-
-    return (
-        <Modal
-            open
-            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}
-        >
-            {getLibrariesLoading && <Loading />}
-            {!getLibrariesLoading && getLibrariesError && <ErrorDisplay message={getLibrariesError.message} />}
-            {!getLibrariesLoading && !getLibrariesError && (
-                <>
-                    <Checkbox onChange={onChange} checked={checkedSizes.length === allSizes.length}>
-                        {t('files.previews_generation_select_all')}
-                    </Checkbox>
-                    <Tree
-                        checkable
-                        onCheck={onCheck}
-                        checkedKeys={checkedSizes}
-                        selectable={false}
-                        treeData={treeData}
-                    />
-                    <Divider />
-                    <Checkbox onChange={_handleFailedOnlyChange} checked={isFailedOnlyChecked} aria-label="failed-only">
-                        {t('files.previews_generation_failed_only')}
-                    </Checkbox>
-                </>
-            )}
-        </Modal>
-    );
-}
-
-export default TriggerPreviewsGenerationModal;

package/src/components/TriggerPreviewsGenerationModal/index.ts

@@ -1,2 +0,0 @@
-// Copyright LEAV Solutions 2017
-export {default as TriggerPreviewsGenerationModal} from './TriggerPreviewsGenerationModal';

package/src/components/UploadFiles/UploadFiles.test.tsx

@@ -1,200 +0,0 @@
-// Copyright LEAV Solutions 2017
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import userEvent from '@testing-library/user-event';
-import {BrowserRouter} from 'react-router-dom';
-import {LibraryBehavior, TreeBehavior, UploadDocument, UploadUpdateDocument} from '_ui/_gqlTypes';
-import {doesFileExistAsChild} from '_ui/_queries/records/doesFileExistAsChild';
-import {getTreeLibraries} from '_ui/_queries/trees/getTreeLibraries';
-import {fireEvent, render, screen, waitFor} from '_ui/_tests/testUtils';
-import {mockRecord} from '_ui/__mocks__/common/record';
-import {mockTreeSimple} from '_ui/__mocks__/common/tree';
-import UploadFiles from './UploadFiles';
-
-jest.mock('uuid', () => {
-    return {
-        v4: jest.fn(() => 'uid')
-    };
-});
-
-jest.mock('_ui/components/SelectTreeNode', () => {
-    return function SelectTreeNode() {
-        return <div>SelectTreeNode</div>;
-    };
-});
-
-describe('UploadFiles', () => {
-    const commonMocks = [
-        {
-            request: {
-                query: getTreeLibraries,
-                variables: {
-                    library: 'files'
-                }
-            },
-            result: {
-                data: {
-                    trees: {
-                        totalCount: 1,
-                        list: [
-                            {
-                                ...mockTreeSimple,
-                                id: 'files_tree',
-                                system: true,
-                                behavior: TreeBehavior.files,
-                                libraries: [
-                                    {
-                                        library: {
-                                            id: 'files_directories',
-                                            label: 'files_directories',
-                                            system: true,
-                                            behavior: LibraryBehavior.directories
-                                        },
-                                        settings: {
-                                            allowMultiplePositions: false,
-                                            allowedAtRoot: true,
-                                            allowedChildren: ['files', 'files_directories']
-                                        }
-                                    }
-                                ]
-                            }
-                        ]
-                    }
-                }
-            }
-        },
-        {
-            request: {
-                query: UploadUpdateDocument,
-                variables: {}
-            },
-            result: {
-                data: {
-                    upload: {
-                        userId: '123',
-                        progress: {
-                            length: 42,
-                            transferred: 0,
-                            speed: 0,
-                            runtime: 0,
-                            remaining: 0,
-                            percentage: 0,
-                            eta: 0,
-                            delta: 0
-                        },
-                        uid: '123456'
-                    }
-                }
-            }
-        }
-    ];
-
-    test('Should display upload modal on first step', async () => {
-        render(
-            <BrowserRouter>
-                <UploadFiles libraryId="files" onClose={jest.fn()} />
-            </BrowserRouter>,
-            {mocks: commonMocks}
-        );
-
-        expect(screen.getByTestId('upload-modal')).toBeInTheDocument();
-        expect(screen.getByTestId('select-tree-node')).toBeInTheDocument();
-        expect(screen.getByTestId('next-btn')).toBeDisabled();
-    });
-
-    test('Should be on step 2 with default selected key', async () => {
-        render(
-            <BrowserRouter>
-                <UploadFiles defaultSelectedNode={{id: 'files_tree'}} libraryId="files" onClose={jest.fn()} />
-            </BrowserRouter>,
-            {
-                mocks: commonMocks
-            }
-        );
-
-        expect(screen.getByTestId('upload-modal')).toBeInTheDocument();
-        expect(screen.getByTestId('dragger')).toBeInTheDocument();
-        expect(screen.getByTestId('prev-btn')).toBeEnabled();
-        expect(screen.getByTestId('upload-btn')).toBeDisabled();
-    });
-
-    test('Should add file on drop', async () => {
-        const mockFile = new File(['(⌐□_□)'], 'chucknorris.png', {type: 'image/png'});
-
-        (mockFile as any).uid = 'uid';
-        (mockFile as any).replace = false;
-
-        const mocks = [
-            ...commonMocks,
-            {
-                request: {
-                    query: doesFileExistAsChild,
-                    variables: {
-                        treeId: 'files_tree',
-                        parentNode: null,
-                        filename: 'chucknorris.png'
-                    }
-                },
-                result: {
-                    data: {
-                        doesFileExistAsChild: true
-                    }
-                }
-            },
-            {
-                request: {
-                    query: UploadDocument,
-                    variables: {
-                        library: 'files',
-                        nodeId: 'files_tree',
-                        files: [
-                            {
-                                data: mockFile,
-                                uid: 'uid',
-                                size: 12,
-                                replace: false
-                            }
-                        ]
-                    }
-                },
-                result: {
-                    data: {
-                        upload: {
-                            uid: 'uid',
-                            record: {__typename: 'RecordLib', id: '1', whoAmI: mockRecord}
-                        }
-                    }
-                }
-            }
-        ];
-
-        render(
-            <BrowserRouter>
-                <UploadFiles defaultSelectedNode={{id: 'files_tree'}} libraryId="files" onClose={jest.fn()} />
-            </BrowserRouter>,
-            {mocks}
-        );
-
-        fireEvent.drop(screen.getByTestId('dragger'), {
-            dataTransfer: {
-                files: [mockFile]
-            }
-        });
-
-        await userEvent.click(screen.getByTestId('upload-btn'));
-
-        await waitFor(() => expect(screen.getByText('upload.replace_modal.title')).toBeInTheDocument());
-
-        const replaceBtn = screen.getByText('upload.replace_modal.replaceBtn');
-        const keepBtn = screen.getByText('upload.replace_modal.keepBtn');
-
-        expect(replaceBtn).toBeInTheDocument();
-        expect(keepBtn).toBeInTheDocument();
-
-        await userEvent.click(keepBtn);
-
-        await waitFor(() => expect(screen.queryByTestId('upload-btn')).not.toBeInTheDocument());
-
-        expect(await screen.findByTestId('close-btn')).toBeInTheDocument();
-    });
-});