@leav/ui 0.3.6-806e07e → 0.3.6-807b6b5

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/MultiValueSelect/MultiValueSelect.d.ts

@@ -15,7 +15,6 @@ interface IMultiValueSelectProps extends IProvidedByAntFormItem<SelectProps<stri
         idValue: string;
     }>) => void;
     required?: boolean;
-    shouldShowValueDetailsButton?: boolean;
 }
 export declare const MultiValueSelect: FunctionComponent<IMultiValueSelectProps>;
 export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/MultiValueSelect/MultiValueSelect.js

@@ -6,8 +6,7 @@ import { useState } from 'react';
 import { AntForm, KitSelect } from 'aristid-ds';
 import useSharedTranslation from '../../../../../../hooks/useSharedTranslation/useSharedTranslation';
 import { useGetOptionsQuery } from './useGetOptionsQuery';
-import { useValueDetailsButton } from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/useValueDetailsButton';
-export const MultiValueSelect = ({ value, onChange, activeValues, attribute, label, onValueDeselect, onSelectChange, required = false, shouldShowValueDetailsButton = false }) => {
+export const MultiValueSelect = ({ value, onChange, activeValues, attribute, label, onValueDeselect, onSelectChange, required = false }) => {
     if (!onChange) {
         throw Error('MultiValueSelect should be used inside a antd Form.Item');
     }
@@ -19,10 +18,6 @@ export const MultiValueSelect = ({ value, onChange, activeValues, attribute, lab
         attribute,
         onSelectChange
     });
-    const { onValueDetailsButtonClick } = useValueDetailsButton({
-        value: null,
-        attribute
-    });
     const _handleSelect = (optionValue, ...antOnChangeParams) => {
         const newValues = Array.isArray(value) ? [...value, optionValue] : [optionValue];
         onChange(newValues, antOnChangeParams);
@@ -71,8 +66,6 @@ export const MultiValueSelect = ({ value, onChange, activeValues, attribute, lab
             onValueDeselect(activeLinkValueToDeselect);
         }
     };
-    return (_jsx(KitSelect, { htmlFor: attribute.id, loading: loading, value: value, required: required, mode: "multiple", label: label, options: selectOptions, showSearch: true, optionFilterProp: "label", placeholder: t('record_edition.placeholder.record_select'), onSelect: _handleSelect, onClear: _clearValues, onBlur: _handleBlur, 
-        // @ts-expect-error
-        onDeselect: _handleDeselect, onChange: onChange, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null }));
+    return (_jsx(KitSelect, { htmlFor: attribute.id, loading: loading, value: value, required: required, mode: "multiple", label: label, options: selectOptions, showSearch: true, optionFilterProp: "label", placeholder: t('record_edition.placeholder.record_select'), onSelect: _handleSelect, onClear: _clearValues, onBlur: _handleBlur, onDeselect: _handleDeselect, onChange: onChange }));
 };
 //# sourceMappingURL=MultiValueSelect.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/MultiValueSelect/MultiValueSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiValueSelect.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/MultiValueSelect/MultiValueSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultiValueSelect.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/MultiValueSelect/MultiValueSelect.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/ComputeIndicator.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { CalculatedFlags, InheritedFlags } from './calculatedInheritedFlags';
+export declare const ComputeIndicator: FunctionComponent<{
+    calculatedFlags: CalculatedFlags;
+    inheritedFlags: InheritedFlags;
+}>;

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/ComputeIndicator.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { KitTooltip } from 'aristid-ds';
+import { FaLayerGroup, FaSquareRootAlt } from 'react-icons/fa';
+import styled from 'styled-components';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { TOOLTIP_DEFAULT_DELAY_IN_SECONDS } from '../../../../../constants';
+const ComputeIndicatorWrapper = styled.div `
+    font-size: calc(var(--general-typography-fontSize7) * 1px);
+`;
+export const ComputeIndicator = ({ calculatedFlags, inheritedFlags }) => {
+    const { t } = useSharedTranslation();
+    const shouldDisplayComputedIcon = calculatedFlags.isCalculatedNotOverrideValue || inheritedFlags.isInheritedNotOverrideValue;
+    const shouldDisplayOverridedIcon = calculatedFlags.isCalculatedOverrideValue || inheritedFlags.isInheritedOverrideValue;
+    return (_jsxs(ComputeIndicatorWrapper, { children: [shouldDisplayComputedIcon && (_jsx(KitTooltip, { title: t('record_edition.calculated_value'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(FaSquareRootAlt, {}) })), shouldDisplayOverridedIcon && (_jsx(KitTooltip, { title: t('record_edition.overrided_value'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(FaLayerGroup, {}) }))] }));
+};
+//# sourceMappingURL=ComputeIndicator.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/ComputeIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComputeIndicator.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/ComputeIndicator.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,UAAU,EAAC,MAAM,YAAY,CAAC;AACtC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC7D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,gCAAgC,EAAC,MAAM,eAAe,CAAC;AAE/D,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEzC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAGxB,CAAC,EAAC,eAAe,EAAE,cAAc,EAAC,EAAE,EAAE;IACvC,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,yBAAyB,GAC3B,eAAe,CAAC,4BAA4B,IAAI,cAAc,CAAC,2BAA2B,CAAC;IAC/F,MAAM,0BAA0B,GAC5B,eAAe,CAAC,yBAAyB,IAAI,cAAc,CAAC,wBAAwB,CAAC;IAEzF,OAAO,CACH,MAAC,uBAAuB,eACnB,yBAAyB,IAAI,CAC1B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC,EAC3C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,eAAe,KAAG,GACV,CAChB,EACA,0BAA0B,IAAI,CAC3B,KAAC,UAAU,IACP,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,eAAe,EAAE,gCAAgC,YAEjD,KAAC,YAAY,KAAG,GACP,CAChB,IACqB,CAC7B,CAAC;AACN,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.d.ts

@@ -1,9 +1,11 @@
-import { ICommonFieldsSettings } from '@leav/utils';
+import { IRequiredFieldsSettings } from '@leav/utils';
 import { FunctionComponent } from 'react';
 import { RecordFormElementsValueStandardValue } from '../../../../../hooks/useGetRecordForm/useGetRecordForm';
 import { IFormElementProps } from '../../_types';
 import { FormInstance } from 'antd';
-declare const StandardField: FunctionComponent<IFormElementProps<ICommonFieldsSettings, RecordFormElementsValueStandardValue> & {
+import { GetRecordColumnsValuesRecord, IRecordColumnValueStandard } from '../../../../../_queries/records/getRecordColumnsValues';
+declare const StandardField: FunctionComponent<IFormElementProps<IRequiredFieldsSettings, RecordFormElementsValueStandardValue> & {
     antdForm?: FormInstance;
+    computedValues?: GetRecordColumnsValuesRecord<IRecordColumnValueStandard>;
 }>;
 export default StandardField;

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.js

@@ -3,28 +3,25 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { ErrorTypes, localizedTranslation } from '@leav/utils';
-import { useContext, useEffect, useMemo, useReducer, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { ErrorDisplay } from '../../../../../components';
-import CreationErrorContext from '../../../../../components/RecordEdition/EditRecord/creationErrorContext';
-import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
-import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
-import { useRefreshFieldValues } from '../../../../../hooks/useRefreshFieldValues';
 import { AttributeFormat } from '../../../../../_gqlTypes';
-import { useRecordEditionContext } from '../../hooks/useRecordEditionContext';
-import standardFieldReducer, { computeInitialState, newValueId, StandardFieldReducerActionsTypes } from '../../reducers/standardFieldReducer/standardFieldReducer';
-import FieldFooter from '../../shared/FieldFooter';
-import ValuesVersionBtn from '../../shared/ValuesVersionBtn';
-import { APICallStatus, VersionFieldScope } from '../../_types';
+import { APICallStatus } from '../../_types';
 import StandardFieldValue from './StandardFieldValue';
 import { Form } from 'antd';
-import { StandardFieldReducerContext } from '../../reducers/standardFieldReducer/standardFieldReducerContext';
-import { KitButton, KitInputWrapper } from 'aristid-ds';
+import { KitButton, KitInputWrapper, KitTooltip } from 'aristid-ds';
 import { useLang } from '../../../../../hooks';
-import { useValueDetailsButton } from '../../shared/ValueDetailsBtn/useValueDetailsButton';
 import { FaPlus, FaTrash } from 'react-icons/fa';
 import { DeleteAllValuesButton } from './DeleteAllValuesButton';
+import { computeCalculatedFlags, computeInheritedFlags } from './calculatedInheritedFlags';
+import { useGetPresentationValues } from './useGetPresentationValues';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { ComputeIndicator } from './ComputeIndicator';
+import { getAntdDisplayedValue, getEmptyInitialValue } from '../../antdUtils';
+import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
+import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
+import { EDIT_RECORD_SIDEBAR_ID, STANDARDFIELD_ID_PREFIX } from '../../../../../constants';
 const Wrapper = styled.div `
     margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};
 `;
@@ -48,6 +45,10 @@ const KitInputWrapperStyled = styled(KitInputWrapper) `
         }
     }
 `;
+const KitInputExtraAlignLeft = styled.div `
+    margin-right: auto;
+    line-height: 12px;
+`;
 const KitDeleteValueButton = styled(KitButton) `
     margin: 3px;
 `;
@@ -55,329 +56,164 @@ const KitAddValueButton = styled(KitButton) `
     margin-top: calc((var(--general-spacing-xs) - 3) * 1px);
     margin-bottom: 3px;
 `;
-const _isDateRangeValue = (value) => !!value && typeof value === 'object' && 'from' in value && 'to' in value;
-const _getPresentationValue = ({ t, format, value, calculatedValue, inheritedValue }) => {
-    let presentationValue = value || calculatedValue?.payload || inheritedValue?.payload || '';
-    switch (format) {
-        case AttributeFormat.date_range:
-            if (!_isDateRangeValue(presentationValue)) {
-                presentationValue = '';
-            }
-            else {
-                const { from, to } = presentationValue;
-                presentationValue = t('record_edition.date_range_value', { from, to });
-            }
-            break;
-        case AttributeFormat.color:
-            if (!presentationValue) {
-                presentationValue = '#00000000';
-            }
-            else {
-                presentationValue = '#' + presentationValue;
-            }
-            break;
-    }
-    return presentationValue;
-};
-const StandardField = ({ element, antdForm, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false }) => {
-    const { t } = useTranslation();
+const StandardField = ({ element, computedValues, antdForm, readonly, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false }) => {
+    const { t } = useSharedTranslation();
     const { lang: availableLang } = useLang();
-    const { readOnly: isRecordReadOnly, record } = useRecordEditionContext();
-    const { state: editRecordState, dispatch: editRecordDispatch } = useEditRecordReducer();
     const antdListFieldsRef = useRef(null);
-    const { fetchValues } = useRefreshFieldValues(editRecordState.record?.library?.id, element.attribute?.id, editRecordState.record?.id);
-    const isMultipleValues = element.attribute.multiple_values;
     const { attribute } = element;
-    const creationErrors = useContext(CreationErrorContext);
-    const isInCreationMode = record === null;
-    const initialState = useMemo(() => computeInitialState({
-        element,
-        record,
-        isRecordReadOnly,
-        formVersion: editRecordState.valuesVersion,
-        metadataEdit
-    }), []);
-    const [state, dispatch] = useReducer(standardFieldReducer, initialState);
-    const [presentationValues, setPresentationValues] = useState(element.values.map(value => _getPresentationValue({
-        t,
-        format: attribute.format,
-        value: value.payload,
-        calculatedValue: state.calculatedValue,
-        inheritedValue: state.inheritedValue
-    })));
     useEffect(() => {
-        if (creationErrors[attribute.id]) {
-            // Affect error to each invalid value to display it on form
-            for (const fieldError of creationErrors[attribute.id]) {
-                const idValue = fieldError.id_value ?? null;
+        if (computedValues && computedValues[attribute.id]) {
+            setBackendValues(computedValues[attribute.id]);
+            antdForm.setFieldValue(attribute.id, getAntdDisplayedValue(computedValues[attribute.id], attribute));
+        }
+    }, [computedValues]);
+    if (!attribute) {
+        return _jsx(ErrorDisplay, { message: t('record_edition.missing_attribute') });
+    }
+    const { state, dispatch } = useEditRecordReducer();
+    useEffect(() => {
+        const _handleClickOutside = (event) => {
+            if (state.activeValue?.attribute?.id !== attribute.id) {
+                return;
+            }
+            const target = event.target;
+            const sideBarSelector = '#' + EDIT_RECORD_SIDEBAR_ID;
+            const inputWrapperSelector = '#' + STANDARDFIELD_ID_PREFIX + attribute.id;
+            const colorDropdownSelector = '.ant-popover.ant-color-picker';
+            const pickerDropdownSelector = '.ant-picker-dropdown';
+            const richTextModalSelector = '.kit-modal-wrapper.link-modal';
+            const allowedElementsToKeepValueDetailsDisplayed = target.closest(`${sideBarSelector}, ${inputWrapperSelector}, ${colorDropdownSelector}, ${pickerDropdownSelector}, ${richTextModalSelector}`);
+            if (!allowedElementsToKeepValueDetailsDisplayed) {
                 dispatch({
-                    type: StandardFieldReducerActionsTypes.SET_ERROR,
-                    idValue,
-                    error: fieldError.message
+                    type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+                    value: null
                 });
             }
-        }
-    }, [creationErrors, attribute.id]);
-    const setAntdErrorField = (error, fieldName) => {
+        };
+        document.addEventListener('mousedown', _handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', _handleClickOutside);
+        };
+    }, [state.activeValue, attribute.id, dispatch]);
+    const [backendValues, setBackendValues] = useState(element.values);
+    const calculatedFlags = computeCalculatedFlags(backendValues);
+    const inheritedFlags = computeInheritedFlags(backendValues);
+    const defaultValueToAddInAntdForm = getEmptyInitialValue(attribute);
+    const backendWithoutCalculatedOrInheritedValues = backendValues
+        .filter(backendValue => !backendValue.isCalculated && !backendValue.isInherited)
+        .sort((a, b) => Number(a.id_value) - Number(b.id_value));
+    const { presentationValues } = useGetPresentationValues({
+        //TODO fix type
+        values: backendWithoutCalculatedOrInheritedValues,
+        format: attribute.format,
+        calculatedValue: calculatedFlags.calculatedValue,
+        inheritedValue: inheritedFlags.inheritedValue
+    });
+    const _handleSubmit = (idValue, fieldName) => async (valueToSave) => {
+        const submitRes = await onValueSubmit([{ value: valueToSave, idValue: idValue ?? null, attribute }], null);
         const shouldSpecifyFieldName = attribute.multiple_values && fieldName !== undefined;
         const name = shouldSpecifyFieldName ? [attribute.id, fieldName] : attribute.id;
-        antdForm.setFields([
-            {
-                name,
-                errors: error ? [error] : null
-            }
-        ]);
-    };
-    const _handleSubmit = async (idValue, valueToSave, fieldName) => {
-        const isSavingNewValue = idValue === newValueId;
-        dispatch({
-            type: StandardFieldReducerActionsTypes.CLEAR_ERROR,
-            idValue
-        });
-        const valueVersion = state.values[state.activeScope].version;
-        const submitRes = await onValueSubmit([{ value: valueToSave, idValue: isSavingNewValue ? null : idValue, attribute }], valueVersion);
         if (submitRes.status === APICallStatus.SUCCESS) {
             if (antdForm) {
-                setAntdErrorField(null, fieldName);
-            }
-            const submitResValue = submitRes.values[0];
-            let resultValue;
-            if (state.metadataEdit) {
-                resultValue = {
-                    id_value: submitResValue.id_value,
-                    created_at: null,
-                    modified_at: null,
-                    created_by: null,
-                    modified_by: null,
-                    version: null,
-                    raw_payload: '',
-                    payload: '',
-                    metadata: null,
-                    attribute
-                };
-                if (state.metadataEdit) {
-                    const metadataValue = (submitResValue.metadata ?? []).find(({ name }) => name === element.attribute.id)?.value ?? null;
-                    resultValue.raw_payload = metadataValue.raw_payload ?? metadataValue.payload;
-                    resultValue.payload = metadataValue.payload;
-                }
-            }
-            else {
-                resultValue = submitResValue;
+                antdForm.setFields([
+                    {
+                        name,
+                        errors: null
+                    }
+                ]);
             }
-            if (valueToSave === null) {
-                dispatch({
-                    type: StandardFieldReducerActionsTypes.UPDATE_AFTER_DELETE,
-                    idValue
-                });
+            if (!attribute.multiple_values) {
+                setBackendValues(submitRes.values);
             }
             else {
-                dispatch({
-                    type: StandardFieldReducerActionsTypes.UPDATE_AFTER_SUBMIT,
-                    newValue: resultValue,
-                    idValue
+                setBackendValues(previousBackendValues => {
+                    const newBackendValues = [...previousBackendValues, ...submitRes.values].reduce((acc, backendValue) => {
+                        const existingValue = acc.find(o => o.id_value === backendValue.id_value &&
+                            o.isCalculated === backendValue.isCalculated &&
+                            o.isInherited === backendValue.isInherited);
+                        if (existingValue) {
+                            Object.assign(existingValue, backendValue);
+                        }
+                        else {
+                            acc.push(backendValue);
+                        }
+                        return acc;
+                    }, []);
+                    return newBackendValues;
                 });
             }
-            const index = fieldName ?? 0;
-            setPresentationValues(previousPresentationValues => {
-                const nextPresentationValues = [...previousPresentationValues];
-                nextPresentationValues[index] = _getPresentationValue({
-                    t,
-                    format: attribute.format,
-                    value: resultValue.payload,
-                    calculatedValue: state.calculatedValue,
-                    inheritedValue: state.inheritedValue
-                });
-                return nextPresentationValues;
-            });
-            const newActiveValue = state.metadataEdit
-                ? {
-                    ...editRecordState.activeValue,
-                    value: {
-                        ...editRecordState.activeValue.value,
-                        metadata: [
-                            ...(editRecordState.activeValue?.value?.metadata ?? []),
-                            {
-                                name: element.attribute.id,
-                                value: {
-                                    ...resultValue,
-                                    version: null,
-                                    metadata: null
-                                }
-                            }
-                        ]
-                    }
-                }
-                : null;
-            editRecordDispatch({
-                type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
-                value: newActiveValue
-            });
             return submitRes;
         }
-        let errorMessage = submitRes.error;
-        if (!errorMessage && submitRes.errors) {
-            const attributeError = (submitRes?.errors ?? []).filter(err => err.attribute === attribute.id)?.[0];
+        if (!submitRes.error && submitRes.errors) {
+            const attributeError = submitRes.errors.filter(err => err.attribute === attribute.id)?.[0];
             if (attributeError) {
-                errorMessage =
+                submitRes.error =
                     attributeError.type === ErrorTypes.VALIDATION_ERROR
                         ? attributeError.message
                         : t(`errors.${attributeError.type}`);
-                if (antdForm) {
-                    setAntdErrorField(errorMessage, fieldName);
-                }
             }
         }
-        dispatch({
-            type: StandardFieldReducerActionsTypes.SET_ERROR,
-            idValue,
-            error: errorMessage
-        });
-        return submitRes;
-    };
-    const _handleDelete = async (idValue) => {
-        dispatch({
-            type: StandardFieldReducerActionsTypes.UNEDIT_FIELD,
-            idValue
-        });
-        const deleteRes = await onValueDelete({ id_value: idValue }, attribute.id);
-        if (deleteRes.status === APICallStatus.SUCCESS) {
-            dispatch({
-                type: StandardFieldReducerActionsTypes.UPDATE_AFTER_DELETE,
-                idValue
-            });
-            if (!isInCreationMode) {
-                const freshValues = await fetchValues(state.values[state.activeScope].version);
-                dispatch({
-                    type: StandardFieldReducerActionsTypes.REFRESH_VALUES,
-                    formVersion: editRecordState.valuesVersion,
-                    values: freshValues
-                });
-            }
-            return;
+        if (submitRes.error && antdForm) {
+            antdForm.setFields([
+                {
+                    name,
+                    errors: [submitRes.error]
+                }
+            ]);
         }
-        dispatch({
-            type: StandardFieldReducerActionsTypes.SET_ERROR,
-            idValue,
-            error: deleteRes.error
-        });
-    };
-    const _handleAddValue = async (antdAdd) => {
-        dispatch({
-            type: StandardFieldReducerActionsTypes.ADD_VALUE
-        });
-        antdAdd();
+        return submitRes;
     };
-    const _handleDeleteValue = async (field, antdRemove, deletedFieldIndex) => {
-        if (field.idValue !== newValueId) {
-            await onValueDelete({ id_value: field.idValue }, attribute.id);
+    const _handleDeleteValue = async (idValue, antdRemove, deletedFieldIndex) => {
+        if (idValue) {
+            await onValueDelete({ id_value: idValue }, attribute.id);
+            setBackendValues(previousBackendValues => previousBackendValues.filter(backendValue => backendValue.id_value !== idValue));
         }
         antdRemove(deletedFieldIndex);
-        setPresentationValues(previousPresentationValues => previousPresentationValues.filter((_, index) => index !== deletedFieldIndex));
-        dispatch({
-            type: StandardFieldReducerActionsTypes.UPDATE_AFTER_DELETE,
-            idValue: field.idValue
-        });
-    };
-    const _handleScopeChange = (scope) => {
-        dispatch({
-            type: StandardFieldReducerActionsTypes.CHANGE_VERSION_SCOPE,
-            scope
-        });
     };
     const _handleDeleteAllValues = async () => {
-        const deleteRes = await onDeleteMultipleValues(attribute.id, Object.values(state.values[state.activeScope].values).map(v => v.value), null);
+        const deleteRes = await onDeleteMultipleValues(attribute.id, backendValues.filter(b => b.id_value), null);
         if (deleteRes.status === APICallStatus.SUCCESS) {
             antdListFieldsRef.current.remove(antdListFieldsRef.current.indexes);
-            antdListFieldsRef.current.add();
-            setPresentationValues(['']);
-            dispatch({
-                type: StandardFieldReducerActionsTypes.UPDATE_AFTER_DELETE,
-                allDeleted: true
-            });
-            if (!isInCreationMode) {
-                const freshValues = await fetchValues(state.values[state.activeScope].version);
-                dispatch({
-                    type: StandardFieldReducerActionsTypes.REFRESH_VALUES,
-                    formVersion: editRecordState.valuesVersion,
-                    values: freshValues
-                });
-            }
+            antdListFieldsRef.current.add(defaultValueToAddInAntdForm);
+            setBackendValues(previousBackendValues => previousBackendValues.filter(backendValue => !backendValue.id_value));
             return;
         }
+    };
+    const setActiveValue = () => {
         dispatch({
-            type: StandardFieldReducerActionsTypes.SET_ERROR,
-            idValue: state.values[state.activeScope].values[0]?.idValue,
-            error: deleteRes.error
+            type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+            value: {
+                value: null, // Value is needed for Tree or Metadata (for now it seems that we don't need it)
+                editingValue: null, // Set to null because it is only use to compute value.length but it will no longer be used (TO REMOVE IN XSTREAM-1094)
+                attribute
+            }
         });
     };
-    if (!element.attribute) {
-        return _jsx(ErrorDisplay, { message: t('record_edition.missing_attribute') });
-    }
-    const valuesToDisplay = Object.values(state.values[state.activeScope].values).sort((valueA, valueB) => valueA.index - valueB.index);
-    const hasValue = valuesToDisplay[0].idValue !== newValueId && valuesToDisplay[0].idValue !== null;
-    const canAddAnotherValue = !state.isReadOnly &&
+    const isMultipleValues = element.attribute.multiple_values;
+    const hasValue = isMultipleValues && backendValues.length > 0;
+    const canAddAnotherValue = !readonly &&
         isMultipleValues &&
         attribute.format !== AttributeFormat.boolean &&
         attribute.format !== AttributeFormat.encrypted;
-    const canDeleteAllValues = !state.isReadOnly && hasValue && valuesToDisplay.length > 1;
-    const isAttributeVersionable = attribute?.versions_conf?.versionable;
-    const versions = {
-        [VersionFieldScope.CURRENT]: state.values[VersionFieldScope.CURRENT]?.version ?? null,
-        [VersionFieldScope.INHERITED]: state.values[VersionFieldScope.INHERITED]?.version ?? null
-    };
-    const label = localizedTranslation(state.formElement.settings.label, availableLang);
-    const { onValueDetailsButtonClick } = useValueDetailsButton({
-        value: valuesToDisplay[0]?.value,
-        attribute: state.attribute
-    });
-    const shouldShowValueDetailsButton = editRecordState.withInfoButton;
-    const _getFormattedValueForHelper = (valueToFormat) => {
-        switch (state.attribute.format) {
-            case AttributeFormat.date_range:
-                return t('record_edition.date_range_from_to', {
-                    from: valueToFormat.payload.from,
-                    to: valueToFormat.payload.to
-                });
-            case AttributeFormat.encrypted:
-                return valueToFormat.payload ? '●●●●●●●' : '';
-            case AttributeFormat.color:
-                return '#' + valueToFormat.payload;
-            default:
-                return valueToFormat.payload;
-        }
-    };
-    const _getHelper = () => {
-        if (attribute.multiple_values) {
-            return;
-        }
-        if (state.isInheritedOverrideValue) {
-            return t('record_edition.inherited_input_helper', {
-                inheritedValue: _getFormattedValueForHelper(state.inheritedValue)
-            });
-        }
-        if (state.isCalculatedOverrideValue) {
-            return t('record_edition.calculated_input_helper', {
-                calculatedValue: _getFormattedValueForHelper(state.calculatedValue)
-            });
-        }
-        return;
-    };
+    const canDeleteAllValues = !readonly && hasValue && backendValues.length > 1;
+    const label = localizedTranslation(element.settings.label, availableLang);
     let isFieldInError = false;
     if (antdForm) {
-        const hasErrorsInFormList = valuesToDisplay.some((_, index) => {
+        const hasErrorsInFormList = backendValues.some((_, index) => {
             const errors = antdForm.getFieldError([attribute.id, index]);
             return errors.length > 0;
         });
         isFieldInError = antdForm.getFieldError(attribute.id).length > 0 || hasErrorsInFormList;
     }
-    return (_jsx(StandardFieldReducerContext.Provider, { value: { state, dispatch }, children: _jsxs(Wrapper, { "$metadataEdit": metadataEdit, children: [_jsxs(KitInputWrapperStyled, { label: label, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, helper: _getHelper(), required: state.formElement.settings.required, disabled: state.isReadOnly, bordered: attribute.multiple_values, status: isFieldInError ? 'error' : undefined, actions: canDeleteAllValues
-                        ? [_jsx(DeleteAllValuesButton, { handleDelete: _handleDeleteAllValues })]
-                        : undefined, htmlFor: attribute.id, children: [!attribute.multiple_values && (_jsx(StandardFieldValue, { value: valuesToDisplay[0], presentationValue: presentationValues[0], state: state, dispatch: dispatch, onSubmit: _handleSubmit, onDelete: _handleDelete, onScopeChange: _handleScopeChange }, valuesToDisplay[0].idValue)), attribute.multiple_values && (_jsx(Form.List, { name: attribute.id, children: (fields, { add, remove }) => {
-                                antdListFieldsRef.current = { add, remove, indexes: fields.map((_, index) => index) };
-                                return (_jsxs(_Fragment, { children: [_jsx(KitFieldsWrapper, { children: fields.map((field, index) => (_jsxs(RowValueWrapper, { children: [_jsx(StandardFieldValueWrapper, { children: _jsx(StandardFieldValue, { listField: field, value: valuesToDisplay[index], presentationValue: presentationValues[index], state: state, dispatch: dispatch, onSubmit: _handleSubmit, onDelete: _handleDelete, onScopeChange: _handleScopeChange }) }), fields.length > 1 && (_jsx(KitDeleteValueButton, { type: "tertiary", icon: _jsx(FaTrash, {}), onClick: () => _handleDeleteValue(valuesToDisplay[index], remove, index) }))] }, field.key))) }), canAddAnotherValue && (_jsx(KitAddValueButton, { type: "secondary", size: "m", icon: _jsx(FaPlus, {}), onClick: () => _handleAddValue(add), disabled: valuesToDisplay.some(value => value.idValue === newValueId), children: t('record_edition.add_value') }))] }));
-                            } }))] }), attribute?.versions_conf?.versionable && (_jsx(FieldFooter, { bordered: true, style: {
-                        flexDirection: !isAttributeVersionable ? 'row' : 'row-reverse'
-                    }, children: _jsx("div", { children: isAttributeVersionable && (_jsx(ValuesVersionBtn, { basic: true, versions: versions, activeScope: state.activeScope, onScopeChange: _handleScopeChange })) }) }))] }) }));
+    const isReadOnly = attribute.readonly || readonly;
+    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsxs(KitInputWrapperStyled, { id: STANDARDFIELD_ID_PREFIX + attribute.id, label: label, required: attribute.required, disabled: isReadOnly, bordered: attribute.multiple_values, status: isFieldInError ? 'error' : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), canDeleteAllValues && _jsx(DeleteAllValuesButton, { handleDelete: _handleDeleteAllValues })] }), htmlFor: attribute.id, children: [!attribute.multiple_values && (_jsx(StandardFieldValue, { presentationValue: presentationValues[0], handleSubmit: _handleSubmit(backendWithoutCalculatedOrInheritedValues[0]?.id_value), attribute: attribute, required: attribute.required, readonly: isReadOnly, label: label, calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags, setActiveValue: setActiveValue })), attribute.multiple_values && (_jsx(Form.List, { name: attribute.id, children: (fields, { add, remove }) => {
+                        antdListFieldsRef.current = { add, remove, indexes: fields.map((_, index) => index) };
+                        const shouldDisabledAddValueButton = fields.length > backendWithoutCalculatedOrInheritedValues.length;
+                        return (_jsxs(_Fragment, { children: [_jsx(KitFieldsWrapper, { children: fields.map((field, index) => (_jsxs(RowValueWrapper, { children: [_jsx(StandardFieldValueWrapper, { children: _jsx(StandardFieldValue, { listField: field, presentationValue: presentationValues[index] ?? '', handleSubmit: _handleSubmit(backendWithoutCalculatedOrInheritedValues[index]?.id_value, field.name), attribute: attribute, label: label, required: attribute.required, readonly: isReadOnly, calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags, isLastValueOfMultivalues: index === fields.length - 1 && index !== 0, removeLastValueOfMultivalues: () => remove(index), setActiveValue: setActiveValue }) }), fields.length > 1 && (_jsx(KitDeleteValueButton, { type: "tertiary", title: t('record_edition.delete_value'), icon: _jsx(FaTrash, {}), onClick: () => _handleDeleteValue(backendWithoutCalculatedOrInheritedValues[index]
+                                                    ?.id_value, remove, index) }))] }, field.key))) }), canAddAnotherValue && (_jsx(KitTooltip, { title: shouldDisabledAddValueButton
+                                        ? t('record_edition.please_select_value_before_adding')
+                                        : undefined, children: _jsx(KitAddValueButton, { type: "secondary", size: "m", icon: _jsx(FaPlus, {}), onClick: () => add(defaultValueToAddInAntdForm), disabled: shouldDisabledAddValueButton, children: t('record_edition.add_value') }) }))] }));
+                    } }))] }) }));
 };
 export default StandardField;
 //# sourceMappingURL=StandardField.js.map