@leav/ui 0.2.8 → 0.3.0

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/EditAttributeInfoForm/LinkedLibraryForm/LinkedLibraryForm.js

@@ -1,85 +1,38 @@
-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 {localizedTranslation} from '@leav/utils';
-import {Button, Form, Space} from 'antd';
-import {useState} from 'react';
-import {PreviewSize} from '../../../../../../constants';
-import {useLang} from '../../../../../../hooks';
-import {useSharedTranslation} from '../../../../../../hooks/useSharedTranslation';
-import {EntityCard} from '../../../../../EntityCard';
-import {LibraryPicker} from '../../../../../LibraryPicker';
-function LinkedLibraryForm({onChange, isReadOnly, extra, selected}) {
+import { localizedTranslation } from '@leav/utils';
+import { Button, Form, Space } from 'antd';
+import { useState } from 'react';
+import { PreviewSize } from '../../../../../../constants';
+import { useLang } from '../../../../../../hooks';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { EntityCard } from '../../../../../EntityCard';
+import { LibraryPicker } from '../../../../../LibraryPicker';
+function LinkedLibraryForm({ onChange, isReadOnly, extra, selected }) {
     const form = Form.useFormInstance();
     const linkedLibrary = Form.useWatch('linked_library', form);
-    const {t} = useSharedTranslation();
-    const {lang} = useLang();
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
     const [isLibraryPickerOpen, setIsLibraryPickerOpen] = useState(false);
     const _handleOpenLibraryPicker = () => setIsLibraryPickerOpen(true);
     const _handleCloseLibraryPicker = () => setIsLibraryPickerOpen(false);
-    const _handlePickLibrary = selectedLibraries => {
+    const _handlePickLibrary = (selectedLibraries) => {
         const selection = selectedLibraries[0];
-        form.setFieldsValue({linked_library: selection});
+        form.setFieldsValue({ linked_library: selection });
         _handleCloseLibraryPicker();
         onChange(selection.id);
     };
     const libraryIdentity = linkedLibrary
         ? {
-              subLabel: linkedLibrary.id,
-              label: localizedTranslation(linkedLibrary.label, lang),
-              color: null,
-              preview: null
-          }
+            subLabel: linkedLibrary.id,
+            label: localizedTranslation(linkedLibrary.label, lang),
+            color: null,
+            preview: null
+        }
         : null;
-    return _jsx(
-        Form.Item,
-        Object.assign(
-            {
-                name: 'linked_library',
-                label: t('attributes.linked_library'),
-                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
-                hasFeedback: true
-            },
-            {
-                children: _jsxs(Space, {
-                    children: [
-                        _jsx(
-                            Button,
-                            Object.assign(
-                                {
-                                    disabled: isReadOnly,
-                                    onClick: _handleOpenLibraryPicker,
-                                    size: libraryIdentity ? 'large' : 'middle'
-                                },
-                                {
-                                    children: libraryIdentity
-                                        ? _jsx(EntityCard, {
-                                              entity: libraryIdentity,
-                                              size: PreviewSize.tiny,
-                                              withSubLabel: false,
-                                              withColor: false
-                                          })
-                                        : t('attributes.select_linked_library')
-                                }
-                            )
-                        ),
-                        extra,
-                        isLibraryPickerOpen &&
-                            _jsx(LibraryPicker, {
-                                open: isLibraryPickerOpen,
-                                onClose: _handleCloseLibraryPicker,
-                                onSubmit: _handlePickLibrary,
-                                multiple: false,
-                                selected: selected ? [selected] : [],
-                                showSelected: true
-                            })
-                    ]
-                })
-            }
-        ),
-        'linked_library'
-    );
+    return (_jsx(Form.Item, Object.assign({ name: "linked_library", label: t('attributes.linked_library'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'], hasFeedback: true }, { children: _jsxs(Space, { children: [_jsx(Button, Object.assign({ disabled: isReadOnly, onClick: _handleOpenLibraryPicker, size: libraryIdentity ? 'large' : 'middle' }, { children: libraryIdentity ? (_jsx(EntityCard, { entity: libraryIdentity, size: PreviewSize.tiny, withSubLabel: false, withColor: false })) : (t('attributes.select_linked_library')) })), extra, isLibraryPickerOpen && (_jsx(LibraryPicker, { open: isLibraryPickerOpen, onClose: _handleCloseLibraryPicker, onSubmit: _handlePickLibrary, multiple: false, selected: selected ? [selected] : [], showSelected: true }))] }) }), "linked_library"));
 }
 export default LinkedLibraryForm;
-//# sourceMappingURL=LinkedLibraryForm.js.map
+//# sourceMappingURL=LinkedLibraryForm.js.map

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/EditAttributeInfoForm/LinkedLibraryForm/index.d.ts

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

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

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/EditAttributeInfoForm/LinkedTreeForm/LinkedTreeForm.d.ts

@@ -1,9 +1,9 @@
-import {ReactNode} from 'react';
+import { ReactNode } from 'react';
 interface ILinkedTreeFormProps {
     onChange: (value: string) => Promise<void>;
     extra?: ReactNode;
     isReadOnly: boolean;
     selected?: string;
 }
-declare function LinkedTreeForm({onChange, isReadOnly, extra, selected}: ILinkedTreeFormProps): JSX.Element;
+declare function LinkedTreeForm({ onChange, isReadOnly, extra, selected }: ILinkedTreeFormProps): JSX.Element;
 export default LinkedTreeForm;

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/EditAttributeInfoForm/LinkedTreeForm/LinkedTreeForm.js

@@ -1,85 +1,38 @@
-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 {localizedTranslation} from '@leav/utils';
-import {Button, Form, Space} from 'antd';
-import {useState} from 'react';
-import {PreviewSize} from '../../../../../../constants';
-import {useLang} from '../../../../../../hooks';
-import {useSharedTranslation} from '../../../../../../hooks/useSharedTranslation';
-import {EntityCard} from '../../../../../EntityCard';
-import {TreePicker} from '../../../../../TreePicker';
-function LinkedTreeForm({onChange, isReadOnly, extra, selected}) {
+import { localizedTranslation } from '@leav/utils';
+import { Button, Form, Space } from 'antd';
+import { useState } from 'react';
+import { PreviewSize } from '../../../../../../constants';
+import { useLang } from '../../../../../../hooks';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { EntityCard } from '../../../../../EntityCard';
+import { TreePicker } from '../../../../../TreePicker';
+function LinkedTreeForm({ onChange, isReadOnly, extra, selected }) {
     const form = Form.useFormInstance();
     const linkedTree = Form.useWatch('linked_tree', form);
-    const {t} = useSharedTranslation();
-    const {lang} = useLang();
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
     const [isTreePickerOpen, setIsTreePickerOpen] = useState(false);
     const _handleOpenTreePicker = () => setIsTreePickerOpen(true);
     const _handleCloseTreePicker = () => setIsTreePickerOpen(false);
-    const _handlePickTree = async selectedTrees => {
+    const _handlePickTree = async (selectedTrees) => {
         const selection = selectedTrees[0];
-        form.setFieldsValue({linked_tree: selection});
+        form.setFieldsValue({ linked_tree: selection });
         _handleCloseTreePicker();
         onChange(selection.id);
     };
     const treeIdentity = linkedTree
         ? {
-              subLabel: linkedTree.id,
-              label: localizedTranslation(linkedTree.label, lang),
-              color: null,
-              preview: null
-          }
+            subLabel: linkedTree.id,
+            label: localizedTranslation(linkedTree.label, lang),
+            color: null,
+            preview: null
+        }
         : null;
-    return _jsx(
-        Form.Item,
-        Object.assign(
-            {
-                name: 'linked_tree',
-                label: t('attributes.linked_tree'),
-                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
-                hasFeedback: true
-            },
-            {
-                children: _jsxs(Space, {
-                    children: [
-                        _jsx(
-                            Button,
-                            Object.assign(
-                                {
-                                    disabled: isReadOnly,
-                                    onClick: _handleOpenTreePicker,
-                                    size: treeIdentity ? 'large' : 'middle'
-                                },
-                                {
-                                    children: treeIdentity
-                                        ? _jsx(EntityCard, {
-                                              entity: treeIdentity,
-                                              size: PreviewSize.tiny,
-                                              withSubLabel: false,
-                                              withColor: false
-                                          })
-                                        : t('attributes.select_linked_tree')
-                                }
-                            )
-                        ),
-                        extra,
-                        isTreePickerOpen &&
-                            _jsx(TreePicker, {
-                                open: isTreePickerOpen,
-                                onClose: _handleCloseTreePicker,
-                                onSubmit: _handlePickTree,
-                                multiple: false,
-                                selected: selected ? [selected] : [],
-                                showSelected: true
-                            })
-                    ]
-                })
-            }
-        ),
-        'linked_tree'
-    );
+    return (_jsx(Form.Item, Object.assign({ name: "linked_tree", label: t('attributes.linked_tree'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'], hasFeedback: true }, { children: _jsxs(Space, { children: [_jsx(Button, Object.assign({ disabled: isReadOnly, onClick: _handleOpenTreePicker, size: treeIdentity ? 'large' : 'middle' }, { children: treeIdentity ? (_jsx(EntityCard, { entity: treeIdentity, size: PreviewSize.tiny, withSubLabel: false, withColor: false })) : (t('attributes.select_linked_tree')) })), extra, isTreePickerOpen && (_jsx(TreePicker, { open: isTreePickerOpen, onClose: _handleCloseTreePicker, onSubmit: _handlePickTree, multiple: false, selected: selected ? [selected] : [], showSelected: true }))] }) }), "linked_tree"));
 }
 export default LinkedTreeForm;
-//# sourceMappingURL=LinkedTreeForm.js.map
+//# sourceMappingURL=LinkedTreeForm.js.map

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/EditAttributeInfoForm/LinkedTreeForm/index.d.ts

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

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

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/EditAttributeInfoForm/ValuesVersionsForm/ValuesVersionsForm.d.ts

@@ -1,9 +1,9 @@
-import {ReactNode} from 'react';
+import { ReactNode } from 'react';
 interface IValuesVersionsFormProps {
     onChange: (field: string | string[], value: string | boolean) => void;
     isReadOnly: boolean;
     isEditing: boolean;
     extra?: ReactNode;
 }
-declare function ValuesVersionsForm({isReadOnly, onChange, extra}: IValuesVersionsFormProps): JSX.Element;
+declare function ValuesVersionsForm({ isReadOnly, onChange, extra }: IValuesVersionsFormProps): JSX.Element;
 export default ValuesVersionsForm;

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/EditAttributeInfoForm/ValuesVersionsForm/ValuesVersionsForm.js

@@ -1,21 +1,21 @@
-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 {localizedTranslation} from '@leav/utils';
-import {Form, Select, Space, Switch} from 'antd';
-import {ValueVersionMode, useGetVersionProfilesQuery} from '../../../../../../_gqlTypes';
-import {useLang} from '../../../../../../hooks';
-import {useSharedTranslation} from '../../../../../../hooks/useSharedTranslation';
+import { localizedTranslation } from '@leav/utils';
+import { Form, Select, Space, Switch } from 'antd';
+import { ValueVersionMode, useGetVersionProfilesQuery } from '../../../../../../_gqlTypes';
+import { useLang } from '../../../../../../hooks';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 import FieldsGroup from '../../../../../FieldsGroup';
-import {Loading} from '../../../../../Loading';
-function ValuesVersionsForm({isReadOnly, onChange, extra}) {
+import { Loading } from '../../../../../Loading';
+function ValuesVersionsForm({ isReadOnly, onChange, extra }) {
     var _a, _b;
     const form = Form.useFormInstance();
-    const {t} = useSharedTranslation();
-    const {lang} = useLang();
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
     const isVersionable = Form.useWatch(['versions_conf', 'versionable'], form);
-    const {loading: profilesLoading, error: profilesError, data: profilesData} = useGetVersionProfilesQuery({
+    const { loading: profilesLoading, error: profilesError, data: profilesData } = useGetVersionProfilesQuery({
         skip: !isVersionable
     });
     const modeSelectOptions = Object.values(ValueVersionMode).map(mode => ({
@@ -23,94 +23,16 @@ function ValuesVersionsForm({isReadOnly, onChange, extra}) {
         label: t(`attributes.versions_mode_${mode}`),
         value: mode
     }));
-    const profilesSelectOptions = ((_b =
-        (_a = profilesData === null || profilesData === void 0 ? void 0 : profilesData.versionProfiles) === null ||
-        _a === void 0
-            ? void 0
-            : _a.list) !== null && _b !== void 0
-        ? _b
-        : []
-    ).map(profile => ({
+    const profilesSelectOptions = ((_b = (_a = profilesData === null || profilesData === void 0 ? void 0 : profilesData.versionProfiles) === null || _a === void 0 ? void 0 : _a.list) !== null && _b !== void 0 ? _b : []).map(profile => ({
         key: profile.id,
         label: localizedTranslation(profile.label, lang),
         value: profile.id
     }));
-    const _handleChange = value => {
+    const _handleChange = (value) => {
         onChange('versions_conf', value);
     };
-    const groupLabel = _jsxs(Space, {children: [t('attributes.values_versions'), extra]});
-    return _jsxs(
-        FieldsGroup,
-        Object.assign(
-            {label: groupLabel},
-            {
-                children: [
-                    _jsx(
-                        Form.Item,
-                        Object.assign(
-                            {
-                                name: ['versions_conf', 'versionable'],
-                                label: t('attributes.versionable'),
-                                validateTrigger: ['onChange', 'onSubmit'],
-                                valuePropName: 'checked'
-                            },
-                            {children: _jsx(Switch, {disabled: isReadOnly, onChange: _handleChange})}
-                        ),
-                        'versions_versionable'
-                    ),
-                    isVersionable &&
-                        _jsx(_Fragment, {
-                            children: profilesLoading
-                                ? _jsx(Loading, {})
-                                : _jsxs(_Fragment, {
-                                      children: [
-                                          _jsx(
-                                              Form.Item,
-                                              Object.assign(
-                                                  {
-                                                      name: ['versions_conf', 'profile'],
-                                                      label: t('attributes.versions_profile'),
-                                                      validateTrigger: ['onBlur', 'onChange', 'onSubmit']
-                                                  },
-                                                  {
-                                                      children: _jsx(Select, {
-                                                          onChange: _handleChange,
-                                                          options: profilesSelectOptions,
-                                                          disabled: isReadOnly,
-                                                          allowClear: true,
-                                                          'aria-label': ''
-                                                      })
-                                                  }
-                                              ),
-                                              'versions_profile'
-                                          ),
-                                          _jsx(
-                                              Form.Item,
-                                              Object.assign(
-                                                  {
-                                                      name: ['versions_conf', 'mode'],
-                                                      label: t('attributes.versions_mode'),
-                                                      validateTrigger: ['onBlur', 'onChange', 'onSubmit']
-                                                  },
-                                                  {
-                                                      children: _jsx(Select, {
-                                                          onChange: _handleChange,
-                                                          options: modeSelectOptions,
-                                                          disabled: isReadOnly,
-                                                          'aria-label': ''
-                                                      })
-                                                  }
-                                              ),
-                                              'versions_mode'
-                                          )
-                                      ]
-                                  })
-                        })
-                ]
-            }
-        ),
-        'attribute_values_versions'
-    );
+    const groupLabel = (_jsxs(Space, { children: [t('attributes.values_versions'), extra] }));
+    return (_jsxs(FieldsGroup, Object.assign({ label: groupLabel }, { children: [_jsx(Form.Item, Object.assign({ name: ['versions_conf', 'versionable'], label: t('attributes.versionable'), validateTrigger: ['onChange', 'onSubmit'], valuePropName: "checked" }, { children: _jsx(Switch, { disabled: isReadOnly, onChange: _handleChange }) }), "versions_versionable"), isVersionable && (_jsx(_Fragment, { children: profilesLoading ? (_jsx(Loading, {})) : (_jsxs(_Fragment, { children: [_jsx(Form.Item, Object.assign({ name: ['versions_conf', 'profile'], label: t('attributes.versions_profile'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'] }, { children: _jsx(Select, { onChange: _handleChange, options: profilesSelectOptions, disabled: isReadOnly, allowClear: true, "aria-label": "" }) }), "versions_profile"), _jsx(Form.Item, Object.assign({ name: ['versions_conf', 'mode'], label: t('attributes.versions_mode'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'] }, { children: _jsx(Select, { onChange: _handleChange, options: modeSelectOptions, disabled: isReadOnly, "aria-label": "" }) }), "versions_mode")] })) }))] }), "attribute_values_versions"));
 }
 export default ValuesVersionsForm;
-//# sourceMappingURL=ValuesVersionsForm.js.map
+//# sourceMappingURL=ValuesVersionsForm.js.map

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/EditAttributeInfoForm/ValuesVersionsForm/index.d.ts

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

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

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/EditAttributeInfoForm/index.d.ts

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

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

package/dist/components/EditAttributeModal/EditAttribute/EditAttributeInfo/index.d.ts

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

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

package/dist/components/EditAttributeModal/EditAttribute/index.d.ts

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

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

package/dist/components/EditAttributeModal/EditAttributeModal.d.ts

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

package/dist/components/EditAttributeModal/EditAttributeModal.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, useDeleteAttributeMutation, 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 { gql, useApolloClient } from '@apollo/client';
+import { localizedTranslation } from '@leav/utils';
+import { Button, Modal, Popconfirm } from 'antd';
+import { useState } from 'react';
+import { PermissionsActions, PermissionTypes, useDeleteAttributeMutation, 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 EditAttribute from './EditAttribute/EditAttribute';
-function EditAttributeModal({open, attributeId, onClose, onPostCreate, width}) {
-    const {t} = useSharedTranslation();
-    const {lang} = useLang();
+function EditAttributeModal({ open, attributeId, onClose, onPostCreate, width }) {
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
     const apolloClient = useApolloClient();
     const isAllowedQueryResult = useIsAllowedQuery({
         fetchPolicy: 'cache-and-network',
@@ -41,9 +41,11 @@ function EditAttributeModal({open, attributeId, onClose, onPostCreate, width}) {
             const savedAttribute = await submitFunction();
             await onPostCreate(savedAttribute);
             onClose();
-        } catch (e) {
+        }
+        catch (e) {
             console.error(e);
-        } finally {
+        }
+        finally {
             setSubmitLoading(false);
         }
     };
@@ -68,85 +70,33 @@ function EditAttributeModal({open, attributeId, onClose, onPostCreate, width}) {
     let attributeLabel = t('attributes.new_attribute');
     if (isEditing) {
         // Try to find attribute in Apollo cache to get label
-        const cacheIdentifyStd = apolloClient.cache.identify({__typename: 'StandardAttribute', id: attributeId});
-        const cacheIdentifyLink = apolloClient.cache.identify({__typename: 'LinkAttribute', id: attributeId});
-        const cacheIdentifyTree = apolloClient.cache.identify({__typename: 'TreeAttribute', id: attributeId});
-        const fragment = gql`
+        const cacheIdentifyStd = apolloClient.cache.identify({ __typename: 'StandardAttribute', id: attributeId });
+        const cacheIdentifyLink = apolloClient.cache.identify({ __typename: 'LinkAttribute', id: attributeId });
+        const cacheIdentifyTree = apolloClient.cache.identify({ __typename: 'TreeAttribute', id: attributeId });
+        const fragment = gql `
             fragment AttributeLabel on Attribute {
                 label
             }
         `;
         const cacheFragment = isEditing
-            ? apolloClient.readFragment({id: cacheIdentifyStd, fragment}) ||
-              apolloClient.readFragment({id: cacheIdentifyLink, fragment}) ||
-              apolloClient.readFragment({id: cacheIdentifyTree, fragment}) ||
-              null
+            ? apolloClient.readFragment({ id: cacheIdentifyStd, fragment }) ||
+                apolloClient.readFragment({ id: cacheIdentifyLink, fragment }) ||
+                apolloClient.readFragment({ id: cacheIdentifyTree, fragment }) ||
+                null
             : null;
         // Get application label from apollo cache if present
         attributeLabel = cacheFragment ? localizedTranslation(cacheFragment.label, lang) : '';
     }
     const buttons = isEditing
         ? [
-              canDelete
-                  ? _jsx(
-                        Popconfirm,
-                        Object.assign(
-                            {
-                                title: t('attributes.delete_confirm'),
-                                description: t('attributes.delete_confirm_warning'),
-                                okText: t('global.submit'),
-                                cancelText: t('global.cancel'),
-                                onConfirm: _handleDelete
-                            },
-                            {
-                                children: _jsx(
-                                    Button,
-                                    Object.assign({danger: true}, {children: t('attributes.delete')}),
-                                    'delete'
-                                )
-                            }
-                        ),
-                        'delete_confirm'
-                    )
-                  : null,
-              _jsx(Button, Object.assign({onClick: onClose}, {children: t('global.close')}), 'close')
-          ]
+            canDelete ? (_jsx(Popconfirm, Object.assign({ title: t('attributes.delete_confirm'), description: t('attributes.delete_confirm_warning'), okText: t('global.submit'), cancelText: t('global.cancel'), onConfirm: _handleDelete }, { children: _jsx(Button, Object.assign({ danger: true }, { children: t('attributes.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: attributeLabel,
-                width: width !== null && width !== void 0 ? width : 800,
-                footer: buttons,
-                onCancel: onClose,
-                styles: {body: {height: 'calc(95vh - 15rem)', overflow: 'auto'}},
-                centered: true
-            },
-            {
-                children: isAllowedQueryResult.loading
-                    ? _jsx(Loading, {})
-                    : isAllowedQueryResult.error
-                    ? _jsx(ErrorDisplay, {message: isAllowedQueryResult.error.message})
-                    : _jsx(EditAttribute, {
-                          attributeId: attributeId,
-                          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: attributeLabel, width: width !== null && width !== void 0 ? width : 800, footer: buttons, onCancel: onClose, styles: { body: { height: 'calc(95vh - 15rem)', overflow: 'auto' } }, centered: true }, { children: isAllowedQueryResult.loading ? (_jsx(Loading, {})) : isAllowedQueryResult.error ? (_jsx(ErrorDisplay, { message: isAllowedQueryResult.error.message })) : (_jsx(EditAttribute, { attributeId: attributeId, onSetSubmitFunction: _handleSetSubmitFunction, readOnly: isReadOnly })) })));
 }
 export default EditAttributeModal;
-//# sourceMappingURL=EditAttributeModal.js.map
+//# sourceMappingURL=EditAttributeModal.js.map