@leav/ui 0.2.6 → 0.2.8

package/dist/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/SimpleErrorBoundaryContent.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, 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 { FrownOutlined } from '@ant-design/icons';
-import { Result } from 'antd';
+import {FrownOutlined} from '@ant-design/icons';
+import {Result} from 'antd';
 import styled from 'styled-components';
-const ErrorResult = styled(Result) `
+const ErrorResult = styled(Result)`
     font-size: 1rem;
 
     .ant-result-content {
@@ -19,8 +19,22 @@ const ErrorResult = styled(Result) `
         }
     }
 `;
-function SimpleErrorBoundaryContent({ error, errorInfo }) {
-    return (_jsx(ErrorResult, Object.assign({ status: "error", title: "An error occurred", icon: _jsx(FrownOutlined, {}) }, { children: _jsxs("details", Object.assign({ style: { whiteSpace: 'pre-wrap' } }, { children: [error && error.toString(), _jsx("br", {}), errorInfo.componentStack] })) })));
+function SimpleErrorBoundaryContent({error, errorInfo}) {
+    return _jsx(
+        ErrorResult,
+        Object.assign(
+            {status: 'error', title: 'An error occurred', icon: _jsx(FrownOutlined, {})},
+            {
+                children: _jsxs(
+                    'details',
+                    Object.assign(
+                        {style: {whiteSpace: 'pre-wrap'}},
+                        {children: [error && error.toString(), _jsx('br', {}), errorInfo.componentStack]}
+                    )
+                )
+            }
+        )
+    );
 }
 export default SimpleErrorBoundaryContent;
-//# sourceMappingURL=SimpleErrorBoundaryContent.js.map
+//# sourceMappingURL=SimpleErrorBoundaryContent.js.map

package/dist/components/SimpleErrorBoundary/SimpleErrorBoundaryContent/index.js

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

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

@@ -1 +1 @@
-export { SimpleErrorBoundary } from './SimpleErrorBoundary';
+export {SimpleErrorBoundary} from './SimpleErrorBoundary';

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

package/dist/components/SubmitStateNotifier/SubmitStateNotifier.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { SubmitStateNotifierStates } from './_types';
+import {SubmitStateNotifierStates} from './_types';
 interface ISubmitStateNotifierProps {
     state: SubmitStateNotifierStates;
     style?: React.CSSProperties;
 }
-declare function SubmitStateNotifier({ state, style }: ISubmitStateNotifierProps): JSX.Element;
+declare function SubmitStateNotifier({state, style}: ISubmitStateNotifierProps): JSX.Element;
 export default SubmitStateNotifier;

package/dist/components/SubmitStateNotifier/SubmitStateNotifier.js

@@ -1,15 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { CheckOutlined, CloseCircleOutlined, LoadingOutlined } from '@ant-design/icons';
-import { useEffect, useState } from 'react';
+import {CheckOutlined, CloseCircleOutlined, LoadingOutlined} from '@ant-design/icons';
+import {useEffect, useState} from 'react';
 import styled from 'styled-components';
 const delay = 3000;
 const animationDuration = 350;
-const SuccessIcon = styled(CheckOutlined) `
+const SuccessIcon = styled(CheckOutlined)`
     animation: appear 500ms, ${animationDuration}ms disappear ${delay - animationDuration}ms;
-    color: ${props => { var _a, _b, _c; return (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.antd) === null || _b === void 0 ? void 0 : _b.colorSuccess) !== null && _c !== void 0 ? _c : 'inherit'; }};
+    color: ${props => {
+        var _a, _b, _c;
+        return (_c =
+            (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.antd) === null || _b === void 0
+                ? void 0
+                : _b.colorSuccess) !== null && _c !== void 0
+            ? _c
+            : 'inherit';
+    }};
 
     @keyframes disappear {
         from {
@@ -33,10 +41,18 @@ const SuccessIcon = styled(CheckOutlined) `
         }
     }
 `;
-const ErrorIcon = styled(CloseCircleOutlined) `
-    color: ${props => { var _a, _b, _c; return (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.antd) === null || _b === void 0 ? void 0 : _b.colorError) !== null && _c !== void 0 ? _c : 'inherit'; }};
+const ErrorIcon = styled(CloseCircleOutlined)`
+    color: ${props => {
+        var _a, _b, _c;
+        return (_c =
+            (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.antd) === null || _b === void 0
+                ? void 0
+                : _b.colorError) !== null && _c !== void 0
+            ? _c
+            : 'inherit';
+    }};
 `;
-function SubmitStateNotifier({ state, style }) {
+function SubmitStateNotifier({state, style}) {
     let icon = null;
     const [currentState, setCurrentState] = useState('idle');
     useEffect(() => {
@@ -63,7 +79,7 @@ function SubmitStateNotifier({ state, style }) {
             icon = _jsx(ErrorIcon, {});
             break;
     }
-    return _jsx("span", Object.assign({ style: style }, { children: icon }));
+    return _jsx('span', Object.assign({style: style}, {children: icon}));
 }
 export default SubmitStateNotifier;
-//# sourceMappingURL=SubmitStateNotifier.js.map
+//# sourceMappingURL=SubmitStateNotifier.js.map

package/dist/components/SubmitStateNotifier/_types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=_types.js.map
+//# sourceMappingURL=_types.js.map

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

@@ -1,2 +1,2 @@
-export { default as SubmitStateNotifier } from './SubmitStateNotifier';
+export {default as SubmitStateNotifier} from './SubmitStateNotifier';
 export * from './_types';

package/dist/components/SubmitStateNotifier/index.js

@@ -1,6 +1,6 @@
 // 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 SubmitStateNotifier } from './SubmitStateNotifier';
+export {default as SubmitStateNotifier} from './SubmitStateNotifier';
 export * from './_types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TreeLightFragment } from '../../_gqlTypes';
+import {TreeLightFragment} from '../../_gqlTypes';
 interface ITreePickerProps {
     open: boolean;
     onClose: () => void;
@@ -8,5 +8,5 @@ interface ITreePickerProps {
     multiple?: boolean;
     showSelected?: boolean;
 }
-declare function TreePicker({ open, onClose, onSubmit, selected, multiple, showSelected }: ITreePickerProps): JSX.Element;
+declare function TreePicker({open, onClose, onSubmit, selected, multiple, showSelected}: ITreePickerProps): JSX.Element;
 export default TreePicker;

package/dist/components/TreePicker/TreePicker.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Modal } from 'antd';
-import { useState } from 'react';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { TreesList } from './TreesList';
-function TreePicker({ open, onClose, onSubmit, selected = [], multiple = true, showSelected = false }) {
-    const { t } = useSharedTranslation();
+import {Modal} from 'antd';
+import {useState} from 'react';
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+import {TreesList} from './TreesList';
+function TreePicker({open, onClose, onSubmit, selected = [], multiple = true, showSelected = false}) {
+    const {t} = useSharedTranslation();
     const [selectedTrees, setSelectedTrees] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
-    const _handleSelect = (selection) => {
+    const _handleSelect = selection => {
         setSelectedTrees(selection);
     };
     const _handleSubmit = async () => {
@@ -19,7 +19,31 @@ function TreePicker({ open, onClose, onSubmit, selected = [], multiple = true, s
         setIsLoading(false);
         onClose();
     };
-    return (_jsx(Modal, Object.assign({ open: open, onCancel: onClose, width: 800, title: t('trees.select_trees'), onOk: _handleSubmit, destroyOnClose: true, okText: t('global.submit'), cancelText: t('global.cancel'), confirmLoading: isLoading, centered: true }, { children: _jsx(TreesList, { onSelect: _handleSelect, selected: selected, multiple: multiple, showSelected: showSelected }) })));
+    return _jsx(
+        Modal,
+        Object.assign(
+            {
+                open: open,
+                onCancel: onClose,
+                width: 800,
+                title: t('trees.select_trees'),
+                onOk: _handleSubmit,
+                destroyOnClose: true,
+                okText: t('global.submit'),
+                cancelText: t('global.cancel'),
+                confirmLoading: isLoading,
+                centered: true
+            },
+            {
+                children: _jsx(TreesList, {
+                    onSelect: _handleSelect,
+                    selected: selected,
+                    multiple: multiple,
+                    showSelected: showSelected
+                })
+            }
+        )
+    );
 }
 export default TreePicker;
-//# sourceMappingURL=TreePicker.js.map
+//# sourceMappingURL=TreePicker.js.map

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { TreeLightFragment } from '../../../_gqlTypes';
+import {TreeLightFragment} from '../../../_gqlTypes';
 interface ITreesListProps {
     onSelect: (selectedTrees: TreeLightFragment[]) => void;
     selected?: string[];
     multiple?: boolean;
     showSelected?: boolean;
 }
-declare function TreesList({ onSelect, selected, multiple, showSelected }: ITreesListProps): JSX.Element;
+declare function TreesList({onSelect, selected, multiple, showSelected}: ITreesListProps): JSX.Element;
 export default TreesList;

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,40 +48,56 @@ function TreesList({ onSelect, selected = [], multiple = true, showSelected = fa
     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})
                 }
             });
         }
@@ -94,7 +110,7 @@ function TreesList({ onSelect, selected = [], multiple = true, showSelected = fa
         return _jsx(Loading, {});
     }
     if (error) {
-        return _jsx(ErrorDisplay, { message: error.message });
+        return _jsx(ErrorDisplay, {message: error.message});
     }
     const columns = [
         {
@@ -107,31 +123,75 @@ function TreesList({ onSelect, selected = [], multiple = true, showSelected = fa
                     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,5 +7,11 @@ 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;