@leav/ui 0.2.7 → 0.2.8

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

@@ -1,38 +1,85 @@
-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,38 +1,85 @@
-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,16 +23,94 @@ 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,5 +8,11 @@ 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,11 +41,9 @@ 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);
         }
     };
@@ -70,33 +68,85 @@ 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