@leav/ui 0.2.6 → 0.2.8

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/TreeLibrariesForm/TreeLibrariesForm.js

@@ -1,23 +1,23 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import {jsxs as _jsxs, jsx as _jsx, 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 { CloseOutlined, PlusOutlined } from '@ant-design/icons';
-import { localizedTranslation } from '@leav/utils';
-import { Button, Collapse, Form, List, Select, Space, Switch } from 'antd';
-import { useState } from 'react';
+import {CloseOutlined, PlusOutlined} from '@ant-design/icons';
+import {localizedTranslation} from '@leav/utils';
+import {Button, Collapse, Form, List, Select, Space, Switch} from 'antd';
+import {useState} from 'react';
 import styled from 'styled-components';
-import { PreviewSize } from '../../../../../../constants';
+import {PreviewSize} from '../../../../../../constants';
 import useLang from '../../../../../../hooks/useLang';
-import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-import { EntityCard } from '../../../../../EntityCard';
+import {useSharedTranslation} from '../../../../../../hooks/useSharedTranslation';
+import {EntityCard} from '../../../../../EntityCard';
 import FieldsGroup from '../../../../../FieldsGroup';
-import { LibraryPicker } from '../../../../../LibraryPicker';
-const RemoveButton = styled(CloseOutlined) `
+import {LibraryPicker} from '../../../../../LibraryPicker';
+const RemoveButton = styled(CloseOutlined)`
     cursor: pointer;
     align-self: flex-start;
 `;
-const ListItemPart = styled.div `
+const ListItemPart = styled.div`
     display: flex;
     padding: 0.5rem;
     width: 100%;
@@ -26,14 +26,14 @@ const ListItemPart = styled.div `
     ${props => props.style}
 `;
 const ALL_CHILDREN_ALLOWED_KEY = '__all__';
-function TreeLibrariesForm({ onChange, extra, readOnly }) {
+function TreeLibrariesForm({onChange, extra, readOnly}) {
     var _a;
-    const { t } = useSharedTranslation();
-    const { lang } = useLang();
+    const {t} = useSharedTranslation();
+    const {lang} = useLang();
     const form = Form.useFormInstance();
     const libraries = (_a = form.getFieldValue('libraries')) !== null && _a !== void 0 ? _a : [];
     const [isLibraryPickerOpen, setIsLibraryPickerOpen] = useState(false);
-    const _handleLibrariesChange = (newLibraries) => {
+    const _handleLibrariesChange = newLibraries => {
         form.setFieldValue('libraries', newLibraries);
         onChange(newLibraries);
     };
@@ -41,30 +41,38 @@ function TreeLibrariesForm({ onChange, extra, readOnly }) {
         setIsLibraryPickerOpen(true);
     };
     const _handleCloseLibraryPicker = () => setIsLibraryPickerOpen(false);
-    const _handleSubmitLibraryPicker = (selectedLibraries) => {
+    const _handleSubmitLibraryPicker = selectedLibraries => {
         const addedLibraries = selectedLibraries.map(library => ({
-            library: { id: library.id, label: library.label },
-            settings: { allowMultiplePositions: false, allowedAtRoot: true, allowedChildren: [ALL_CHILDREN_ALLOWED_KEY] }
+            library: {id: library.id, label: library.label},
+            settings: {allowMultiplePositions: false, allowedAtRoot: true, allowedChildren: [ALL_CHILDREN_ALLOWED_KEY]}
         }));
         const newLibraries = [...libraries, ...addedLibraries];
         _handleLibrariesChange(newLibraries);
     };
-    const _handleRemoveLibrary = (libraryId) => () => {
+    const _handleRemoveLibrary = libraryId => () => {
         const newLibraries = libraries.filter(library => library.library.id !== libraryId);
         _handleLibrariesChange(newLibraries);
     };
-    const _handleSwitchChange = (libraryId, field) => (checked) => {
+    const _handleSwitchChange = (libraryId, field) => checked => {
         const newLibraries = libraries.map(library => {
             if (library.library.id === libraryId) {
-                return Object.assign(Object.assign({}, library), { settings: Object.assign(Object.assign({}, library.settings), { [field]: checked }) });
+                return Object.assign(Object.assign({}, library), {
+                    settings: Object.assign(Object.assign({}, library.settings), {[field]: checked})
+                });
             }
             return library;
         });
         _handleLibrariesChange(newLibraries);
     };
-    const _handleAllowedChildrenChange = (libraryId, index) => (allowedChildren) => {
+    const _handleAllowedChildrenChange = (libraryId, index) => allowedChildren => {
         var _a, _b;
-        const previousValue = (_b = (_a = libraries.find(library => library.library.id === libraryId)) === null || _a === void 0 ? void 0 : _a.settings.allowedChildren) !== null && _b !== void 0 ? _b : [];
+        const previousValue =
+            (_b =
+                (_a = libraries.find(library => library.library.id === libraryId)) === null || _a === void 0
+                    ? void 0
+                    : _a.settings.allowedChildren) !== null && _b !== void 0
+                ? _b
+                : [];
         let selectedChildren = allowedChildren;
         const didAllowAllChildren = previousValue.includes(ALL_CHILDREN_ALLOWED_KEY);
         const nowAllowAllChildren = allowedChildren.includes(ALL_CHILDREN_ALLOWED_KEY);
@@ -76,14 +84,16 @@ function TreeLibrariesForm({ onChange, extra, readOnly }) {
         }
         const newLibraries = libraries.map(library => {
             if (library.library.id === libraryId) {
-                return Object.assign(Object.assign({}, library), { settings: Object.assign(Object.assign({}, library.settings), { allowedChildren: selectedChildren }) });
+                return Object.assign(Object.assign({}, library), {
+                    settings: Object.assign(Object.assign({}, library.settings), {allowedChildren: selectedChildren})
+                });
             }
             return library;
         });
         _handleLibrariesChange(newLibraries);
         form.setFieldValue(['libraries', index, 'settings', 'allowedChildren'], selectedChildren);
     };
-    const groupLabel = (_jsxs(Space, { children: [t('trees.linked_libraries'), extra] }));
+    const groupLabel = _jsxs(Space, {children: [t('trees.linked_libraries'), extra]});
     const renderListItem = (item, index) => {
         const itemIdentity = {
             label: localizedTranslation(item.library.label, lang),
@@ -92,7 +102,7 @@ function TreeLibrariesForm({ onChange, extra, readOnly }) {
             preview: null
         };
         const allowedChildrenOptions = [
-            { key: ALL_CHILDREN_ALLOWED_KEY, value: ALL_CHILDREN_ALLOWED_KEY, label: t('trees.all_children_allowed') },
+            {key: ALL_CHILDREN_ALLOWED_KEY, value: ALL_CHILDREN_ALLOWED_KEY, label: t('trees.all_children_allowed')},
             {
                 key: 'libraries',
                 label: t('trees.libraries'),
@@ -106,11 +116,181 @@ function TreeLibrariesForm({ onChange, extra, readOnly }) {
                 }))
             }
         ];
-        return (_jsxs(List.Item, Object.assign({ style: { flexDirection: 'column', padding: '5px 1rem' } }, { children: [_jsxs(ListItemPart, Object.assign({ style: { justifyContent: 'space-between' } }, { children: [_jsx(EntityCard, { entity: itemIdentity, size: PreviewSize.small }), !readOnly && (_jsx(RemoveButton, { role: "button", "aria-label": "delete-library", onClick: _handleRemoveLibrary(item.library.id) }))] })), _jsx(Collapse, Object.assign({ size: "small", style: { width: '100%', margin: '0.5rem' } }, { children: _jsxs(Collapse.Panel, Object.assign({ header: t('trees.advanced_settings') }, { children: [_jsxs(ListItemPart, { children: [_jsx(Form.Item, Object.assign({ name: ['libraries', index, 'settings', 'allowMultiplePositions'], label: t('trees.allowed_multiple_positions'), valuePropName: "checked", style: { margin: 0 } }, { children: _jsx(Switch, { disabled: readOnly, onChange: _handleSwitchChange(item.library.id, 'allowMultiplePositions') }) })), _jsx(Form.Item, Object.assign({ name: ['libraries', index, 'settings', 'allowedAtRoot'], label: t('trees.allowed_at_root'), valuePropName: "checked", style: { margin: 0 } }, { children: _jsx(Switch, { disabled: readOnly, onChange: _handleSwitchChange(item.library.id, 'allowedAtRoot') }) }))] }), _jsx(ListItemPart, { children: _jsx(Form.Item, Object.assign({ name: ['libraries', index, 'settings', 'allowedChildren'], label: t('trees.allowed_children'), style: { margin: 0 } }, { children: _jsx(Select, { options: allowedChildrenOptions, onChange: _handleAllowedChildrenChange(item.library.id, index), placeholder: t('trees.no_children_allowed'), mode: "multiple", allowClear: true, disabled: readOnly, style: { minWidth: '15rem' }, "aria-label": "" }) })) })] }), "settings") }))] })));
+        return _jsxs(
+            List.Item,
+            Object.assign(
+                {style: {flexDirection: 'column', padding: '5px 1rem'}},
+                {
+                    children: [
+                        _jsxs(
+                            ListItemPart,
+                            Object.assign(
+                                {style: {justifyContent: 'space-between'}},
+                                {
+                                    children: [
+                                        _jsx(EntityCard, {entity: itemIdentity, size: PreviewSize.small}),
+                                        !readOnly &&
+                                            _jsx(RemoveButton, {
+                                                role: 'button',
+                                                'aria-label': 'delete-library',
+                                                onClick: _handleRemoveLibrary(item.library.id)
+                                            })
+                                    ]
+                                }
+                            )
+                        ),
+                        _jsx(
+                            Collapse,
+                            Object.assign(
+                                {size: 'small', style: {width: '100%', margin: '0.5rem'}},
+                                {
+                                    children: _jsxs(
+                                        Collapse.Panel,
+                                        Object.assign(
+                                            {header: t('trees.advanced_settings')},
+                                            {
+                                                children: [
+                                                    _jsxs(ListItemPart, {
+                                                        children: [
+                                                            _jsx(
+                                                                Form.Item,
+                                                                Object.assign(
+                                                                    {
+                                                                        name: [
+                                                                            'libraries',
+                                                                            index,
+                                                                            'settings',
+                                                                            'allowMultiplePositions'
+                                                                        ],
+                                                                        label: t('trees.allowed_multiple_positions'),
+                                                                        valuePropName: 'checked',
+                                                                        style: {margin: 0}
+                                                                    },
+                                                                    {
+                                                                        children: _jsx(Switch, {
+                                                                            disabled: readOnly,
+                                                                            onChange: _handleSwitchChange(
+                                                                                item.library.id,
+                                                                                'allowMultiplePositions'
+                                                                            )
+                                                                        })
+                                                                    }
+                                                                )
+                                                            ),
+                                                            _jsx(
+                                                                Form.Item,
+                                                                Object.assign(
+                                                                    {
+                                                                        name: [
+                                                                            'libraries',
+                                                                            index,
+                                                                            'settings',
+                                                                            'allowedAtRoot'
+                                                                        ],
+                                                                        label: t('trees.allowed_at_root'),
+                                                                        valuePropName: 'checked',
+                                                                        style: {margin: 0}
+                                                                    },
+                                                                    {
+                                                                        children: _jsx(Switch, {
+                                                                            disabled: readOnly,
+                                                                            onChange: _handleSwitchChange(
+                                                                                item.library.id,
+                                                                                'allowedAtRoot'
+                                                                            )
+                                                                        })
+                                                                    }
+                                                                )
+                                                            )
+                                                        ]
+                                                    }),
+                                                    _jsx(ListItemPart, {
+                                                        children: _jsx(
+                                                            Form.Item,
+                                                            Object.assign(
+                                                                {
+                                                                    name: [
+                                                                        'libraries',
+                                                                        index,
+                                                                        'settings',
+                                                                        'allowedChildren'
+                                                                    ],
+                                                                    label: t('trees.allowed_children'),
+                                                                    style: {margin: 0}
+                                                                },
+                                                                {
+                                                                    children: _jsx(Select, {
+                                                                        options: allowedChildrenOptions,
+                                                                        onChange: _handleAllowedChildrenChange(
+                                                                            item.library.id,
+                                                                            index
+                                                                        ),
+                                                                        placeholder: t('trees.no_children_allowed'),
+                                                                        mode: 'multiple',
+                                                                        allowClear: true,
+                                                                        disabled: readOnly,
+                                                                        style: {minWidth: '15rem'},
+                                                                        'aria-label': ''
+                                                                    })
+                                                                }
+                                                            )
+                                                        )
+                                                    })
+                                                ]
+                                            }
+                                        ),
+                                        'settings'
+                                    )
+                                }
+                            )
+                        )
+                    ]
+                }
+            )
+        );
     };
-    const listFooter = !readOnly ? (_jsx(Button, Object.assign({ icon: _jsx(PlusOutlined, {}), style: { border: 'none', boxShadow: 'none' }, onClick: _handleAddLibrary }, { children: t('trees.add_libraries') }))) : null;
+    const listFooter = !readOnly
+        ? _jsx(
+              Button,
+              Object.assign(
+                  {
+                      icon: _jsx(PlusOutlined, {}),
+                      style: {border: 'none', boxShadow: 'none'},
+                      onClick: _handleAddLibrary
+                  },
+                  {children: t('trees.add_libraries')}
+              )
+          )
+        : null;
     const selectedLibraries = libraries.map(library => library.library.id);
-    return (_jsxs(_Fragment, { children: [_jsx(FieldsGroup, Object.assign({ label: groupLabel, style: { padding: 0 } }, { children: _jsx(List, { dataSource: libraries, renderItem: renderListItem, footer: listFooter, locale: { emptyText: t('trees.no_linked_libraries') }, style: { padding: 0 } }) })), isLibraryPickerOpen && (_jsx(LibraryPicker, { onClose: _handleCloseLibraryPicker, open: isLibraryPickerOpen, onSubmit: _handleSubmitLibraryPicker, multiple: true, selected: selectedLibraries, showSelected: false }))] }));
+    return _jsxs(_Fragment, {
+        children: [
+            _jsx(
+                FieldsGroup,
+                Object.assign(
+                    {label: groupLabel, style: {padding: 0}},
+                    {
+                        children: _jsx(List, {
+                            dataSource: libraries,
+                            renderItem: renderListItem,
+                            footer: listFooter,
+                            locale: {emptyText: t('trees.no_linked_libraries')},
+                            style: {padding: 0}
+                        })
+                    }
+                )
+            ),
+            isLibraryPickerOpen &&
+                _jsx(LibraryPicker, {
+                    onClose: _handleCloseLibraryPicker,
+                    open: isLibraryPickerOpen,
+                    onSubmit: _handleSubmitLibraryPicker,
+                    multiple: true,
+                    selected: selectedLibraries,
+                    showSelected: false
+                })
+        ]
+    });
 }
 export default TreeLibrariesForm;
-//# sourceMappingURL=TreeLibrariesForm.js.map
+//# sourceMappingURL=TreeLibrariesForm.js.map

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/TreeLibrariesForm/index.d.ts

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

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

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/index.d.ts

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

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

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/index.d.ts

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

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

package/dist/components/EditTreeModal/EditTree/index.d.ts

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

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

package/dist/components/EditTreeModal/EditTreeModal.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ModalProps } from 'antd';
-import { TreeDetailsFragment } from '../../_gqlTypes';
+import {ModalProps} from 'antd';
+import {TreeDetailsFragment} from '../../_gqlTypes';
 interface IEditTreeModalModalProps {
     treeId?: string;
     open: boolean;
@@ -8,5 +8,5 @@ interface IEditTreeModalModalProps {
     onClose?: () => void;
     width?: ModalProps['width'];
 }
-declare function EditTreeModal({ open, treeId, onClose, onPostCreate, width }: IEditTreeModalModalProps): JSX.Element;
+declare function EditTreeModal({open, treeId, onClose, onPostCreate, width}: IEditTreeModalModalProps): JSX.Element;
 export default EditTreeModal;

package/dist/components/EditTreeModal/EditTreeModal.js

@@ -1,23 +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
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
-import { gql, useApolloClient } from '@apollo/client';
-import { localizedTranslation } from '@leav/utils';
-import { Button, Modal, Popconfirm } from 'antd';
-import { useState } from 'react';
-import { PermissionsActions, PermissionTypes, useDeleteTreeMutation, useIsAllowedQuery } from '../../_gqlTypes';
-import { useLang } from '../../hooks';
-import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { extractPermissionFromQuery } from '../../_utils';
-import { ErrorDisplay } from '../ErrorDisplay';
-import { Loading } from '../Loading';
-import { EditTree } from './EditTree';
-function EditTreeModal({ open, treeId, onClose, onPostCreate, width }) {
-    const { t } = useSharedTranslation();
-    const { lang } = useLang();
+import {gql, useApolloClient} from '@apollo/client';
+import {localizedTranslation} from '@leav/utils';
+import {Button, Modal, Popconfirm} from 'antd';
+import {useState} from 'react';
+import {PermissionsActions, PermissionTypes, useDeleteTreeMutation, useIsAllowedQuery} from '../../_gqlTypes';
+import {useLang} from '../../hooks';
+import {useSharedTranslation} from '../../hooks/useSharedTranslation';
+import {extractPermissionFromQuery} from '../../_utils';
+import {ErrorDisplay} from '../ErrorDisplay';
+import {Loading} from '../Loading';
+import {EditTree} from './EditTree';
+function EditTreeModal({open, treeId, onClose, onPostCreate, width}) {
+    const {t} = useSharedTranslation();
+    const {lang} = useLang();
     const apolloClient = useApolloClient();
     const [deleteTree] = useDeleteTreeMutation();
     const [submitFunction, setSubmitFunction] = useState();
@@ -32,7 +32,10 @@ function EditTreeModal({ open, treeId, onClose, onPostCreate, width }) {
                 : [PermissionsActions.admin_create_tree]
         }
     });
-    const isReadOnly = !extractPermissionFromQuery(permissionsQueryResult, isEditing ? PermissionsActions.admin_edit_tree : PermissionsActions.admin_create_tree);
+    const isReadOnly = !extractPermissionFromQuery(
+        permissionsQueryResult,
+        isEditing ? PermissionsActions.admin_edit_tree : PermissionsActions.admin_create_tree
+    );
     const canDelete = extractPermissionFromQuery(permissionsQueryResult, PermissionsActions.admin_delete_tree);
     const _handleSubmit = async () => {
         if (!submitFunction) {
@@ -45,11 +48,9 @@ function EditTreeModal({ open, treeId, onClose, onPostCreate, width }) {
                 await onPostCreate(savedTree);
             }
             onClose();
-        }
-        catch (e) {
+        } catch (e) {
             console.error(e);
-        }
-        finally {
+        } finally {
             setSubmitLoading(false);
         }
     };
@@ -74,26 +75,78 @@ function EditTreeModal({ open, treeId, onClose, onPostCreate, width }) {
     let treeLabel = t('trees.new_tree');
     if (isEditing) {
         // Try to find tree in Apollo cache to get label
-        const cacheIdentify = apolloClient.cache.identify({ __typename: 'Tree', id: treeId });
-        const fragment = gql `
+        const cacheIdentify = apolloClient.cache.identify({__typename: 'Tree', id: treeId});
+        const fragment = gql`
             fragment TreeLabel on Tree {
                 label
             }
         `;
-        const cacheFragment = isEditing ? apolloClient.readFragment({ id: cacheIdentify, fragment }) : null;
+        const cacheFragment = isEditing ? apolloClient.readFragment({id: cacheIdentify, fragment}) : null;
         // Get application label from apollo cache if present
         treeLabel = cacheFragment ? localizedTranslation(cacheFragment.label, lang) : '';
     }
     const buttons = isEditing
         ? [
-            canDelete ? (_jsx(Popconfirm, Object.assign({ title: t('trees.delete_confirm'), description: t('trees.delete_confirm_warning'), okText: t('global.submit'), cancelText: t('global.cancel'), onConfirm: _handleDelete }, { children: _jsx(Button, Object.assign({ danger: true }, { children: t('trees.delete') }), "delete") }), "delete_confirm")) : null,
-            _jsx(Button, Object.assign({ onClick: onClose }, { children: t('global.close') }), "close")
-        ]
+              canDelete
+                  ? _jsx(
+                        Popconfirm,
+                        Object.assign(
+                            {
+                                title: t('trees.delete_confirm'),
+                                description: t('trees.delete_confirm_warning'),
+                                okText: t('global.submit'),
+                                cancelText: t('global.cancel'),
+                                onConfirm: _handleDelete
+                            },
+                            {
+                                children: _jsx(
+                                    Button,
+                                    Object.assign({danger: true}, {children: t('trees.delete')}),
+                                    'delete'
+                                )
+                            }
+                        ),
+                        'delete_confirm'
+                    )
+                  : null,
+              _jsx(Button, Object.assign({onClick: onClose}, {children: t('global.close')}), 'close')
+          ]
         : [
-            _jsx(Button, Object.assign({ onClick: onClose }, { children: t('global.cancel') }), "cancel"),
-            _jsx(Button, Object.assign({ type: "primary", onClick: _handleSubmit, loading: submitLoading }, { children: t('global.submit') }), "submit")
-        ];
-    return (_jsx(Modal, Object.assign({ open: open, title: treeLabel, width: width !== null && width !== void 0 ? width : 800, footer: buttons, onCancel: onClose, styles: { body: { height: 'calc(95vh - 15rem)', overflow: 'auto' } }, centered: true }, { children: permissionsQueryResult.loading ? (_jsx(Loading, {})) : permissionsQueryResult.error ? (_jsx(ErrorDisplay, { message: permissionsQueryResult.error.message })) : (_jsx(EditTree, { treeId: treeId, onSetSubmitFunction: _handleSetSubmitFunction, readOnly: isReadOnly })) })));
+              _jsx(Button, Object.assign({onClick: onClose}, {children: t('global.cancel')}), 'cancel'),
+              _jsx(
+                  Button,
+                  Object.assign(
+                      {type: 'primary', onClick: _handleSubmit, loading: submitLoading},
+                      {children: t('global.submit')}
+                  ),
+                  'submit'
+              )
+          ];
+    return _jsx(
+        Modal,
+        Object.assign(
+            {
+                open: open,
+                title: treeLabel,
+                width: width !== null && width !== void 0 ? width : 800,
+                footer: buttons,
+                onCancel: onClose,
+                styles: {body: {height: 'calc(95vh - 15rem)', overflow: 'auto'}},
+                centered: true
+            },
+            {
+                children: permissionsQueryResult.loading
+                    ? _jsx(Loading, {})
+                    : permissionsQueryResult.error
+                    ? _jsx(ErrorDisplay, {message: permissionsQueryResult.error.message})
+                    : _jsx(EditTree, {
+                          treeId: treeId,
+                          onSetSubmitFunction: _handleSetSubmitFunction,
+                          readOnly: isReadOnly
+                      })
+            }
+        )
+    );
 }
 export default EditTreeModal;
-//# sourceMappingURL=EditTreeModal.js.map
+//# sourceMappingURL=EditTreeModal.js.map

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

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

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

package/dist/components/EntityCard/EntityCard.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { CSSObject } from 'styled-components';
-import { PreviewSize } from '../../constants';
-import { IEntityData } from './_types';
+import {CSSObject} from 'styled-components';
+import {PreviewSize} from '../../constants';
+import {IEntityData} from './_types';
 interface IEntityCardProps {
     entity: IEntityData;
     size?: PreviewSize;
@@ -13,5 +13,15 @@ interface IEntityCardProps {
     withSubLabel?: boolean;
     withColor?: boolean;
 }
-declare function EntityCard({ entity, size, tile, simplistic, withColor, withSubLabel, withPreview, style, previewStyle }: IEntityCardProps): JSX.Element;
+declare function EntityCard({
+    entity,
+    size,
+    tile,
+    simplistic,
+    withColor,
+    withSubLabel,
+    withPreview,
+    style,
+    previewStyle
+}: IEntityCardProps): JSX.Element;
 export default EntityCard;