@leav/ui 0.2.8 → 0.3.0

package/dist/components/TreePicker/TreesList/TreesList.js

@@ -1,24 +1,24 @@
-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 {PlusOutlined} from '@ant-design/icons';
-import {useApolloClient} from '@apollo/client';
-import {localizedTranslation} from '@leav/utils';
-import {Button, Input, Table} from 'antd';
-import {useState} from 'react';
+import { PlusOutlined } from '@ant-design/icons';
+import { useApolloClient } from '@apollo/client';
+import { localizedTranslation } from '@leav/utils';
+import { Button, Input, Table } from 'antd';
+import { useState } from 'react';
 import styled from 'styled-components';
-import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
-import {PermissionsActions, PermissionTypes, useGetTreesQuery, useIsAllowedQuery} from '../../../_gqlTypes';
-import {getTreesQuery} from '../../../_queries/trees/getTreesQuery';
-import {extractPermissionFromQuery} from '../../../_utils';
-import {PreviewSize} from '../../../constants';
-import {useLang} from '../../../hooks';
-import {EditTreeModal} from '../../EditTreeModal';
-import {EntityCard} from '../../EntityCard';
-import {ErrorDisplay} from '../../ErrorDisplay';
-import {Loading} from '../../Loading';
-const HeaderWrapper = styled.div`
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+import { PermissionsActions, PermissionTypes, useGetTreesQuery, useIsAllowedQuery } from '../../../_gqlTypes';
+import { getTreesQuery } from '../../../_queries/trees/getTreesQuery';
+import { extractPermissionFromQuery } from '../../../_utils';
+import { PreviewSize } from '../../../constants';
+import { useLang } from '../../../hooks';
+import { EditTreeModal } from '../../EditTreeModal';
+import { EntityCard } from '../../EntityCard';
+import { ErrorDisplay } from '../../ErrorDisplay';
+import { Loading } from '../../Loading';
+const HeaderWrapper = styled.div `
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -28,11 +28,11 @@ const HeaderWrapper = styled.div`
         flex-grow: 1;
     }
 `;
-function TreesList({onSelect, selected = [], multiple = true, showSelected = false}) {
+function TreesList({ onSelect, selected = [], multiple = true, showSelected = false }) {
     var _a, _b;
-    const {t} = useSharedTranslation();
-    const {lang} = useLang();
-    const {loading, error, data} = useGetTreesQuery();
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const { loading, error, data } = useGetTreesQuery();
     const isAllowedQueryResult = useIsAllowedQuery({
         fetchPolicy: 'cache-and-network',
         variables: {
@@ -48,56 +48,40 @@ function TreesList({onSelect, selected = [], multiple = true, showSelected = fal
     const _getTreesFromKeys = (keys, treesList) => {
         var _a, _b;
         // The list coming from data might not be up to date after a create, so we use the one passed as argument
-        const list =
-            (_b =
-                treesList !== null && treesList !== void 0
-                    ? treesList
-                    : (_a = data === null || data === void 0 ? void 0 : data.trees) === null || _a === void 0
-                    ? void 0
-                    : _a.list) !== null && _b !== void 0
-                ? _b
-                : [];
+        const list = (_b = treesList !== null && treesList !== void 0 ? treesList : (_a = data === null || data === void 0 ? void 0 : data.trees) === null || _a === void 0 ? void 0 : _a.list) !== null && _b !== void 0 ? _b : [];
         return list.filter(tree => keys.find(k => tree.id === k));
     };
-    const _handleSelectionChange = selection => {
+    const _handleSelectionChange = (selection) => {
         setSelectedRowKeys(selection);
         const treesSelected = _getTreesFromKeys(selection);
         onSelect(treesSelected);
     };
-    const _handleRowClick = record => {
+    const _handleRowClick = (record) => {
         let newSelection;
         if (selectedRowKeys.indexOf(record.key) === -1) {
             newSelection = multiple ? [...selectedRowKeys, record.key] : [record.key]; // Add to selection
-        } else {
+        }
+        else {
             newSelection = multiple ? selectedRowKeys.filter(key => key !== record.key) : []; // Remove from selection
         }
         _handleSelectionChange(newSelection);
     };
-    const _handleSearchChange = e => {
+    const _handleSearchChange = (e) => {
         setSearch(e.currentTarget.value);
     };
     const _handleClickNewTree = () => {
         setIsNewTreeModalOpen(true);
     };
     const _handleCloseNewAttribute = () => setIsNewTreeModalOpen(false);
-    const _handlePostCreate = async newTree => {
+    const _handlePostCreate = async (newTree) => {
         var _a, _b;
-        const allTreesData = client.readQuery({query: getTreesQuery});
-        const newTreesList = [
-            newTree,
-            ...((_b =
-                (_a = allTreesData === null || allTreesData === void 0 ? void 0 : allTreesData.trees) === null ||
-                _a === void 0
-                    ? void 0
-                    : _a.list) !== null && _b !== void 0
-                ? _b
-                : [])
-        ];
+        const allTreesData = client.readQuery({ query: getTreesQuery });
+        const newTreesList = [newTree, ...((_b = (_a = allTreesData === null || allTreesData === void 0 ? void 0 : allTreesData.trees) === null || _a === void 0 ? void 0 : _a.list) !== null && _b !== void 0 ? _b : [])];
         if (allTreesData) {
             client.writeQuery({
                 query: getTreesQuery,
                 data: {
-                    trees: Object.assign(Object.assign({}, allTreesData.trees), {list: newTreesList})
+                    trees: Object.assign(Object.assign({}, allTreesData.trees), { list: newTreesList })
                 }
             });
         }
@@ -110,7 +94,7 @@ function TreesList({onSelect, selected = [], multiple = true, showSelected = fal
         return _jsx(Loading, {});
     }
     if (error) {
-        return _jsx(ErrorDisplay, {message: error.message});
+        return _jsx(ErrorDisplay, { message: error.message });
     }
     const columns = [
         {
@@ -123,75 +107,31 @@ function TreesList({onSelect, selected = [], multiple = true, showSelected = fal
                     preview: null,
                     color: null
                 };
-                return _jsx(EntityCard, {entity: treeIdentity, size: PreviewSize.small});
+                return _jsx(EntityCard, { entity: treeIdentity, size: PreviewSize.small });
             }
         }
     ];
-    const tableData = ((_b = [
-        ...((_a = data === null || data === void 0 ? void 0 : data.trees) === null || _a === void 0 ? void 0 : _a.list)
-    ]) !== null && _b !== void 0
-        ? _b
-        : []
-    )
+    const tableData = ((_b = [...(_a = data === null || data === void 0 ? void 0 : data.trees) === null || _a === void 0 ? void 0 : _a.list]) !== null && _b !== void 0 ? _b : [])
         .filter(tree => {
-            // Do not display already selected libraries
-            if (!showSelected && selected.find(selectedTree => selectedTree === tree.id)) {
-                return false;
-            }
-            // Filter based on search
-            const label = localizedTranslation(tree.label, lang);
-            const searchStr = search.toLowerCase();
-            // Search on id or label
-            return tree.id.toLowerCase().includes(searchStr) || label.toLowerCase().includes(searchStr);
-        })
-        .map(tree =>
-            Object.assign(Object.assign({}, tree), {key: tree.id, label: localizedTranslation(tree.label, lang)})
-        );
-    const tableHeader = _jsxs(HeaderWrapper, {
-        children: [
-            _jsx(Input.Search, {
-                onChange: _handleSearchChange,
-                placeholder: t('global.search') + '...',
-                allowClear: true
-            }),
-            canCreate &&
-                _jsx(
-                    Button,
-                    Object.assign(
-                        {type: 'primary', icon: _jsx(PlusOutlined, {}), onClick: _handleClickNewTree},
-                        {children: t('trees.new_tree')}
-                    )
-                )
-        ]
-    });
-    return _jsxs(_Fragment, {
-        children: [
-            _jsx(Table, {
-                size: 'middle',
-                rowSelection: {
+        // Do not display already selected libraries
+        if (!showSelected && selected.find(selectedTree => selectedTree === tree.id)) {
+            return false;
+        }
+        // Filter based on search
+        const label = localizedTranslation(tree.label, lang);
+        const searchStr = search.toLowerCase();
+        // Search on id or label
+        return tree.id.toLowerCase().includes(searchStr) || label.toLowerCase().includes(searchStr);
+    })
+        .map(tree => (Object.assign(Object.assign({}, tree), { key: tree.id, label: localizedTranslation(tree.label, lang) })));
+    const tableHeader = (_jsxs(HeaderWrapper, { children: [_jsx(Input.Search, { onChange: _handleSearchChange, placeholder: t('global.search') + '...', allowClear: true }), canCreate && (_jsx(Button, Object.assign({ type: "primary", icon: _jsx(PlusOutlined, {}), onClick: _handleClickNewTree }, { children: t('trees.new_tree') })))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Table, { size: "middle", rowSelection: {
                     type: multiple ? 'checkbox' : 'radio',
                     selectedRowKeys,
                     onChange: _handleSelectionChange
-                },
-                columns: columns,
-                dataSource: tableData,
-                bordered: true,
-                pagination: false,
-                scroll: {y: 'calc(95vh - 20rem)'},
-                title: () => tableHeader,
-                onRow: record => ({
+                }, columns: columns, dataSource: tableData, bordered: true, pagination: false, scroll: { y: 'calc(95vh - 20rem)' }, title: () => tableHeader, onRow: record => ({
                     onClick: () => _handleRowClick(record)
-                })
-            }),
-            isNewTreeModalOpen &&
-                _jsx(EditTreeModal, {
-                    open: isNewTreeModalOpen,
-                    onClose: _handleCloseNewAttribute,
-                    onPostCreate: _handlePostCreate,
-                    width: 790
-                })
-        ]
-    });
+                }) }), isNewTreeModalOpen && (_jsx(EditTreeModal, { open: isNewTreeModalOpen, onClose: _handleCloseNewAttribute, onPostCreate: _handlePostCreate, width: 790 }))] }));
 }
 export default TreesList;
-//# sourceMappingURL=TreesList.js.map
+//# sourceMappingURL=TreesList.js.map

package/dist/components/TreePicker/TreesList/index.d.ts

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

package/dist/components/TreePicker/TreesList/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 TreesList} from './TreesList';
-//# sourceMappingURL=index.js.map
+export { default as TreesList } from './TreesList';
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/TreePicker/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 TreePicker} from './TreePicker';
-//# sourceMappingURL=index.js.map
+export { default as TreePicker } from './TreePicker';
+//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import {RecordFilterInput} from '../../_gqlTypes';
+import { RecordFilterInput } from '../../_gqlTypes';
 interface ITriggerPreviewsGenerationModalProps {
     libraryId: string;
     filesLibraryId?: string;
@@ -7,11 +7,5 @@ interface ITriggerPreviewsGenerationModalProps {
     filters?: RecordFilterInput[];
     onClose: () => void;
 }
-declare function TriggerPreviewsGenerationModal({
-    libraryId,
-    filesLibraryId,
-    recordIds,
-    filters,
-    onClose
-}: ITriggerPreviewsGenerationModalProps): JSX.Element;
+declare function TriggerPreviewsGenerationModal({ libraryId, filesLibraryId, recordIds, filters, onClose }: ITriggerPreviewsGenerationModalProps): JSX.Element;
 export default TriggerPreviewsGenerationModal;

package/dist/components/TriggerPreviewsGenerationModal/TriggerPreviewsGenerationModal.js

@@ -1,35 +1,33 @@
-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),
@@ -53,18 +51,16 @@ function TriggerPreviewsGenerationModal({libraryId, filesLibraryId, recordIds, f
                     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);
         }
@@ -72,75 +68,21 @@ function TriggerPreviewsGenerationModal({libraryId, filesLibraryId, recordIds, f
     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,11 +10,5 @@ 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;