@leav/ui 0.2.8 → 0.3.0

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,38 +41,30 @@ 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);
@@ -84,16 +76,14 @@ 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),
@@ -102,7 +92,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'),
@@ -116,181 +106,11 @@ 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,10 +32,7 @@ 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) {
@@ -48,9 +45,11 @@ function EditTreeModal({open, treeId, onClose, onPostCreate, width}) {
                 await onPostCreate(savedTree);
             }
             onClose();
-        } catch (e) {
+        }
+        catch (e) {
             console.error(e);
-        } finally {
+        }
+        finally {
             setSubmitLoading(false);
         }
     };
@@ -75,78 +74,26 @@ 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,15 +13,5 @@ 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;