@leav/ui 0.2.6 → 0.2.8

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

@@ -1,31 +1,31 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var __rest =
+    (this && this.__rest) ||
+    function (s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === 'function')
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+            }
+        return t;
+    };
+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 { idFormatRegex, slugifyString } from '@leav/utils';
-import { Form, Input, InputNumber, Select, Switch } from 'antd';
-import { useState } from 'react';
+import {idFormatRegex, slugifyString} from '@leav/utils';
+import {Form, Input, InputNumber, Select, Switch} from 'antd';
+import {useState} from 'react';
 import styled from 'styled-components';
-import { useLang } from '../../../../../hooks';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-import { AttributeFormat, AttributeType, ValueVersionMode } from '../../../../../_gqlTypes';
+import {useLang} from '../../../../../hooks';
+import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
+import {AttributeFormat, AttributeType, ValueVersionMode} from '../../../../../_gqlTypes';
 import FieldsGroup from '../../../../FieldsGroup';
-import { SubmitStateNotifier } from '../../../../SubmitStateNotifier';
-import { LinkedLibraryForm } from './LinkedLibraryForm';
-import { LinkedTreeForm } from './LinkedTreeForm';
-import { ValuesVersionsForm } from './ValuesVersionsForm';
-const SwitchFormItem = styled(Form.Item) `
+import {SubmitStateNotifier} from '../../../../SubmitStateNotifier';
+import {LinkedLibraryForm} from './LinkedLibraryForm';
+import {LinkedTreeForm} from './LinkedTreeForm';
+import {ValuesVersionsForm} from './ValuesVersionsForm';
+const SwitchFormItem = styled(Form.Item)`
     .ant-form-item-extra {
         min-height: 0;
         position: absolute;
@@ -34,21 +34,28 @@ const SwitchFormItem = styled(Form.Item) `
         transform: translateY(-50%);
     }
 `;
-const SwitchWrapper = styled.div `
+const SwitchWrapper = styled.div`
     display: flex;
     align-items: center;
     gap: 0.5rem;
 `;
-const DescriptionFormItem = styled(Form.Item) `
+const DescriptionFormItem = styled(Form.Item)`
     position: relative;
     .ant-form-item-extra {
         min-height: 0;
     }
 `;
-function EditAttributeInfoForm({ form, attribute, onSubmitField, onCheckAttributeUniqueness, loading, readOnly: isReadOnly }) {
+function EditAttributeInfoForm({
+    form,
+    attribute,
+    onSubmitField,
+    onCheckAttributeUniqueness,
+    loading,
+    readOnly: isReadOnly
+}) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const { t } = useSharedTranslation();
-    const { availableLangs, defaultLang } = useLang();
+    const {t} = useSharedTranslation();
+    const {availableLangs, defaultLang} = useLang();
     const currentType = Form.useWatch('type', form);
     const [hasIdBeenEdited, setHasIdBeenEdited] = useState(false);
     const [runningFieldsSubmit, setRunningFieldsSubmit] = useState([]);
@@ -58,18 +65,19 @@ function EditAttributeInfoForm({ form, attribute, onSubmitField, onCheckAttribut
     const isTypeLink = currentType === AttributeType.simple_link || currentType === AttributeType.advanced_link;
     const isTypeTree = currentType === AttributeType.tree;
     const isTypeNotSimple = currentType !== AttributeType.simple && currentType !== AttributeType.simple_link;
-    const _getRequiredMessage = (field) => t('errors.field_required', {
-        interpolation: { escapeValue: false },
-        fieldName: t(`attributes.${field}`)
-    });
-    const _handleLabelChange = (labelLang) => (e) => {
+    const _getRequiredMessage = field =>
+        t('errors.field_required', {
+            interpolation: {escapeValue: false},
+            fieldName: t(`attributes.${field}`)
+        });
+    const _handleLabelChange = labelLang => e => {
         // If ID hasn't been edited manually, generate it from label
         if (!isEditing && labelLang === defaultLang && !hasIdBeenEdited) {
-            form.setFieldsValue({ id: slugifyString(e.target.value) });
+            form.setFieldsValue({id: slugifyString(e.target.value)});
         }
     };
-    const _handleNumberChange = (field) => (value) => {
-        form.setFieldsValue({ [field]: value });
+    const _handleNumberChange = field => value => {
+        form.setFieldsValue({[field]: value});
     };
     const _handleIdChange = () => {
         setHasIdBeenEdited(true);
@@ -95,19 +103,19 @@ function EditAttributeInfoForm({ form, attribute, onSubmitField, onCheckAttribut
         setProcessedFieldsSubmit([...processedFieldsSubmit, field]);
         setRunningFieldsSubmit(runningFieldsSubmit.filter(f => f !== field));
     };
-    const _handleSelectChange = (field) => (value) => {
+    const _handleSelectChange = field => value => {
         return _handleFieldSubmit(field, value);
     };
-    const _handleCheckboxChange = (field) => (value) => {
+    const _handleCheckboxChange = field => value => {
         _handleFieldSubmit(field, value);
     };
     const _handleVersionsConfChange = (field, value) => {
         _handleFieldSubmit('versions_conf', value);
     };
-    const _handleBlur = (field) => async (e) => {
+    const _handleBlur = field => async e => {
         _handleFieldSubmit(field, e.target.value);
     };
-    const _handleSubmitOnEnter = (field) => (e) => {
+    const _handleSubmitOnEnter = field => e => {
         // If shift is pressed, don't submit
         if (e.shiftKey || !isEditing) {
             return;
@@ -117,24 +125,80 @@ function EditAttributeInfoForm({ form, attribute, onSubmitField, onCheckAttribut
             _handleFieldSubmit(field, e.currentTarget.value);
         }
     };
-    const _k = attribute !== null && attribute !== void 0 ? attribute : {}, { label: attributeLabel, description: attributeDescription } = _k, attributeSettings = __rest(_k, ["label", "description"]);
+    const _k = attribute !== null && attribute !== void 0 ? attribute : {},
+        {label: attributeLabel, description: attributeDescription} = _k,
+        attributeSettings = __rest(_k, ['label', 'description']);
     const label = attributeLabel
-        ? Object.assign({}, availableLangs.reduce((acc, availableLang) => {
-            var _a;
-            acc[`label_${availableLang}`] = (_a = attribute.label[availableLang]) !== null && _a !== void 0 ? _a : '';
-            return acc;
-        }, {})) : {};
+        ? Object.assign(
+              {},
+              availableLangs.reduce((acc, availableLang) => {
+                  var _a;
+                  acc[`label_${availableLang}`] =
+                      (_a = attribute.label[availableLang]) !== null && _a !== void 0 ? _a : '';
+                  return acc;
+              }, {})
+          )
+        : {};
     const description = attributeDescription
-        ? Object.assign({}, availableLangs.reduce((acc, availableLang) => {
-            var _a;
-            acc[`description_${availableLang}`] = (_a = attribute.description[availableLang]) !== null && _a !== void 0 ? _a : '';
-            return acc;
-        }, {})) : {};
-    const formInitValues = Object.assign(Object.assign(Object.assign(Object.assign({ type: AttributeType.simple, format: AttributeFormat.text, readonly: false, maxLength: null, unique: false }, attributeSettings), label), description), { versions_conf: {
-            versionable: (_b = (_a = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) === null || _a === void 0 ? void 0 : _a.versionable) !== null && _b !== void 0 ? _b : false,
-            mode: (_d = (_c = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) === null || _c === void 0 ? void 0 : _c.mode) !== null && _d !== void 0 ? _d : ValueVersionMode.smart,
-            profile: (_g = (_f = (_e = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) === null || _e === void 0 ? void 0 : _e.profile) === null || _f === void 0 ? void 0 : _f.id) !== null && _g !== void 0 ? _g : null
-        } });
+        ? Object.assign(
+              {},
+              availableLangs.reduce((acc, availableLang) => {
+                  var _a;
+                  acc[`description_${availableLang}`] =
+                      (_a = attribute.description[availableLang]) !== null && _a !== void 0 ? _a : '';
+                  return acc;
+              }, {})
+          )
+        : {};
+    const formInitValues = Object.assign(
+        Object.assign(
+            Object.assign(
+                Object.assign(
+                    {
+                        type: AttributeType.simple,
+                        format: AttributeFormat.text,
+                        readonly: false,
+                        maxLength: null,
+                        unique: false
+                    },
+                    attributeSettings
+                ),
+                label
+            ),
+            description
+        ),
+        {
+            versions_conf: {
+                versionable:
+                    (_b =
+                        (_a = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) === null ||
+                        _a === void 0
+                            ? void 0
+                            : _a.versionable) !== null && _b !== void 0
+                        ? _b
+                        : false,
+                mode:
+                    (_d =
+                        (_c = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) === null ||
+                        _c === void 0
+                            ? void 0
+                            : _c.mode) !== null && _d !== void 0
+                        ? _d
+                        : ValueVersionMode.smart,
+                profile:
+                    (_g =
+                        (_f =
+                            (_e = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) ===
+                                null || _e === void 0
+                                ? void 0
+                                : _e.profile) === null || _f === void 0
+                            ? void 0
+                            : _f.id) !== null && _g !== void 0
+                        ? _g
+                        : null
+            }
+        }
+    );
     const typeSelectOptions = Object.values(AttributeType).map(b => ({
         key: b,
         value: b,
@@ -145,33 +209,281 @@ function EditAttributeInfoForm({ form, attribute, onSubmitField, onCheckAttribut
         value: b,
         label: t(`attributes.format_${b}`)
     }));
-    const _getFieldState = (field) => {
+    const _getFieldState = field => {
         if (runningFieldsSubmit.find(f => f === field)) {
             return 'processing';
-        }
-        else if (processedFieldsSubmit.find(f => f === field)) {
+        } else if (processedFieldsSubmit.find(f => f === field)) {
             return 'success';
-        }
-        else if (form.getFieldError(field).length) {
+        } else if (form.getFieldError(field).length) {
             return 'error';
-        }
-        else {
+        } else {
             return 'idle';
         }
     };
-    return (_jsxs(Form, Object.assign({ "aria-label": "application_form", form: form, labelCol: { span: 6 }, wrapperCol: { span: 24 }, initialValues: formInitValues, labelWrap: true, disabled: !isEditing && loading }, { children: [_jsx(FieldsGroup, Object.assign({ label: t('attributes.label') }, { children: availableLangs.map(availableLang => (_jsx(Form.Item, Object.assign({ name: `label_${availableLang}`, label: availableLang.toLowerCase(), labelCol: { span: 2 }, wrapperCol: { span: 22 }, rules: [
-                        { required: availableLang === defaultLang, message: t('errors.default_language_required') }
-                    ], style: { marginBottom: '0.5rem' } }, { children: _jsx(Input, { "aria-label": `label_${availableLang}`, onChange: _handleLabelChange(availableLang), onBlur: _handleBlur(`label_${availableLang}`), onKeyPress: _handleSubmitOnEnter(`label_${availableLang}`), disabled: isReadOnly || !!runningFieldsSubmit.find(f => f === `label_${availableLang}`), suffix: _jsx(SubmitStateNotifier, { state: _getFieldState(`label_${availableLang}`) }) }) }), `label_${availableLang}`))) }), "attribute_label"), _jsx(FieldsGroup, Object.assign({ label: t('attributes.description') }, { children: availableLangs.map(availableLang => (_jsx(DescriptionFormItem, Object.assign({ name: `description_${availableLang}`, label: availableLang.toLowerCase(), labelCol: { span: 2 }, wrapperCol: { span: 22 }, style: { marginBottom: '0.5rem' }, extra: _jsx(SubmitStateNotifier, { style: { position: 'absolute', top: '0.5rem', right: '0.5rem' }, state: _getFieldState(`description_${availableLang}`) }) }, { children: _jsx(Input.TextArea, { "aria-label": `description_${availableLang}`, onBlur: _handleBlur(`description_${availableLang}`), onKeyDown: _handleSubmitOnEnter(`description_${availableLang}`), disabled: isReadOnly }) }), `description_${availableLang}`))) }), "attribute_description"), _jsx(Form.Item, Object.assign({ name: "id", label: t('global.id'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'], rules: [
-                    { required: true, message: _getRequiredMessage('id') },
-                    { pattern: idFormatRegex, message: t('errors.invalid_id_format') },
-                    {
-                        validateTrigger: ['onBlur', 'onSubmit'],
-                        validator: _handleAttributeUniquenessValidation,
-                        message: t('errors.id_already_exists')
-                    }
-                ], hasFeedback: true }, { children: _jsx(Input, { disabled: isReadOnly || isEditing, onChange: _handleIdChange }) }), "id"), _jsx(Form.Item, Object.assign({ name: "type", label: t('attributes.type'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'], rules: [{ required: true, message: _getRequiredMessage('type') }], hasFeedback: true }, { children: _jsx(Select, { options: typeSelectOptions, disabled: isReadOnly || isEditing, "aria-label": "" }) }), "type"), isTypeStandard && (_jsx(Form.Item, Object.assign({ name: "format", label: t('attributes.format'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'], rules: [{ required: true, message: _getRequiredMessage('format') }], hasFeedback: true }, { children: _jsx(Select, { options: formatSelectOptions, disabled: isReadOnly || isEditing, "aria-label": "" }) }), "format")), isTypeLink && (_jsx(LinkedLibraryForm, { isReadOnly: isReadOnly, onChange: _handleSelectChange('linked_library'), extra: _jsx(SubmitStateNotifier, { state: _getFieldState('linked_library') }), selected: (_h = form.getFieldValue('linked_library')) === null || _h === void 0 ? void 0 : _h.id })), isTypeTree && (_jsx(LinkedTreeForm, { isReadOnly: isReadOnly, onChange: _handleSelectChange('linked_tree'), extra: _jsx(SubmitStateNotifier, { state: _getFieldState('linked_tree') }), selected: (_j = form.getFieldValue('linked_tree')) === null || _j === void 0 ? void 0 : _j.id })), _jsx(SwitchFormItem, Object.assign({ name: "readonly", label: t('attributes.readonly'), validateTrigger: ['onChange', 'onSubmit'], valuePropName: "checked", extra: _jsx(SubmitStateNotifier, { state: _getFieldState('readonly') }) }, { children: _jsx(Switch, { disabled: isReadOnly, onChange: _handleCheckboxChange('readonly') }) }), "readonly"), form.getFieldValue('type') === AttributeType.simple && (_jsx(SwitchFormItem, Object.assign({ name: "unique", label: t('attributes.unique'), validateTrigger: ['onChange', 'onSubmit'], valuePropName: "checked", extra: _jsx(SubmitStateNotifier, { state: _getFieldState('unique') }) }, { children: _jsx(Switch, { disabled: isReadOnly, onChange: _handleCheckboxChange('unique') }) }), "unique")), [AttributeType.simple, AttributeType.advanced].includes(form.getFieldValue('type')) && (_jsx(Form.Item, Object.assign({ name: "maxLength", label: t('global.max_length'), validateTrigger: ['onBlur', 'onChange', 'onSubmit'] }, { children: _jsx(InputNumber, { min: 1, disabled: isReadOnly, onChange: _handleNumberChange('maxLength'), onBlur: () => {
-                        _handleFieldSubmit('maxLength', form.getFieldValue('maxLength'));
-                    } }) }))), isTypeNotSimple && (_jsx(SwitchFormItem, Object.assign({ name: "multiple_values", label: t('attributes.multiple_values'), validateTrigger: ['onChange', 'onSubmit'], valuePropName: "checked", extra: _jsx(SubmitStateNotifier, { state: _getFieldState('multiple_values') }) }, { children: _jsx(Switch, { disabled: isReadOnly, onChange: _handleCheckboxChange('multiple_values') }) }), "multiple_values")), isTypeNotSimple && (_jsx(ValuesVersionsForm, { isReadOnly: isReadOnly, isEditing: isEditing, onChange: _handleVersionsConfChange, extra: _jsx(SubmitStateNotifier, { state: _getFieldState('versions_conf') }) }))] })));
+    return _jsxs(
+        Form,
+        Object.assign(
+            {
+                'aria-label': 'application_form',
+                form: form,
+                labelCol: {span: 6},
+                wrapperCol: {span: 24},
+                initialValues: formInitValues,
+                labelWrap: true,
+                disabled: !isEditing && loading
+            },
+            {
+                children: [
+                    _jsx(
+                        FieldsGroup,
+                        Object.assign(
+                            {label: t('attributes.label')},
+                            {
+                                children: availableLangs.map(availableLang =>
+                                    _jsx(
+                                        Form.Item,
+                                        Object.assign(
+                                            {
+                                                name: `label_${availableLang}`,
+                                                label: availableLang.toLowerCase(),
+                                                labelCol: {span: 2},
+                                                wrapperCol: {span: 22},
+                                                rules: [
+                                                    {
+                                                        required: availableLang === defaultLang,
+                                                        message: t('errors.default_language_required')
+                                                    }
+                                                ],
+                                                style: {marginBottom: '0.5rem'}
+                                            },
+                                            {
+                                                children: _jsx(Input, {
+                                                    'aria-label': `label_${availableLang}`,
+                                                    onChange: _handleLabelChange(availableLang),
+                                                    onBlur: _handleBlur(`label_${availableLang}`),
+                                                    onKeyPress: _handleSubmitOnEnter(`label_${availableLang}`),
+                                                    disabled:
+                                                        isReadOnly ||
+                                                        !!runningFieldsSubmit.find(f => f === `label_${availableLang}`),
+                                                    suffix: _jsx(SubmitStateNotifier, {
+                                                        state: _getFieldState(`label_${availableLang}`)
+                                                    })
+                                                })
+                                            }
+                                        ),
+                                        `label_${availableLang}`
+                                    )
+                                )
+                            }
+                        ),
+                        'attribute_label'
+                    ),
+                    _jsx(
+                        FieldsGroup,
+                        Object.assign(
+                            {label: t('attributes.description')},
+                            {
+                                children: availableLangs.map(availableLang =>
+                                    _jsx(
+                                        DescriptionFormItem,
+                                        Object.assign(
+                                            {
+                                                name: `description_${availableLang}`,
+                                                label: availableLang.toLowerCase(),
+                                                labelCol: {span: 2},
+                                                wrapperCol: {span: 22},
+                                                style: {marginBottom: '0.5rem'},
+                                                extra: _jsx(SubmitStateNotifier, {
+                                                    style: {position: 'absolute', top: '0.5rem', right: '0.5rem'},
+                                                    state: _getFieldState(`description_${availableLang}`)
+                                                })
+                                            },
+                                            {
+                                                children: _jsx(Input.TextArea, {
+                                                    'aria-label': `description_${availableLang}`,
+                                                    onBlur: _handleBlur(`description_${availableLang}`),
+                                                    onKeyDown: _handleSubmitOnEnter(`description_${availableLang}`),
+                                                    disabled: isReadOnly
+                                                })
+                                            }
+                                        ),
+                                        `description_${availableLang}`
+                                    )
+                                )
+                            }
+                        ),
+                        'attribute_description'
+                    ),
+                    _jsx(
+                        Form.Item,
+                        Object.assign(
+                            {
+                                name: 'id',
+                                label: t('global.id'),
+                                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
+                                rules: [
+                                    {required: true, message: _getRequiredMessage('id')},
+                                    {pattern: idFormatRegex, message: t('errors.invalid_id_format')},
+                                    {
+                                        validateTrigger: ['onBlur', 'onSubmit'],
+                                        validator: _handleAttributeUniquenessValidation,
+                                        message: t('errors.id_already_exists')
+                                    }
+                                ],
+                                hasFeedback: true
+                            },
+                            {children: _jsx(Input, {disabled: isReadOnly || isEditing, onChange: _handleIdChange})}
+                        ),
+                        'id'
+                    ),
+                    _jsx(
+                        Form.Item,
+                        Object.assign(
+                            {
+                                name: 'type',
+                                label: t('attributes.type'),
+                                validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
+                                rules: [{required: true, message: _getRequiredMessage('type')}],
+                                hasFeedback: true
+                            },
+                            {
+                                children: _jsx(Select, {
+                                    options: typeSelectOptions,
+                                    disabled: isReadOnly || isEditing,
+                                    'aria-label': ''
+                                })
+                            }
+                        ),
+                        'type'
+                    ),
+                    isTypeStandard &&
+                        _jsx(
+                            Form.Item,
+                            Object.assign(
+                                {
+                                    name: 'format',
+                                    label: t('attributes.format'),
+                                    validateTrigger: ['onBlur', 'onChange', 'onSubmit'],
+                                    rules: [{required: true, message: _getRequiredMessage('format')}],
+                                    hasFeedback: true
+                                },
+                                {
+                                    children: _jsx(Select, {
+                                        options: formatSelectOptions,
+                                        disabled: isReadOnly || isEditing,
+                                        'aria-label': ''
+                                    })
+                                }
+                            ),
+                            'format'
+                        ),
+                    isTypeLink &&
+                        _jsx(LinkedLibraryForm, {
+                            isReadOnly: isReadOnly,
+                            onChange: _handleSelectChange('linked_library'),
+                            extra: _jsx(SubmitStateNotifier, {state: _getFieldState('linked_library')}),
+                            selected:
+                                (_h = form.getFieldValue('linked_library')) === null || _h === void 0 ? void 0 : _h.id
+                        }),
+                    isTypeTree &&
+                        _jsx(LinkedTreeForm, {
+                            isReadOnly: isReadOnly,
+                            onChange: _handleSelectChange('linked_tree'),
+                            extra: _jsx(SubmitStateNotifier, {state: _getFieldState('linked_tree')}),
+                            selected:
+                                (_j = form.getFieldValue('linked_tree')) === null || _j === void 0 ? void 0 : _j.id
+                        }),
+                    _jsx(
+                        SwitchFormItem,
+                        Object.assign(
+                            {
+                                name: 'readonly',
+                                label: t('attributes.readonly'),
+                                validateTrigger: ['onChange', 'onSubmit'],
+                                valuePropName: 'checked',
+                                extra: _jsx(SubmitStateNotifier, {state: _getFieldState('readonly')})
+                            },
+                            {
+                                children: _jsx(Switch, {
+                                    disabled: isReadOnly,
+                                    onChange: _handleCheckboxChange('readonly')
+                                })
+                            }
+                        ),
+                        'readonly'
+                    ),
+                    form.getFieldValue('type') === AttributeType.simple &&
+                        _jsx(
+                            SwitchFormItem,
+                            Object.assign(
+                                {
+                                    name: 'unique',
+                                    label: t('attributes.unique'),
+                                    validateTrigger: ['onChange', 'onSubmit'],
+                                    valuePropName: 'checked',
+                                    extra: _jsx(SubmitStateNotifier, {state: _getFieldState('unique')})
+                                },
+                                {
+                                    children: _jsx(Switch, {
+                                        disabled: isReadOnly,
+                                        onChange: _handleCheckboxChange('unique')
+                                    })
+                                }
+                            ),
+                            'unique'
+                        ),
+                    [AttributeType.simple, AttributeType.advanced].includes(form.getFieldValue('type')) &&
+                        _jsx(
+                            Form.Item,
+                            Object.assign(
+                                {
+                                    name: 'maxLength',
+                                    label: t('global.max_length'),
+                                    validateTrigger: ['onBlur', 'onChange', 'onSubmit']
+                                },
+                                {
+                                    children: _jsx(InputNumber, {
+                                        min: 1,
+                                        disabled: isReadOnly,
+                                        onChange: _handleNumberChange('maxLength'),
+                                        onBlur: () => {
+                                            _handleFieldSubmit('maxLength', form.getFieldValue('maxLength'));
+                                        }
+                                    })
+                                }
+                            )
+                        ),
+                    isTypeNotSimple &&
+                        _jsx(
+                            SwitchFormItem,
+                            Object.assign(
+                                {
+                                    name: 'multiple_values',
+                                    label: t('attributes.multiple_values'),
+                                    validateTrigger: ['onChange', 'onSubmit'],
+                                    valuePropName: 'checked',
+                                    extra: _jsx(SubmitStateNotifier, {state: _getFieldState('multiple_values')})
+                                },
+                                {
+                                    children: _jsx(Switch, {
+                                        disabled: isReadOnly,
+                                        onChange: _handleCheckboxChange('multiple_values')
+                                    })
+                                }
+                            ),
+                            'multiple_values'
+                        ),
+                    isTypeNotSimple &&
+                        _jsx(ValuesVersionsForm, {
+                            isReadOnly: isReadOnly,
+                            isEditing: isEditing,
+                            onChange: _handleVersionsConfChange,
+                            extra: _jsx(SubmitStateNotifier, {state: _getFieldState('versions_conf')})
+                        })
+                ]
+            }
+        )
+    );
 }
 export default EditAttributeInfoForm;
-//# sourceMappingURL=EditAttributeInfoForm.js.map
+//# sourceMappingURL=EditAttributeInfoForm.js.map

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

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