@leav/ui 0.2.8 → 0.3.0

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,18 +33,10 @@ 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,
@@ -62,7 +54,7 @@ function SelectTreeNode({
     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({
@@ -81,11 +73,9 @@ function SelectTreeNode({
             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);
@@ -106,7 +96,8 @@ function SelectTreeNode({
             }
             setTreeMap(newTreeMap);
             setFetchError(null);
-        } catch (err) {
+        }
+        catch (err) {
             setFetchError(err.message);
         }
     };
@@ -117,19 +108,13 @@ function SelectTreeNode({
         // 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
@@ -140,19 +125,17 @@ function SelectTreeNode({
     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);
@@ -161,29 +144,11 @@ function SelectTreeNode({
         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,12 +12,5 @@ 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,20 +1,13 @@
-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,
@@ -31,35 +24,9 @@ export default function SelectTreeNodeModal({
     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;

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,22 +19,8 @@ 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,23 +1,15 @@
-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 {
@@ -41,18 +33,10 @@ 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(() => {
@@ -79,7 +63,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,31 +19,7 @@ function TreePicker({open, onClose, onSubmit, selected = [], multiple = true, sh
         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;