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

package/src/components/CreateDirectory/CreateDirectory.test.tsx

@@ -1,291 +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} from '_ui/_gqlTypes';
-import {createDirectoryMutation} from '_ui/_queries/files/createDirectory';
-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 CreateDirectory from './CreateDirectory';
-
-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_directories'
-                }
-            },
-            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']
-                                        }
-                                    }
-                                ]
-                            }
-                        ]
-                    }
-                }
-            }
-        }
-    ];
-
-    test('Should display create directory modal on first step', async () => {
-        render(
-            <BrowserRouter>
-                <CreateDirectory libraryId="files_directories" onClose={jest.fn()} />
-            </BrowserRouter>,
-            {mocks: commonMocks}
-        );
-
-        expect(screen.getByTestId('create-directory-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>
-                <CreateDirectory
-                    defaultSelectedKey="files_directories"
-                    libraryId="files_directories"
-                    onClose={jest.fn()}
-                />
-            </BrowserRouter>,
-            {mocks: commonMocks}
-        );
-
-        expect(screen.getByTestId('create-directory-modal')).toBeInTheDocument();
-        expect(screen.getByTestId('directory-name-input')).toBeInTheDocument();
-        expect(screen.getByTestId('prev-btn')).toBeEnabled();
-        expect(screen.getByTestId('create-btn')).toBeDisabled();
-    });
-
-    test('Directory name exists', async () => {
-        const mocks = [
-            {
-                request: {
-                    query: doesFileExistAsChild,
-                    variables: {
-                        treeId: 'files_tree',
-                        parentNode: null,
-                        filename: 'dirname'
-                    }
-                },
-                result: {
-                    data: {
-                        doesFileExistAsChild: true
-                    }
-                }
-            },
-            {
-                request: {
-                    query: getTreeLibraries,
-                    variables: {
-                        library: 'files_directories'
-                    }
-                },
-                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: createDirectoryMutation,
-                    variables: {
-                        library: 'files_directories',
-                        nodeId: 'files_tree',
-                        name: 'dirname'
-                    }
-                },
-                result: {
-                    data: {
-                        upload: {
-                            __typename: 'RecordLib',
-                            id: '1',
-                            whoAmI: mockRecord
-                        }
-                    }
-                }
-            }
-        ];
-
-        render(
-            <BrowserRouter>
-                <CreateDirectory defaultSelectedKey="files_tree" libraryId="files_directories" onClose={jest.fn()} />
-            </BrowserRouter>,
-            {mocks}
-        );
-
-        fireEvent.change(screen.getByTestId('directory-name-input'), {
-            target: {
-                value: 'dirname'
-            }
-        });
-
-        const createBtn = screen.getByTestId('create-btn');
-
-        await userEvent.click(createBtn);
-
-        await waitFor(() => expect(screen.getByText('create_directory.duplicate_modal.title')).toBeInTheDocument());
-    });
-
-    test('Directory name exists', async () => {
-        const mocks = [
-            {
-                request: {
-                    query: doesFileExistAsChild,
-                    variables: {
-                        treeId: 'files_tree',
-                        parentNode: null,
-                        filename: 'dirname'
-                    }
-                },
-                result: {
-                    data: {
-                        doesFileExistAsChild: false
-                    }
-                }
-            },
-            {
-                request: {
-                    query: getTreeLibraries,
-                    variables: {
-                        library: 'files_directories'
-                    }
-                },
-                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: createDirectoryMutation,
-                    variables: {
-                        library: 'files_directories',
-                        nodeId: 'files_tree',
-                        name: 'dirname'
-                    }
-                },
-                result: {
-                    data: {
-                        upload: {
-                            __typename: 'RecordLib',
-                            id: '1',
-                            whoAmI: mockRecord
-                        }
-                    }
-                }
-            }
-        ];
-
-        render(
-            <BrowserRouter>
-                <CreateDirectory defaultSelectedKey="files_tree" libraryId="files_directories" onClose={jest.fn()} />
-            </BrowserRouter>,
-            {mocks}
-        );
-
-        fireEvent.change(screen.getByTestId('directory-name-input'), {
-            target: {
-                value: 'dirname'
-            }
-        });
-
-        userEvent.click(screen.getByTestId('create-btn'));
-
-        await waitFor(() =>
-            expect(screen.queryByTestId('create_directory.duplicate_modal.title')).not.toBeInTheDocument()
-        );
-    });
-});

package/src/components/CreateDirectory/CreateDirectory.tsx

@@ -1,222 +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 {Button, Input, Modal, StepProps, Steps, theme} from 'antd';
-import {useState} from 'react';
-import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';
-import {ITreeNodeWithRecord} from '_ui/types/trees';
-import {
-    CreateDirectoryMutation,
-    TreeBehavior,
-    useCreateDirectoryMutation,
-    useDoesFileExistAsChildLazyQuery,
-    useGetTreeLibrariesQuery
-} from '_ui/_gqlTypes';
-import {SelectTreeNode} from '../SelectTreeNode';
-
-const {warning} = Modal;
-
-interface ICreateDirectoryProps {
-    defaultSelectedKey?: string;
-    libraryId: string;
-    onClose: () => void;
-    onCompleted?: (data: CreateDirectoryMutation['createDirectory']) => void;
-}
-
-function CreateDirectory({defaultSelectedKey, libraryId, onCompleted, onClose}: ICreateDirectoryProps): JSX.Element {
-    const {t} = useSharedTranslation();
-    const {token} = theme.useToken();
-    const [selectedNodeKey, setSelectedNodeKey] = useState<string>(defaultSelectedKey);
-    const [directoryName, setDirectoryName] = useState<string>();
-    const [status, setStatus] = useState<StepProps['status']>('wait');
-    const [currentStep, setCurrentStep] = useState(!!defaultSelectedKey ? 1 : 0);
-    const [treeId, setTreeId] = useState<string>();
-
-    const [runDoesFileExistAsChild] = useDoesFileExistAsChildLazyQuery({
-        fetchPolicy: 'no-cache'
-    });
-
-    const _checkDirectoryExists = async (parentNode: string, name: string): Promise<boolean> => {
-        const isFileExists = await runDoesFileExistAsChild({
-            variables: {
-                treeId,
-                parentNode: parentNode !== treeId ? parentNode : null,
-                filename: name
-            }
-        });
-
-        return isFileExists.data.doesFileExistAsChild;
-    };
-
-    useGetTreeLibrariesQuery({
-        variables: {
-            library: libraryId
-        },
-        onCompleted: getTreeLibrariesData => {
-            const linkedTree = getTreeLibrariesData.trees.list.filter(
-                tree => tree.system && tree.behavior === TreeBehavior.files
-            )[0];
-
-            setTreeId(linkedTree.id);
-        }
-    });
-
-    const [runCreateDirectory, {loading}] = useCreateDirectoryMutation({
-        fetchPolicy: 'no-cache',
-        onCompleted: data => {
-            if (typeof onCompleted !== 'undefined') {
-                onCompleted(data.createDirectory);
-            }
-
-            setStatus('finish');
-        },
-        onError: err => {
-            setStatus('error');
-        }
-    });
-
-    const _handleCreateClick = async () => {
-        if (await _checkDirectoryExists(selectedNodeKey, directoryName)) {
-            showDuplicateNameModal();
-            return;
-        }
-
-        setStatus('process');
-
-        await runCreateDirectory({
-            variables: {
-                library: libraryId,
-                nodeId: selectedNodeKey,
-                name: directoryName
-            }
-        });
-
-        _onClose();
-    };
-
-    const _onClose = () => {
-        setDirectoryName('');
-        onClose();
-    };
-
-    const contentStyle: React.CSSProperties = {
-        lineHeight: '260px',
-        textAlign: 'center',
-        marginTop: 16
-    };
-
-    const next = () => {
-        setCurrentStep(currentStep + 1);
-    };
-
-    const prev = () => {
-        setCurrentStep(currentStep - 1);
-    };
-
-    const onSelectPath = async (node: ITreeNodeWithRecord, selected: boolean) => {
-        const newSelectedNode = !selected ? undefined : node;
-
-        if (directoryName && newSelectedNode && (await _checkDirectoryExists(newSelectedNode?.id, directoryName))) {
-            showDuplicateNameModal();
-            return;
-        }
-
-        setSelectedNodeKey(newSelectedNode?.key);
-    };
-
-    const showDuplicateNameModal = () => {
-        warning({
-            className: 'warning-duplicate-modal',
-            closable: true,
-            open: true,
-            title: t('create_directory.duplicate_modal.title'),
-            okText: t('global.ok'),
-            content: <p>{t('create_directory.duplicate_modal.message', {directoryName})}</p>
-        });
-    };
-
-    const steps = [
-        {
-            title: t('create_directory.select_path_step_title'),
-            content: (
-                <div
-                    data-testid="select-tree-node"
-                    style={{
-                        borderRadius: token.borderRadiusLG,
-                        border: `1px dashed ${token.colorBorder}`
-                    }}
-                >
-                    {treeId && libraryId && (
-                        <SelectTreeNode
-                            tree={{id: treeId}}
-                            onSelect={onSelectPath}
-                            selectedNode={selectedNodeKey}
-                            canSelectRoot
-                            selectableLibraries={[libraryId]}
-                        />
-                    )}
-                </div>
-            )
-        },
-        {
-            title: t('create_directory.choose_name_step_title'),
-            content: (
-                <Input
-                    data-testid="directory-name-input"
-                    placeholder={t('create_directory.directory_name')}
-                    value={directoryName}
-                    onChange={e => setDirectoryName(e.target.value)}
-                />
-            )
-        }
-    ];
-
-    const items = steps.map(item => ({key: item.title, title: item.title}));
-
-    return (
-        <Modal
-            data-testid="create-directory-modal"
-            title={t('create_directory.title')}
-            open
-            width="70rem"
-            onCancel={_onClose}
-            footer={
-                <div style={{marginTop: 50}}>
-                    {currentStep > 0 && (
-                        <Button data-testid="prev-btn" onClick={() => prev()}>
-                            {t('create_directory.previous')}
-                        </Button>
-                    )}
-                    {currentStep < steps.length - 1 && (
-                        <Button
-                            data-testid="next-btn"
-                            disabled={!selectedNodeKey}
-                            type="primary"
-                            onClick={() => next()}
-                        >
-                            {t('create_directory.next')}
-                        </Button>
-                    )}
-                    {currentStep > 0 && (
-                        <Button
-                            data-testid="create-btn"
-                            loading={loading}
-                            disabled={!directoryName}
-                            className="submit-btn"
-                            title={'Create'}
-                            type="primary"
-                            onClick={_handleCreateClick}
-                        >
-                            {t('create_directory.create_step_title')}
-                        </Button>
-                    )}
-                </div>
-            }
-        >
-            <Steps status={status} current={currentStep} items={items} />
-            <div style={contentStyle}>{steps[currentStep].content}</div>
-        </Modal>
-    );
-}
-
-export default CreateDirectory;

package/src/components/CreateDirectory/index.ts

@@ -1,4 +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
-export {default as CreateDirectory} from './CreateDirectory';

package/src/components/DeactivateRecordsModal/DeactivateRecordsModal.test.tsx

@@ -1,147 +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 {DeactivateRecordsDocument} from '_ui/_gqlTypes';
-import {render, screen, waitFor} from '_ui/_tests/testUtils';
-import {mockLibraryWithDetails} from '_ui/__mocks__/common/library';
-import {mockRecord} from '_ui/__mocks__/common/record';
-import {mockGetLibraryDetailExtendedElement} from '_ui/__mocks__/mockQuery/mockGetLibraryDetailExtendedQuery';
-import {SearchContext} from '../LibraryItemsList/hooks/useSearchReducer/searchContext';
-import {initialSearchState} from '../LibraryItemsList/hooks/useSearchReducer/searchReducer';
-import DeactivateRecordsModal from './DeactivateRecordsModal';
-
-describe('DeactivateRecordsModal', () => {
-    test('Deactivate records after confirm', async () => {
-        const _handleClose = jest.fn();
-        const mocks = [
-            {
-                request: {
-                    query: DeactivateRecordsDocument,
-                    variables: {libraryId: mockLibraryWithDetails.id, recordsIds: ['1', '2'], filters: null}
-                },
-                result: {
-                    data: {
-                        deactivateRecords: [
-                            {id: '1', whoAmI: {...mockRecord}},
-                            {id: '2', whoAmI: {...mockRecord}}
-                        ]
-                    }
-                }
-            }
-        ];
-
-        render(
-            <SearchContext.Provider
-                value={{
-                    state: {...initialSearchState, library: mockGetLibraryDetailExtendedElement},
-                    dispatch: jest.fn()
-                }}
-            >
-                <DeactivateRecordsModal
-                    library={mockLibraryWithDetails.id}
-                    selection={{
-                        selected: [
-                            {
-                                id: '1',
-                                label: mockRecord.label,
-                                library: mockLibraryWithDetails.id
-                            },
-                            {
-                                id: '2',
-                                label: mockRecord.label,
-                                library: mockLibraryWithDetails.id
-                            }
-                        ],
-                        allSelected: false
-                    }}
-                    open
-                    onClose={_handleClose}
-                />
-            </SearchContext.Provider>,
-            {
-                mocks,
-                storeState: {
-                    ...initialSearchState,
-                    selection: {
-                        ...initialSearchState.selection,
-                        selection: {
-                            ...initialSearchState.selection,
-                            selected: [
-                                {
-                                    id: '1',
-                                    library: mockGetLibraryDetailExtendedElement.id,
-                                    label: mockRecord.label
-                                },
-                                {
-                                    id: '2',
-                                    library: mockGetLibraryDetailExtendedElement.id,
-                                    label: mockRecord.label
-                                }
-                            ]
-                        }
-                    }
-                }
-            }
-        );
-
-        expect(screen.getByText(/confirm/)).toBeInTheDocument();
-
-        await userEvent.click(screen.getByRole('button', {name: /submit/}));
-
-        // Run deactivation, display loading
-        expect(screen.getByRole('img', {name: /loading/})).toBeInTheDocument();
-
-        await waitFor(() => expect(_handleClose).toBeCalled());
-    });
-
-    test('Handle errors', async () => {
-        const _handleClose = jest.fn();
-        const mocks = [
-            {
-                request: {
-                    query: DeactivateRecordsDocument,
-                    variables: {libraryId: mockLibraryWithDetails.id, recordsIds: ['1', '2'], filters: null}
-                },
-                error: new Error('Boom!')
-            }
-        ];
-
-        render(
-            <SearchContext.Provider
-                value={{
-                    state: {...initialSearchState, library: mockGetLibraryDetailExtendedElement},
-                    dispatch: jest.fn()
-                }}
-            >
-                <DeactivateRecordsModal
-                    library={mockLibraryWithDetails.id}
-                    selection={{
-                        selected: [
-                            {
-                                id: '1',
-                                label: mockRecord.label,
-                                library: mockLibraryWithDetails.id
-                            },
-                            {
-                                id: '2',
-                                label: mockRecord.label,
-                                library: mockLibraryWithDetails.id
-                            }
-                        ],
-                        allSelected: false
-                    }}
-                    open
-                    onClose={_handleClose}
-                />
-            </SearchContext.Provider>,
-            {
-                mocks
-            }
-        );
-
-        await userEvent.click(screen.getByRole('button', {name: /submit/}));
-
-        expect(await screen.findByText(/Boom!/)).toBeInTheDocument();
-    });
-});