@leav/ui 0.0.1-alpha-1 → 1.0.0-beta6

package/dist/components/SearchModal/SearchModal.js

@@ -0,0 +1,45 @@
+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 { useTranslation } from 'react-i18next';
+import styled from 'styled-components';
+import { LibraryItemsList } from '../../components/LibraryItemsList';
+import { ErrorDisplayTypes } from '../../constants';
+import useGetLibraryDetailExtendedQuery from '../../hooks/useGetLibraryDetailExtendedQuery/useGetLibraryDetailExtendedQuery';
+import { ErrorDisplay } from '../ErrorDisplay';
+import { Loading } from '../Loading';
+const WrapperItemsList = styled.div `
+    position: relative;
+`;
+export const SearchModal = ({ visible, setVisible, submitAction, libId }) => {
+    const { t } = useTranslation();
+    //TODO: handle selection
+    const handleModalClose = () => {
+        // dispatch(resetSearchSelection());
+        setVisible(false);
+    };
+    const handleOk = () => {
+        // submitAction(selectionState.searchSelection);
+        handleModalClose();
+    };
+    const renderModal = (content) => (_jsx(Modal, { open: visible, onCancel: handleModalClose, width: "95vw", bodyStyle: { height: '90vh', overflow: 'hidden' }, style: {
+            top: '1rem'
+        }, onOk: handleOk, okText: t('global.apply'), cancelText: t('global.cancel'), children: content }));
+    const { loading, data, error } = useGetLibraryDetailExtendedQuery({ library: libId });
+    if (loading) {
+        return renderModal(_jsx(Loading, {}));
+    }
+    if (error) {
+        return renderModal(_jsx(ErrorDisplay, { message: error.message }));
+    }
+    if (!data?.libraries?.list?.length) {
+        return renderModal(_jsx(ErrorDisplay, { message: t('lib_detail.not_found', { libraryId: libId }) }));
+    }
+    if (!data.libraries.list[0].permissions.access_library) {
+        return _jsx(ErrorDisplay, { type: ErrorDisplayTypes.PERMISSION_ERROR, showActionButton: false });
+    }
+    return renderModal(_jsx(WrapperItemsList, { children: _jsx(LibraryItemsList, { selectionMode: true, library: data.libraries.list[0], style: { height: 'calc(100vh - 11rem)' } }) }));
+};
+export default SearchModal;

package/dist/components/SearchModal/SearchModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchModal.js","sourceRoot":"","sources":["../../../src/components/SearchModal/SearchModal.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAC;AAE3B,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,gCAAgC,MAAM,6EAA6E,CAAC;AAC3H,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AAEnC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAElC,CAAC;AASF,MAAM,CAAC,MAAM,WAAW,GAAyC,CAAC,EAAC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAC,EAAE,EAAE;;IAC5G,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,wBAAwB;IAExB,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,oCAAoC;QACpC,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,gDAAgD;QAChD,gBAAgB,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,OAAoB,EAAe,EAAE,CAAC,CACvD,KAAC,KAAK,kBACF,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC,EAC/C,KAAK,EAAE;YACH,GAAG,EAAE,MAAM;SACd,EACD,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,CAAC,CAAC,cAAc,CAAC,EACzB,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC,gBAE7B,OAAO,IACJ,CACX,CAAC;IAEF,MAAM,EAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAC,GAAG,gCAAgC,CAAC,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;IAElF,IAAI,OAAO,EAAE;QACT,OAAO,WAAW,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC;KACnC;IAED,IAAI,KAAK,EAAE;QACP,OAAO,WAAW,CAAC,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CAAC,CAAC;KAChE;IAED,IAAI,CAAC,CAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,0CAAE,IAAI,0CAAE,MAAM,CAAA,EAAE;QAChC,OAAO,WAAW,CAAC,KAAC,YAAY,IAAC,OAAO,EAAE,CAAC,CAAC,sBAAsB,EAAE,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,GAAI,CAAC,CAAC;KAChG;IAED,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,EAAE;QACpD,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,iBAAiB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,GAAI,CAAC;KAC9F;IAED,OAAO,WAAW,CACd,KAAC,gBAAgB,cACb,KAAC,gBAAgB,IACb,aAAa,EAAE,IAAI,EACnB,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAC/B,KAAK,EAAE,EAAC,MAAM,EAAE,qBAAqB,EAAC,GACxC,GACa,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1 @@
+export { SearchModal } from './SearchModal';

package/dist/components/SearchModal/index.js

@@ -0,0 +1,4 @@
+// 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 { SearchModal } from './SearchModal';

package/dist/components/SearchModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchModal/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/components/SelectTreeNode/SelectTreeNode.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { SystemTranslation } from '../../types/scalars';
+import { ITreeNodeWithRecord } from '../../types/trees';
+interface ISelectTreeNodeProps {
+    tree: {
+        id: string;
+        label?: SystemTranslation | null;
+    };
+    selectedNode?: string;
+    onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;
+    onCheck?: (selection: ITreeNodeWithRecord[]) => void;
+    multiple?: boolean;
+    canSelectRoot?: boolean;
+    selectableLibraries?: string[];
+}
+declare function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNode, multiple, canSelectRoot, selectableLibraries }: ISelectTreeNodeProps): JSX.Element;
+export default SelectTreeNode;

package/dist/components/SelectTreeNode/SelectTreeNode.js

@@ -0,0 +1,151 @@
+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 { DownOutlined } from '@ant-design/icons';
+import { localizedTranslation } from '@leav/utils';
+import { Spin, Tree } from 'antd';
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useTreeNodeChildrenLazyQuery } from '../../_gqlTypes';
+import { defaultPaginationPageSize, ErrorDisplay } from '../..';
+import useLang from '../../hooks/useLang';
+const _constructTreeContent = (data) => {
+    return data.map(e => {
+        return {
+            record: e.record,
+            title: e.record.whoAmI.label || e.record.whoAmI.id,
+            id: e.id,
+            key: e.id,
+            isLeaf: !e.childrenCount,
+            children: []
+        };
+    });
+};
+const _getTreeNodeByKey = (key, treeContent) => {
+    for (const node of treeContent) {
+        if (key === node.key) {
+            return node;
+        }
+        const n = _getTreeNodeByKey(key, node.children);
+        if (!!n) {
+            return n;
+        }
+    }
+};
+function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNode, multiple = false, canSelectRoot = false, selectableLibraries }) {
+    const { lang } = useLang();
+    const { t } = useTranslation();
+    const rootNode = {
+        title: localizedTranslation(tree.label, lang) || tree.id,
+        record: null,
+        id: tree.id,
+        key: tree.id,
+        isLeaf: false,
+        paginationOffset: 0,
+        children: []
+    };
+    // As we'll fetch children when a node is expanded, we store the whole tree content in a hash map
+    // to make update easier and more efficient
+    const [treeMap, setTreeMap] = useState({
+        [tree.id]: rootNode
+    });
+    const [selectedNode, setSelectedNode] = useState(initSelectedNode);
+    const [fetchError, setFetchError] = useState();
+    // Retrieve tree content
+    const [loadTreeContent, { error, called }] = useTreeNodeChildrenLazyQuery();
+    const _fetchTreeContent = async (key, offset = 0) => {
+        try {
+            const data = await loadTreeContent({
+                variables: {
+                    treeId: tree.id,
+                    node: key && key !== tree.id ? key : null,
+                    pagination: {
+                        limit: defaultPaginationPageSize,
+                        offset
+                    }
+                }
+            });
+            const formattedNodes = _constructTreeContent(data.data.treeNodeChildren.list);
+            const parentMapKey = key ?? tree.id;
+            const newTreeMap = { ...treeMap };
+            const totalCount = data.data.treeNodeChildren.totalCount;
+            const parentElement = newTreeMap[parentMapKey];
+            const showMoreKey = '__showMore' + parentMapKey + offset;
+            parentElement.children = parentElement.children.filter(child => !child.key.match(`__showMore${parentMapKey}`));
+            for (const node of formattedNodes) {
+                const nodeForTreeMap = { ...node, paginationOffset: 0 };
+                newTreeMap[nodeForTreeMap.key] = nodeForTreeMap;
+                parentElement.paginationOffset = offset;
+                parentElement.children.push(nodeForTreeMap);
+            }
+            if (totalCount > parentElement.paginationOffset + defaultPaginationPageSize) {
+                const showMoreElement = {
+                    id: parentMapKey,
+                    key: showMoreKey,
+                    record: null,
+                    title: t('tree-node-selection.show_more'),
+                    isLeaf: false,
+                    paginationOffset: 0,
+                    isShowMore: true,
+                    selectable: false,
+                    children: []
+                };
+                parentElement.children.push(showMoreElement);
+            }
+            setTreeMap(newTreeMap);
+            setFetchError(null);
+        }
+        catch (err) {
+            setFetchError(err.message);
+        }
+    };
+    useEffect(() => {
+        setSelectedNode(initSelectedNode);
+    }, [initSelectedNode]);
+    useEffect(() => {
+        // Load root
+        _fetchTreeContent();
+    }, []);
+    const _handleLoadData = async (nodeData) => {
+        const { id, isShowMore } = nodeData;
+        // Handle offset if we get here through the "show more" element
+        const currentNodeOffset = treeMap[id]?.paginationOffset ?? 0;
+        const paginationOffset = isShowMore
+            ? (treeMap[id]?.paginationOffset ?? 0) + defaultPaginationPageSize
+            : currentNodeOffset;
+        if (id === tree.id && !isShowMore) {
+            // Root has already been loaded
+            return;
+        }
+        await _fetchTreeContent(String(id), paginationOffset);
+    };
+    const _handleSelect = (_, e) => {
+        const node = treeMap[e.node.key];
+        const isRoot = node.id === tree.id;
+        if ((!canSelectRoot && isRoot) ||
+            (!isRoot &&
+                typeof selectableLibraries !== 'undefined' &&
+                selectableLibraries.indexOf(node.record.whoAmI.library.id) === -1)) {
+            return;
+        }
+        if (node) {
+            onSelect(node, e.selected);
+        }
+    };
+    const _handleCheck = (selection) => {
+        const checkedKeys = typeof selection === 'object' ? selection.checked : selection;
+        const nodes = checkedKeys.map(key => treeMap[key]);
+        onCheck(nodes);
+    };
+    if (!called) {
+        return _jsx(Spin, {});
+    }
+    if (error || fetchError) {
+        return _jsx(ErrorDisplay, { message: error?.message ?? fetchError });
+    }
+    return (_jsx(Tree, { defaultExpandedKeys: [tree.id], multiple: multiple, selectable: true, selectedKeys: [selectedNode], onSelect: _handleSelect, onCheck: _handleCheck, treeData: [treeMap[rootNode.key]], loadData: _handleLoadData, checkStrictly: true, checkable: multiple, showLine: {
+            showLeafIcon: false
+        }, switcherIcon: _jsx(DownOutlined, { "aria-label": "toggle-children" }) }));
+}
+export default SelectTreeNode;

package/dist/components/SelectTreeNode/SelectTreeNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTreeNode.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/SelectTreeNode.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import SelectTreeNode from './SelectTreeNode';
+export default SelectTreeNode;

package/dist/components/SelectTreeNode/index.js

@@ -0,0 +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
+import SelectTreeNode from './SelectTreeNode';
+export default SelectTreeNode;

package/dist/components/SelectTreeNode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,eAAe,cAAc,CAAC"}

package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { SystemTranslation } from '../../types/scalars';
+import { ITreeNode } from '../../types/trees';
+interface ISelectTreeNodeModalProps {
+    tree: {
+        id: string;
+        label?: SystemTranslation | null;
+    };
+    selectedNodeKey?: string;
+    visible: boolean;
+    onSubmit: (treeNode: ITreeNode) => void;
+    onClose: () => void;
+    canSelectRoot?: boolean;
+}
+export default function SelectTreeNodeModal({ tree, selectedNodeKey, onSubmit, visible, onClose, canSelectRoot }: ISelectTreeNodeModalProps): JSX.Element;
+export {};

package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.js

@@ -0,0 +1,31 @@
+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 { Button, Modal } from 'antd';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import SelectTreeNode from '../SelectTreeNode';
+export default function SelectTreeNodeModal({ tree, selectedNodeKey, onSubmit, visible, onClose, canSelectRoot = false }) {
+    const { t } = useTranslation();
+    const [selectedNode, setSelectedNode] = useState({
+        id: selectedNodeKey,
+        key: selectedNodeKey,
+        title: '',
+        children: []
+    });
+    const handleCancel = () => {
+        onClose();
+    };
+    const handleApply = () => {
+        onSubmit(selectedNode);
+        onClose();
+    };
+    const onSelect = (node, selected) => {
+        setSelectedNode(!selected ? undefined : node);
+    };
+    return (_jsx(Modal, { open: visible, onCancel: handleCancel, title: t('tree-node-selection.title'), width: "70rem", bodyStyle: { maxHeight: '80vh', overflowY: 'auto' }, centered: true, footer: [
+            _jsx(Button, { onClick: handleCancel, children: t('global.cancel') }, "cancel"),
+            _jsx(Button, { type: "primary", onClick: handleApply, children: t('global.apply') }, "add")
+        ], destroyOnClose: true, children: _jsx(SelectTreeNode, { tree: tree, onSelect: onSelect, selectedNode: selectedNode?.key, canSelectRoot: canSelectRoot }) }));
+}

package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTreeNodeModal.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNodeModal/SelectTreeNodeModal.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAG7C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAW/C,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EACxC,IAAI,EACJ,eAAe,EACf,QAAQ,EACR,OAAO,EACP,OAAO,EACP,aAAa,GAAG,KAAK,EACG;IACxB,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAY;QACxD,EAAE,EAAE,eAAe;QACnB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;KACf,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,QAAiB,EAAE,EAAE;QAC9D,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,kBACF,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,CAAC,CAAC,2BAA2B,CAAC,EACrC,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,EACjD,QAAQ,QACR,MAAM,EAAE;YACJ,KAAC,MAAM,kBAAc,OAAO,EAAE,YAAY,gBACrC,CAAC,CAAC,eAAe,CAAC,KADX,QAAQ,CAEX;YACT,KAAC,MAAM,kBAAC,IAAI,EAAC,SAAS,EAAW,OAAO,EAAE,WAAW,gBAChD,CAAC,CAAC,cAAc,CAAC,KADK,KAAK,CAEvB;SACZ,EACD,cAAc,sBAEd,KAAC,cAAc,IACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,EAC/B,aAAa,EAAE,aAAa,GAC9B,IACE,CACX,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,2 @@
+import SelectTreeNodeModal from './SelectTreeNodeModal';
+export default SelectTreeNodeModal;

package/dist/components/SelectTreeNodeModal/index.js

@@ -0,0 +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
+import SelectTreeNodeModal from './SelectTreeNodeModal';
+export default SelectTreeNodeModal;

package/dist/components/SelectTreeNodeModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNodeModal/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,eAAe,mBAAmB,CAAC"}

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

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

package/dist/components/SubmitStateNotifier/SubmitStateNotifier.js

@@ -0,0 +1,68 @@
+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 styled from 'styled-components';
+const delay = 3000;
+const animationDuration = 350;
+const SuccessIcon = styled(CheckOutlined) `
+    animation: appear 500ms, ${animationDuration}ms disappear ${delay - animationDuration}ms;
+    color: ${props => props.theme?.antd?.colorSuccess ?? 'inherit'};
+
+    @keyframes disappear {
+        from {
+            opacity: 1;
+            transform: scale(1);
+        }
+        to {
+            opacity: 0;
+            transform: scale(5);
+        }
+    }
+
+    @keyframes appear {
+        from {
+            opacity: 0;
+            transform: scale(5);
+        }
+        to {
+            opacity: 1;
+            transform: scale(1);
+        }
+    }
+`;
+const ErrorIcon = styled(CloseCircleOutlined) `
+    color: ${props => props.theme?.antd?.colorError ?? 'inherit'};
+`;
+function SubmitStateNotifier({ state, style }) {
+    let icon = null;
+    const [currentState, setCurrentState] = useState('idle');
+    useEffect(() => {
+        let timeoutId;
+        setCurrentState(state);
+        // If state is succcess, set it to idle after 2 seconds
+        if (state === 'success') {
+            timeoutId = setTimeout(() => {
+                setCurrentState('idle');
+            }, delay);
+        }
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, [state]);
+    switch (currentState) {
+        case 'processing':
+            icon = _jsx(LoadingOutlined, {});
+            break;
+        case 'success':
+            icon = _jsx(SuccessIcon, {});
+            break;
+        case 'error':
+            icon = _jsx(ErrorIcon, {});
+            break;
+    }
+    return _jsx("span", { style: style, children: icon });
+}
+export default SubmitStateNotifier;

package/dist/components/SubmitStateNotifier/SubmitStateNotifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitStateNotifier.js","sourceRoot":"","sources":["../../../src/components/SubmitStateNotifier/SubmitStateNotifier.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAE,mBAAmB,EAAE,eAAe,EAAC,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,KAAK,GAAG,IAAI,CAAC;AACnB,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAE9B,MAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;+BACV,iBAAiB,gBAAgB,KAAK,GAAG,iBAAiB;aAC5E,KAAK,CAAC,EAAE,mBAAC,OAAA,MAAA,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,0CAAE,YAAY,mCAAI,SAAS,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;CAuBjE,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAA;aAChC,KAAK,CAAC,EAAE,mBAAC,OAAA,MAAA,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,0CAAE,UAAU,mCAAI,SAAS,CAAA,EAAA;CAC/D,CAAC;AAEF,SAAS,mBAAmB,CAAC,EAAC,KAAK,EAAE,KAAK,EAA4B;IAClE,IAAI,IAAI,GAAG,IAAI,CAAC;IAChB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqC,MAAM,CAAC,CAAC;IAE7F,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAAyB,CAAC;QAC9B,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,uDAAuD;QACvD,IAAI,KAAK,KAAK,SAAS,EAAE;YACrB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,eAAe,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC,EAAE,KAAK,CAAC,CAAC;SACb;QAED,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,QAAQ,YAAY,EAAE;QAClB,KAAK,YAAY;YACb,IAAI,GAAG,KAAC,eAAe,KAAG,CAAC;YAC3B,MAAM;QACV,KAAK,SAAS;YACV,IAAI,GAAG,KAAC,WAAW,KAAG,CAAC;YACvB,MAAM;QACV,KAAK,OAAO;YACR,IAAI,GAAG,KAAC,SAAS,KAAG,CAAC;YACrB,MAAM;KACb;IAED,OAAO,6BAAM,KAAK,EAAE,KAAK,gBAAG,IAAI,IAAQ,CAAC;AAC7C,CAAC;AAED,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1 @@
+export declare type SubmitStateNotifierStates = 'idle' | 'processing' | 'success' | 'error';

package/dist/components/SubmitStateNotifier/_types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/SubmitStateNotifier/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/SubmitStateNotifier/_types.ts"],"names":[],"mappings":""}

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

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

package/dist/components/SubmitStateNotifier/index.js

@@ -0,0 +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 SubmitStateNotifier } from './SubmitStateNotifier';
+export * from './_types';

package/dist/components/SubmitStateNotifier/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SubmitStateNotifier/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,IAAI,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AACrE,cAAc,UAAU,CAAC"}

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

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

package/dist/components/TreePicker/TreePicker.js

@@ -0,0 +1,24 @@
+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();
+    const [selectedTrees, setSelectedTrees] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const _handleSelect = (selection) => {
+        setSelectedTrees(selection);
+    };
+    const _handleSubmit = async () => {
+        setIsLoading(true);
+        await onSubmit(selectedTrees);
+        setIsLoading(false);
+        onClose();
+    };
+    return (_jsx(Modal, { 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;

package/dist/components/TreePicker/TreePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreePicker.js","sourceRoot":"","sources":["../../../src/components/TreePicker/TreePicker.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAC;AAC3B,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAWtC,SAAS,UAAU,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,EACL;IACf,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAC5E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,CAAC,SAA8B,EAAE,EAAE;QACrD,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC7B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC9B,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,kBACF,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAC9B,IAAI,EAAE,aAAa,EACnB,cAAc,QACd,MAAM,EAAE,CAAC,CAAC,eAAe,CAAC,EAC1B,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC,EAC9B,cAAc,EAAE,SAAS,EACzB,QAAQ,sBAER,KAAC,SAAS,IAAC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,GAAI,IACtG,CACX,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+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;
+export default TreesList;

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

@@ -0,0 +1,140 @@
+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 styled from 'styled-components';
+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 { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+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;
+    gap: 0.5rem;
+
+    > input {
+        flex-grow: 1;
+    }
+`;
+function TreesList({ onSelect, selected = [], multiple = true, showSelected = false }) {
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const { loading, error, data } = useGetTreesQuery();
+    const isAllowedQueryResult = useIsAllowedQuery({
+        fetchPolicy: 'cache-and-network',
+        variables: {
+            type: PermissionTypes.admin,
+            actions: [PermissionsActions.admin_create_tree]
+        }
+    });
+    const canCreate = extractPermissionFromQuery(isAllowedQueryResult, PermissionsActions.admin_create_tree);
+    const [selectedRowKeys, setSelectedRowKeys] = useState(showSelected ? selected : []);
+    const [search, setSearch] = useState('');
+    const [isNewTreeModalOpen, setIsNewTreeModalOpen] = useState(false);
+    const client = useApolloClient();
+    const _getTreesFromKeys = (keys, treesList) => {
+        // The list coming from data might not be up to date after a create, so we use the one passed as argument
+        const list = treesList ?? data?.trees?.list ?? [];
+        return list.filter(tree => keys.find(k => tree.id === k));
+    };
+    const _handleSelectionChange = (selection) => {
+        setSelectedRowKeys(selection);
+        const treesSelected = _getTreesFromKeys(selection);
+        onSelect(treesSelected);
+    };
+    const _handleRowClick = (record) => {
+        let newSelection;
+        if (selectedRowKeys.indexOf(record.key) === -1) {
+            newSelection = multiple ? [...selectedRowKeys, record.key] : [record.key]; // Add to selection
+        }
+        else {
+            newSelection = multiple ? selectedRowKeys.filter(key => key !== record.key) : []; // Remove from selection
+        }
+        _handleSelectionChange(newSelection);
+    };
+    const _handleSearchChange = (e) => {
+        setSearch(e.currentTarget.value);
+    };
+    const _handleClickNewTree = () => {
+        setIsNewTreeModalOpen(true);
+    };
+    const _handleCloseNewAttribute = () => setIsNewTreeModalOpen(false);
+    const _handlePostCreate = async (newTree) => {
+        const allTreesData = client.readQuery({ query: getTreesQuery });
+        const newTreesList = [newTree, ...(allTreesData?.trees?.list ?? [])];
+        if (allTreesData) {
+            client.writeQuery({
+                query: getTreesQuery,
+                data: {
+                    trees: {
+                        ...allTreesData.trees,
+                        list: newTreesList
+                    }
+                }
+            });
+        }
+        const newSelection = [...selectedRowKeys, newTree.id];
+        setSelectedRowKeys(newSelection);
+        const treesSelected = _getTreesFromKeys(newSelection, newTreesList);
+        onSelect(treesSelected);
+    };
+    if (loading) {
+        return _jsx(Loading, {});
+    }
+    if (error) {
+        return _jsx(ErrorDisplay, { message: error.message });
+    }
+    const columns = [
+        {
+            title: t('trees.tree'),
+            key: 'tree',
+            render: (_, tree) => {
+                const treeIdentity = {
+                    label: tree.label,
+                    subLabel: tree.id,
+                    preview: null,
+                    color: null
+                };
+                return _jsx(EntityCard, { entity: treeIdentity, size: PreviewSize.small });
+            }
+        }
+    ];
+    const tableData = ([...data?.trees?.list] ?? [])
+        .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 => ({
+        ...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, { 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 => ({
+                    onClick: () => _handleRowClick(record)
+                }) }), isNewTreeModalOpen && (_jsx(EditTreeModal, { open: isNewTreeModalOpen, onClose: _handleCloseNewAttribute, onPostCreate: _handlePostCreate, width: 790 }))] }));
+}
+export default TreesList;