@leav/ui 0.2.7 → 0.2.8

package/dist/components/RecordPreviewWithModal/RecordPreviewWithModal.d.ts

@@ -1,6 +1,6 @@
-import { IPreviewScalar } from '@leav/utils';
-import { FunctionComponent } from 'react';
-import { IEntityPreviewProps } from '../EntityPreview';
+import {IPreviewScalar} from '@leav/utils';
+import {FunctionComponent} from 'react';
+import {IEntityPreviewProps} from '../EntityPreview';
 interface IRecordPreviewWithModalProps extends Omit<IEntityPreviewProps, 'onClick'> {
     previewFile: IPreviewScalar['file'];
     showTransparency?: boolean;

package/dist/components/RecordPreviewWithModal/RecordPreviewWithModal.js

@@ -1,33 +1,33 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var __rest =
+    (this && this.__rest) ||
+    function (s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === 'function')
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+            }
+        return t;
+    };
+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 { EyeOutlined } from '@ant-design/icons';
-import { useState } from 'react';
+import {EyeOutlined} from '@ant-design/icons';
+import {useState} from 'react';
 import styled from 'styled-components';
-import { themeVars } from '../../antdTheme';
-import { EntityPreview } from '../EntityPreview';
+import {themeVars} from '../../antdTheme';
+import {EntityPreview} from '../EntityPreview';
 import FileModal from './FileModal';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-const DivClickHandler = styled.div `
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+const DivClickHandler = styled.div`
     position: relative;
-    cursor: ${({ $isClickable }) => ($isClickable ? 'pointer' : 'default')};
+    cursor: ${({$isClickable}) => ($isClickable ? 'pointer' : 'default')};
     width: fit-content;
     height: fit-content;
     margin: auto;
 `;
-const DivOverlay = styled.div `
+const DivOverlay = styled.div`
     background: ${themeVars.secondaryBg}99; // Hexadecimal color + opacity
     position: absolute;
     top: 0;
@@ -43,9 +43,10 @@ const DivOverlay = styled.div `
         display: flex;
     }
 `;
-const RecordPreviewWithModal = (_a) => {
-    var { previewFile, imageStyle, showTransparency = false } = _a, recordPreviewProps = __rest(_a, ["previewFile", "imageStyle", "showTransparency"]);
-    const { t } = useSharedTranslation();
+const RecordPreviewWithModal = _a => {
+    var {previewFile, imageStyle, showTransparency = false} = _a,
+        recordPreviewProps = __rest(_a, ['previewFile', 'imageStyle', 'showTransparency']);
+    const {t} = useSharedTranslation();
     const [isPreviewModalOpen, setPreviewModalOpen] = useState(false);
     const fileId = previewFile === null || previewFile === void 0 ? void 0 : previewFile.id;
     const fileLibraryId = previewFile === null || previewFile === void 0 ? void 0 : previewFile.library;
@@ -56,7 +57,47 @@ const RecordPreviewWithModal = (_a) => {
         }
     };
     const _handleClosePreviewModal = () => setPreviewModalOpen(false);
-    return (_jsxs(_Fragment, { children: [_jsxs(DivClickHandler, Object.assign({ "$isClickable": isPreviewClickable, onClick: _handlePreviewClick, "data-testid": "click-handler" }, { children: [_jsx(EntityPreview, Object.assign({ imageStyle: Object.assign({ background: showTransparency ? themeVars.checkerBoard : 'transparent' }, imageStyle) }, recordPreviewProps)), isPreviewClickable && (_jsx(DivOverlay, Object.assign({ title: t('record_summary.preview_title') }, { children: _jsx(EyeOutlined, {}) })))] })), isPreviewModalOpen && (_jsx(FileModal, { open: isPreviewModalOpen, fileId: fileId, libraryId: fileLibraryId, onClose: _handleClosePreviewModal }))] }));
+    return _jsxs(_Fragment, {
+        children: [
+            _jsxs(
+                DivClickHandler,
+                Object.assign(
+                    {$isClickable: isPreviewClickable, onClick: _handlePreviewClick, 'data-testid': 'click-handler'},
+                    {
+                        children: [
+                            _jsx(
+                                EntityPreview,
+                                Object.assign(
+                                    {
+                                        imageStyle: Object.assign(
+                                            {background: showTransparency ? themeVars.checkerBoard : 'transparent'},
+                                            imageStyle
+                                        )
+                                    },
+                                    recordPreviewProps
+                                )
+                            ),
+                            isPreviewClickable &&
+                                _jsx(
+                                    DivOverlay,
+                                    Object.assign(
+                                        {title: t('record_summary.preview_title')},
+                                        {children: _jsx(EyeOutlined, {})}
+                                    )
+                                )
+                        ]
+                    }
+                )
+            ),
+            isPreviewModalOpen &&
+                _jsx(FileModal, {
+                    open: isPreviewModalOpen,
+                    fileId: fileId,
+                    libraryId: fileLibraryId,
+                    onClose: _handleClosePreviewModal
+                })
+        ]
+    });
 };
 export default RecordPreviewWithModal;
-//# sourceMappingURL=RecordPreviewWithModal.js.map
+//# sourceMappingURL=RecordPreviewWithModal.js.map

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

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

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

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

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-import { ISearchSelection } from '../../types';
+import {FunctionComponent} from 'react';
+import {ISearchSelection} from '../../types';
 interface ISearchModalProps {
     libId: string;
     visible: boolean;

package/dist/components/SearchModal/SearchModal.js

@@ -1,19 +1,19 @@
-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 { LibraryItemsList } from '../../components/LibraryItemsList';
-import { ErrorDisplayTypes } from '../../constants';
+import {Modal} from 'antd';
+import {useState} from 'react';
+import {LibraryItemsList} from '../../components/LibraryItemsList';
+import {ErrorDisplayTypes} from '../../constants';
 import useGetLibraryDetailExtendedQuery from '../../hooks/useGetLibraryDetailExtendedQuery/useGetLibraryDetailExtendedQuery';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { ErrorDisplay } from '../ErrorDisplay';
-import { Loading } from '../Loading';
-export const SearchModal = ({ visible, setVisible, submitAction, libId }) => {
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+import {ErrorDisplay} from '../ErrorDisplay';
+import {Loading} from '../Loading';
+export const SearchModal = ({visible, setVisible, submitAction, libId}) => {
     var _a, _b;
-    const { t } = useSharedTranslation();
-    const [selection, setSelection] = useState({ selected: [], allSelected: false });
+    const {t} = useSharedTranslation();
+    const [selection, setSelection] = useState({selected: [], allSelected: false});
     const _handleModalClose = () => {
         setVisible(false);
     };
@@ -21,26 +21,64 @@ export const SearchModal = ({ visible, setVisible, submitAction, libId }) => {
         submitAction(selection);
         _handleModalClose();
     };
-    const _handleSelectionChange = (newSelection) => {
+    const _handleSelectionChange = newSelection => {
         setSelection(newSelection);
     };
-    const renderModal = (content) => (_jsx(Modal, Object.assign({ open: visible, onCancel: _handleModalClose, width: "95vw", styles: { body: { 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 });
+    const renderModal = content =>
+        _jsx(
+            Modal,
+            Object.assign(
+                {
+                    open: visible,
+                    onCancel: _handleModalClose,
+                    width: '95vw',
+                    styles: {body: {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 }));
+        return renderModal(_jsx(ErrorDisplay, {message: error.message}));
     }
-    if (!((_b = (_a = data === null || data === void 0 ? void 0 : data.libraries) === null || _a === void 0 ? void 0 : _a.list) === null || _b === void 0 ? void 0 : _b.length)) {
-        return renderModal(_jsx(ErrorDisplay, { message: t('lib_detail.not_found', { libraryId: libId }) }));
+    if (
+        !((_b =
+            (_a = data === null || data === void 0 ? void 0 : data.libraries) === null || _a === void 0
+                ? void 0
+                : _a.list) === null || _b === void 0
+            ? void 0
+            : _b.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 _jsx(ErrorDisplay, {type: ErrorDisplayTypes.PERMISSION_ERROR, showActionButton: false});
     }
-    return renderModal(_jsx("div", Object.assign({ style: { position: 'relative' } }, { children: _jsx(LibraryItemsList, { selectionMode: true, library: data.libraries.list[0], style: { height: 'calc(100vh - 11rem)' }, onSelectChange: _handleSelectionChange }) })));
+    return renderModal(
+        _jsx(
+            'div',
+            Object.assign(
+                {style: {position: 'relative'}},
+                {
+                    children: _jsx(LibraryItemsList, {
+                        selectionMode: true,
+                        library: data.libraries.list[0],
+                        style: {height: 'calc(100vh - 11rem)'},
+                        onSelectChange: _handleSelectionChange
+                    })
+                }
+            )
+        )
+    );
 };
 export default SearchModal;
-//# sourceMappingURL=SearchModal.js.map
+//# sourceMappingURL=SearchModal.js.map

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

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

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

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

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

package/dist/components/SelectTreeNode/SelectTreeNode.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 { DownOutlined } from '@ant-design/icons';
-import { localizedTranslation } from '@leav/utils';
-import { Spin, Tree } from 'antd';
-import { useEffect, useState } from 'react';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { useTreeNodeChildrenLazyQuery } from '../../_gqlTypes';
-import { defaultPaginationPageSize, ErrorDisplay } from '../..';
+import {DownOutlined} from '@ant-design/icons';
+import {localizedTranslation} from '@leav/utils';
+import {Spin, Tree} from 'antd';
+import {useEffect, useState} from 'react';
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+import {useTreeNodeChildrenLazyQuery} from '../../_gqlTypes';
+import {defaultPaginationPageSize, ErrorDisplay} from '../..';
 import useLang from '../../hooks/useLang';
-const _constructTreeContent = (data) => {
+const _constructTreeContent = data => {
     return data.map(e => {
         return {
             record: e.record,
@@ -33,10 +33,18 @@ const _getTreeNodeByKey = (key, treeContent) => {
         }
     }
 };
-function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNode, multiple = false, canSelectRoot = false, selectableLibraries }) {
+function SelectTreeNode({
+    tree,
+    onSelect,
+    onCheck,
+    selectedNode: initSelectedNode,
+    multiple = false,
+    canSelectRoot = false,
+    selectableLibraries
+}) {
     var _a;
-    const { lang } = useLang();
-    const { t } = useSharedTranslation();
+    const {lang} = useLang();
+    const {t} = useSharedTranslation();
     const rootNode = {
         title: localizedTranslation(tree.label, lang) || tree.id,
         record: null,
@@ -54,7 +62,7 @@ function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNod
     const [selectedNode, setSelectedNode] = useState(initSelectedNode);
     const [fetchError, setFetchError] = useState();
     // Retrieve tree content
-    const [loadTreeContent, { error, called }] = useTreeNodeChildrenLazyQuery();
+    const [loadTreeContent, {error, called}] = useTreeNodeChildrenLazyQuery();
     const _fetchTreeContent = async (key, offset = 0) => {
         try {
             const data = await loadTreeContent({
@@ -73,9 +81,11 @@ function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNod
             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}`));
+            parentElement.children = parentElement.children.filter(
+                child => !child.key.match(`__showMore${parentMapKey}`)
+            );
             for (const node of formattedNodes) {
-                const nodeForTreeMap = Object.assign(Object.assign({}, node), { paginationOffset: 0 });
+                const nodeForTreeMap = Object.assign(Object.assign({}, node), {paginationOffset: 0});
                 newTreeMap[nodeForTreeMap.key] = nodeForTreeMap;
                 parentElement.paginationOffset = offset;
                 parentElement.children.push(nodeForTreeMap);
@@ -96,8 +106,7 @@ function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNod
             }
             setTreeMap(newTreeMap);
             setFetchError(null);
-        }
-        catch (err) {
+        } catch (err) {
             setFetchError(err.message);
         }
     };
@@ -108,13 +117,19 @@ function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNod
         // Load root
         _fetchTreeContent();
     }, []);
-    const _handleLoadData = async (nodeData) => {
+    const _handleLoadData = async nodeData => {
         var _a, _b, _c, _d;
-        const { id, isShowMore } = nodeData;
+        const {id, isShowMore} = nodeData;
         // Handle offset if we get here through the "show more" element
-        const currentNodeOffset = (_b = (_a = treeMap[id]) === null || _a === void 0 ? void 0 : _a.paginationOffset) !== null && _b !== void 0 ? _b : 0;
+        const currentNodeOffset =
+            (_b = (_a = treeMap[id]) === null || _a === void 0 ? void 0 : _a.paginationOffset) !== null && _b !== void 0
+                ? _b
+                : 0;
         const paginationOffset = isShowMore
-            ? ((_d = (_c = treeMap[id]) === null || _c === void 0 ? void 0 : _c.paginationOffset) !== null && _d !== void 0 ? _d : 0) + defaultPaginationPageSize
+            ? ((_d = (_c = treeMap[id]) === null || _c === void 0 ? void 0 : _c.paginationOffset) !== null &&
+              _d !== void 0
+                  ? _d
+                  : 0) + defaultPaginationPageSize
             : currentNodeOffset;
         if (id === tree.id && !isShowMore) {
             // Root has already been loaded
@@ -125,17 +140,19 @@ function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNod
     const _handleSelect = (_, e) => {
         const node = treeMap[e.node.key];
         const isRoot = node.id === tree.id;
-        if ((!canSelectRoot && isRoot) ||
+        if (
+            (!canSelectRoot && isRoot) ||
             (!isRoot &&
                 typeof selectableLibraries !== 'undefined' &&
-                selectableLibraries.indexOf(node.record.whoAmI.library.id) === -1)) {
+                selectableLibraries.indexOf(node.record.whoAmI.library.id) === -1)
+        ) {
             return;
         }
         if (node) {
             onSelect(node, e.selected);
         }
     };
-    const _handleCheck = (selection) => {
+    const _handleCheck = selection => {
         const checkedKeys = typeof selection === 'object' ? selection.checked : selection;
         const nodes = checkedKeys.map(key => treeMap[key]);
         onCheck(nodes);
@@ -144,11 +161,29 @@ function SelectTreeNode({ tree, onSelect, onCheck, selectedNode: initSelectedNod
         return _jsx(Spin, {});
     }
     if (error || fetchError) {
-        return _jsx(ErrorDisplay, { message: (_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : fetchError });
+        return _jsx(ErrorDisplay, {
+            message:
+                (_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0
+                    ? _a
+                    : 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: {
+    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" }) }));
+        },
+        switcherIcon: _jsx(DownOutlined, {'aria-label': 'toggle-children'})
+    });
 }
 export default SelectTreeNode;
-//# sourceMappingURL=SelectTreeNode.js.map
+//# sourceMappingURL=SelectTreeNode.js.map

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

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

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

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

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

package/dist/components/SelectTreeNodeModal/SelectTreeNodeModal.js

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

package/dist/components/SelectTreeNodeModal/index.js

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

package/dist/components/SimpleErrorBoundary/SimpleErrorBoundary.js

@@ -1,4 +1,4 @@
-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
@@ -7,7 +7,7 @@ import SimpleErrorBoundaryContent from './SimpleErrorBoundaryContent';
 export class SimpleErrorBoundary extends React.Component {
     constructor(props) {
         super(props);
-        this.state = { error: null, errorInfo: null };
+        this.state = {error: null, errorInfo: null};
     }
     componentDidCatch(error, errorInfo) {
         // Catch errors in any components below and re-render with error message
@@ -19,10 +19,10 @@ export class SimpleErrorBoundary extends React.Component {
     render() {
         if (this.state.errorInfo) {
             // Display error
-            return _jsx(SimpleErrorBoundaryContent, { error: this.state.error, errorInfo: this.state.errorInfo });
+            return _jsx(SimpleErrorBoundaryContent, {error: this.state.error, errorInfo: this.state.errorInfo});
         }
         // No error, just render children
         return this.props.children;
     }
 }
-//# sourceMappingURL=SimpleErrorBoundary.js.map
+//# sourceMappingURL=SimpleErrorBoundary.js.map

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

@@ -1,7 +1,7 @@
-import { ErrorInfo } from 'react';
+import {ErrorInfo} from 'react';
 interface IErrorBoundaryContentProps {
     error?: Error;
     errorInfo?: ErrorInfo;
 }
-declare function SimpleErrorBoundaryContent({ error, errorInfo }: IErrorBoundaryContentProps): JSX.Element;
+declare function SimpleErrorBoundaryContent({error, errorInfo}: IErrorBoundaryContentProps): JSX.Element;
 export default SimpleErrorBoundaryContent;