@leav/ui 0.2.8 → 0.3.0

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,28 +34,21 @@ 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([]);
@@ -65,19 +58,18 @@ function EditAttributeInfoForm({
     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);
@@ -103,19 +95,19 @@ function EditAttributeInfoForm({
         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;
@@ -125,80 +117,24 @@ function EditAttributeInfoForm({
             _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,
@@ -209,281 +145,33 @@ function EditAttributeInfoForm({
         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;