@leav/ui 0.4.0-c10dd58e → 0.4.0-c3ee29dd

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } 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 { localizedTranslation } from '@leav/utils';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
 import { AntForm, KitInputWrapper } from 'aristid-ds';
 import { useLang } from '../../../../../hooks';
@@ -12,8 +12,7 @@ import { LINK_FIELD_ID_PREFIX } from '../../../../../constants';
 import { computeCalculatedFlags, computeInheritedFlags } from '../shared/calculatedInheritedFlags';
 import { ComputeIndicator } from '../shared/ComputeIndicator';
 import { useOutsideInteractionDetector } from '../shared/useOutsideInteractionDetector';
-import { useLinkRecordsInCreation } from './link-record-in-creation/useLinkRecordsInCreation';
-import { useLinkRecordsInEdition } from './link-record-in-edition/useLinkRecordsInEdition';
+import { useLinkRecords } from './link-record/useLinkRecords';
 import { CREATE_RECORD_MODAL_CLASSNAME, EDIT_RECORD_MODAL_CLASSNAME, LINK_RECORDS_MODAL_CLASSNAME } from '../../../../../components/Explorer/_constants';
 const Wrapper = styled.div `
     margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};
@@ -40,14 +39,10 @@ const KitInputWrapperStyled = styled(KitInputWrapper) `
         display: none;
     }
 `;
-const LinkField = ({ element, readonly, isCreationForm, pendingValues, onDeleteMultipleValues, onValueSubmit, onValueDelete, metadataEdit = false }) => {
+const LinkField = ({ element, readonly, isFormCreationMode, onDeleteMultipleValues, metadataEdit = false }) => {
     const { state, dispatch } = useEditRecordReducer();
     const { lang } = useLang();
     const { settings, attribute, joinLibraryContext } = element;
-    const attributesPendingDefaultValues = pendingValues?.[attribute.id]
-        ? Object.values(pendingValues?.[attribute.id])
-        : [];
-    const [attributePendingValues, setAttributePendingValues] = useState(attributesPendingDefaultValues);
     const [backendValues, setBackendValues] = useState(element.values);
     const calculatedFlags = computeCalculatedFlags(backendValues);
     const inheritedFlags = computeInheritedFlags(backendValues);
@@ -57,19 +52,12 @@ const LinkField = ({ element, readonly, isCreationForm, pendingValues, onDeleteM
     const columnsToDisplay = settings.columns?.map(({ id }) => id);
     const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly;
     const isFieldInError = fieldErrors.length > 0;
-    useEffect(() => {
-        setAttributePendingValues(pendingValues?.[attribute.id]
-            ? Object.values(pendingValues?.[attribute.id])
-            : []);
-    }, [pendingValues, attribute.id]);
     useOutsideInteractionDetector({
         attribute,
         activeAttribute: state.activeAttribute,
         attributePrefix: LINK_FIELD_ID_PREFIX,
         dispatch,
-        isCreationForm,
-        elementValues: backendValues,
-        pendingValues: attributePendingValues,
+        backendValues,
         allowedSelectors: [
             'div[role="status"]:has(.kit-snackbar-message)',
             '.kit-modal-wrapper',
@@ -79,36 +67,21 @@ const LinkField = ({ element, readonly, isCreationForm, pendingValues, onDeleteM
             '.kit-select-dropdown-content'
         ]
     });
-    const { UnlinkAllRecordsInCreation, LinkRecordsInCreation } = useLinkRecordsInCreation({
-        attribute,
-        libraryId: attribute.linked_library.id,
-        pendingValues: attributePendingValues,
-        activeAttribute: state.activeAttribute,
-        dispatch,
-        isHookUsed: isCreationForm,
-        isReadOnly,
-        isFieldInError,
-        onValueSubmit,
-        onValueDelete
-    });
-    const { UnlinkAllRecordsInEdition, LinkRecordsInEditionExplorer } = useLinkRecordsInEdition({
+    const { UnlinkAllRecords, LinkRecordsExplorer } = useLinkRecords({
         libraryId: state.libraryId,
         recordId: state.record?.id,
+        isFormCreationMode,
         attribute,
         joinLibraryContext,
         columnsToDisplay,
         backendValues,
         setBackendValues,
-        activeAttribute: state.activeAttribute,
-        dispatch,
-        isHookUsed: !isCreationForm,
         isReadOnly,
         isFieldInError,
-        tagDisplayMode: settings.tagDisplayMode,
         hasNoValue: backendValues.length === 0,
         onDeleteMultipleValues
     });
-    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsx(AntForm.Item, { name: attribute.id, noStyle: true, children: _jsx(KitInputWrapperStyled, { id: LINK_FIELD_ID_PREFIX + attribute.id, "data-testid": "link-field", label: label, required: attribute.required, bordered: true, disabled: isReadOnly, status: isFieldInError ? 'error' : undefined, helper: isFieldInError ? String(fieldErrors[0]) : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), isCreationForm ? UnlinkAllRecordsInCreation : UnlinkAllRecordsInEdition] }), children: isCreationForm ? LinkRecordsInCreation : LinkRecordsInEditionExplorer }) }) }));
+    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsx(AntForm.Item, { name: attribute.id, noStyle: true, children: _jsx(KitInputWrapperStyled, { id: LINK_FIELD_ID_PREFIX + attribute.id, "data-testid": "link-field", label: label, required: attribute.required, bordered: true, disabled: isReadOnly, status: isFieldInError ? 'error' : undefined, helper: isFieldInError ? String(fieldErrors[0]) : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), UnlinkAllRecords] }), children: LinkRecordsExplorer }) }) }));
 };
 export default LinkField;
 //# sourceMappingURL=LinkField.js.map

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

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/ActionButton.d.ts

@@ -0,0 +1,3 @@
+export declare const ActionButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("aristid-ds/dist/Kit/General/Button/types").IKitButton & import("react").RefAttributes<HTMLElement>, {
+    $hasNoValue: boolean;
+}>> & import("aristid-ds/dist/Kit/General/Button/types").KitButtonCompoundedComponent;

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/ActionButton.js

@@ -0,0 +1,9 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { KitButton } from 'aristid-ds';
+import styled from 'styled-components';
+export const ActionButton = styled(KitButton) `
+    margin-top: ${props => (props.$hasNoValue ? 0 : 'calc((var(--general-spacing-xs)) * 1px)')};
+`;
+//# sourceMappingURL=ActionButton.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/ActionButton.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAwB;kBACnD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC;CAC7F,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/{link-record-in-edition/useLinkRecords.d.ts → link-record/useExplorerLinkRecords.d.ts}

@@ -3,13 +3,13 @@ import { DeleteMultipleValuesFunc, ISubmitMultipleResult } from '../../../_types
 import { Dispatch, SetStateAction } from 'react';
 import { IItemData, MassSelection } from '../../../../../../components/Explorer/_types';
 import { RecordFormElementsValueLinkValue } from '../../../../../../hooks/useGetRecordForm';
-interface IUseLinkRecordsProps {
+interface IUseExplorerLinkRecordsProps {
     attribute: RecordFormAttributeLinkAttributeFragment;
     backendValues: RecordFormElementsValueLinkValue[];
     setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;
     onDeleteMultipleValues: DeleteMultipleValuesFunc;
 }
-export declare const useLinkRecords: ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }: IUseLinkRecordsProps) => {
+export declare const useExplorerLinkRecords: ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }: IUseExplorerLinkRecordsProps) => {
     handleDeleteAllValues: () => Promise<void>;
     handleExplorerRemoveValue: (item: IItemData) => void;
     handleExplorerMassDeactivateValues: (_massSelectedFilter: RecordFilterInput[], massSelection: MassSelection) => void;

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/{link-record-in-edition/useLinkRecords.js → link-record/useExplorerLinkRecords.js}

@@ -2,7 +2,7 @@ import { APICallStatus } from '../../../_types';
 import { AntForm } from 'aristid-ds';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 import { ErrorTypes } from '@leav/utils';
-export const useLinkRecords = ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }) => {
+export const useExplorerLinkRecords = ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }) => {
     const { t } = useSharedTranslation();
     const form = AntForm.useFormInstance();
     const removeValues = (filterFn, useIdValue = false) => {
@@ -52,7 +52,7 @@ export const useLinkRecords = ({ attribute, backendValues, setBackendValues, onD
                     errors: []
                 }
             ]);
-            setBackendValues([...backendValues, ...saveLinkValues]);
+            setBackendValues(previousBackendValues => [...previousBackendValues, ...saveLinkValues]);
         }
         if (saveValuesResult.status === APICallStatus.ERROR && saveValuesResult.errors) {
             const attributeError = saveValuesResult.errors.filter(err => err.attribute === attribute.id)?.[0];
@@ -82,4 +82,4 @@ export const useLinkRecords = ({ attribute, backendValues, setBackendValues, onD
         handleExplorerCreateValue
     };
 };
-//# sourceMappingURL=useLinkRecords.js.map
+//# sourceMappingURL=useExplorerLinkRecords.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/useExplorerLinkRecords.js.map

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/{link-record-in-edition/useLinkRecordsInEdition.d.ts → link-record/useLinkRecords.d.ts}

@@ -3,26 +3,22 @@ import { ComponentProps, Dispatch, SetStateAction } from 'react';
 import { DeleteMultipleValuesFunc } from '../../../_types';
 import { JoinLibraryContextFragment, RecordFormAttributeLinkAttributeFragment } from '../../../../../../_gqlTypes';
 import { RecordFormElementsValueLinkValue } from '../../../../../../hooks/useGetRecordForm';
-import { IEditRecordReducerActions, IRecordPropertyWithAttribute } from '../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
-interface ILinkRecordsInCreationProps {
+interface ILinkRecords {
     libraryId: string;
     recordId: string;
+    isFormCreationMode: boolean;
     attribute: RecordFormAttributeLinkAttributeFragment;
     joinLibraryContext: JoinLibraryContextFragment;
     columnsToDisplay: ComponentProps<typeof Explorer>['defaultViewSettings']['attributesIds'];
     backendValues: RecordFormElementsValueLinkValue[];
     setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;
-    activeAttribute: IRecordPropertyWithAttribute | null;
-    dispatch: Dispatch<IEditRecordReducerActions>;
-    isHookUsed: boolean;
     isReadOnly: boolean;
     isFieldInError: boolean;
-    tagDisplayMode: boolean;
     hasNoValue: boolean;
     onDeleteMultipleValues: DeleteMultipleValuesFunc;
 }
-export declare const useLinkRecordsInEdition: ({ libraryId, recordId, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, activeAttribute, dispatch, isHookUsed, isReadOnly, isFieldInError, tagDisplayMode, onDeleteMultipleValues }: ILinkRecordsInCreationProps) => {
-    UnlinkAllRecordsInEdition: JSX.Element;
-    LinkRecordsInEditionExplorer: JSX.Element;
+export declare const useLinkRecords: ({ libraryId, recordId, isFormCreationMode, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, isReadOnly, isFieldInError, hasNoValue, onDeleteMultipleValues }: ILinkRecords) => {
+    UnlinkAllRecords: JSX.Element;
+    LinkRecordsExplorer: JSX.Element;
 };
 export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/useLinkRecords.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { Explorer } from '../../../../../../components/Explorer';
+import { useEffect, useState } from 'react';
+import { ExplorerWrapper } from '../shared/ExplorerWrapper';
+import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
+import { AntForm, KitSpace } from 'aristid-ds';
+import { useExplorerLinkRecords } from './useExplorerLinkRecords';
+import { FaList } from 'react-icons/fa';
+import { ActionButton } from './ActionButton';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+const _shouldUpdateExplorerActions = (ref, explorerActions) => ref?.createAction?.disabled !== explorerActions?.createAction?.disabled ||
+    ref?.linkAction?.disabled !== explorerActions?.linkAction?.disabled ||
+    ref?.totalCount !== explorerActions?.totalCount;
+export const useLinkRecords = ({ libraryId, recordId, isFormCreationMode, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, isReadOnly, isFieldInError, hasNoValue, onDeleteMultipleValues }) => {
+    const { t } = useSharedTranslation();
+    const form = AntForm.useFormInstance();
+    const [explorerActions, setExplorerActions] = useState(null);
+    const { handleDeleteAllValues, handleExplorerCreateValue, handleExplorerLinkValue, handleExplorerMassDeactivateValues, handleExplorerRemoveValue } = useExplorerLinkRecords({
+        attribute,
+        backendValues,
+        setBackendValues,
+        onDeleteMultipleValues
+    });
+    const _handleExplorerRef = (ref) => {
+        if (_shouldUpdateExplorerActions(ref, explorerActions)) {
+            setExplorerActions({
+                createAction: ref?.createAction,
+                linkAction: ref?.linkAction,
+                totalCount: ref?.totalCount
+            });
+        }
+    };
+    const _getExplorerItemActions = () => {
+        if (isReadOnly) {
+            return [];
+        }
+        if ((!attribute.multiple_values && attribute.required) ||
+            (attribute.multiple_values && backendValues.length === 1 && attribute.required)) {
+            return ['edit'];
+        }
+        return ['edit', 'remove'];
+    };
+    useEffect(() => {
+        if (!isFormCreationMode && backendValues.length === 0 && attribute.required) {
+            form.setFields([{ name: attribute.id, errors: [t('errors.standard_field_required')] }]);
+        }
+    }, []);
+    return {
+        UnlinkAllRecords: backendValues.length > 1 && attribute.multiple_values && !attribute.required && (_jsx(DeleteAllValuesButton, { handleDelete: handleDeleteAllValues, disabled: isReadOnly, danger: isFieldInError })),
+        LinkRecordsExplorer: recordId && (_jsxs(_Fragment, { children: [_jsx(ExplorerWrapper, { children: _jsx(Explorer, { ref: _handleExplorerRef, defaultViewSettings: {
+                            attributesIds: columnsToDisplay
+                        }, entrypoint: {
+                            type: 'link',
+                            parentLibraryId: libraryId,
+                            parentRecordId: recordId,
+                            linkAttributeId: attribute.id
+                        }, defaultCallbacks: {
+                            item: {
+                                remove: handleExplorerRemoveValue
+                            },
+                            mass: {
+                                deactivate: handleExplorerMassDeactivateValues
+                            },
+                            primary: {
+                                link: handleExplorerLinkValue,
+                                create: handleExplorerCreateValue
+                            }
+                        }, showTitle: false, showSearch: false, selectionMode: attribute.multiple_values ? 'multiple' : 'simple', disableSelection: isReadOnly ||
+                            !attribute.multiple_values ||
+                            (attribute.required && attribute.multiple_values && backendValues.length === 1), defaultActionsForItem: _getExplorerItemActions(), joinLibraryContext: joinLibraryContext, hidePrimaryActions: true, hideTableHeader: true, iconsOnlyItemActions: true }) }), _jsxs(KitSpace, { size: "xs", style: { padding: '1rem' }, children: [_jsx(ActionButton, { type: "secondary", size: "m", "$hasNoValue": hasNoValue, icon: explorerActions?.createAction?.icon, disabled: isReadOnly || explorerActions?.createAction?.disabled, onClick: explorerActions?.createAction?.callback, children: explorerActions?.createAction?.label }), _jsx(ActionButton, { type: "secondary", size: "m", "$hasNoValue": hasNoValue, icon: _jsx(FaList, {}), disabled: isReadOnly || (attribute.multiple_values && explorerActions?.linkAction?.disabled), onClick: explorerActions?.linkAction?.callback, children: explorerActions?.linkAction?.label })] })] }))
+    };
+};
+//# sourceMappingURL=useLinkRecords.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/useLinkRecords.js.map

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.js

@@ -7,6 +7,7 @@ export const FILTER_ON_ID_DEFAULT_FIELDS = {
     attribute: {
         format: AttributeFormat.text,
         label: 'id',
+        id: 'id',
         type: AttributeType.simple
     },
     field: 'id',

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAGpF,MAAM,CAAC,MAAM,2BAA2B,GAA2C;IAC/E,EAAE,EAAE,EAAE;IACN,SAAS,EAAE;QACP,MAAM,EAAE,eAAe,CAAC,IAAI;QAC5B,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,aAAa,CAAC,MAAM;KAC7B;IACD,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,qBAAqB,CAAC,KAAK;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA8B;IACxD;QACI,GAAG,2BAA2B;QAC9B,KAAK,EAAE,WAAW;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAGpF,MAAM,CAAC,MAAM,2BAA2B,GAA2C;IAC/E,EAAE,EAAE,EAAE;IACN,SAAS,EAAE;QACP,MAAM,EAAE,eAAe,CAAC,IAAI;QAC5B,KAAK,EAAE,IAAI;QACX,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,aAAa,CAAC,MAAM;KAC7B;IACD,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,qBAAqB,CAAC,KAAK;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA8B;IACxD;QACI,GAAG,2BAA2B;QAC9B,KAAK,EAAE,WAAW;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC"}

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

@@ -3,7 +3,9 @@ import { FunctionComponent } from 'react';
 import { RecordFormElementsValueStandardValue } from '../../../../../hooks/useGetRecordForm/useGetRecordForm';
 import { IFormElementProps } from '../../_types';
 import { FormInstance } from 'antd';
+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

@@ -58,97 +58,115 @@ const KitAddValueButton = styled(KitButton) `
     margin-top: calc((var(--general-spacing-xs) - 3) * 1px);
     margin-bottom: 3px;
 `;
-const StandardField = ({ element, antdForm, readonly, isCreationForm, pendingValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false }) => {
+const StandardField = ({ element, computedValues, isFormCreationMode, antdForm, readonly, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false }) => {
     const { t } = useSharedTranslation();
     const { lang } = useLang();
-    const [elementValuesWithoutCalculatedOrInherited, setElementValuesWithoutCalculatedOrInherited] = useState([]);
     const antdListFieldsRef = useRef(null);
     const { attribute } = element;
     useEffect(() => {
-        if (element?.values?.length && antdForm && attribute) {
-            if (attribute.multiple_values) {
-                const antdDisplayedValues = element.values
-                    .sort((a, b) => Number(a.id_value) - Number(b.id_value))
-                    .map(v => getAntdDisplayedValue([v], attribute));
-                antdForm.setFieldValue(attribute.id, antdDisplayedValues);
-            }
-            else {
-                antdForm.setFieldValue(attribute.id, getAntdDisplayedValue(element.values, attribute));
-            }
+        if (computedValues && computedValues[attribute.id]) {
+            setBackendValues(computedValues[attribute.id]);
+            antdForm.setFieldValue(attribute.id, getAntdDisplayedValue(computedValues[attribute.id], attribute));
         }
-    }, [element.values]);
+    }, [computedValues]);
     if (!attribute) {
         return _jsx(ErrorDisplay, { message: t('record_edition.missing_attribute') });
     }
     const { state, dispatch } = useEditRecordReducer();
-    const calculatedFlags = computeCalculatedFlags(element.values ?? []);
-    const inheritedFlags = computeInheritedFlags(element.values ?? []);
+    const [backendValues, setBackendValues] = useState(element.values);
+    const calculatedFlags = computeCalculatedFlags(backendValues);
+    const inheritedFlags = computeInheritedFlags(backendValues);
     const defaultValueToAddInAntdForm = getEmptyInitialValue(attribute);
-    const [attributePendingValues, setAttributePendingValues] = useState([]);
-    useEffect(() => {
-        setAttributePendingValues(pendingValues?.[attribute.id]
-            ? Object.values(pendingValues?.[attribute.id])
-            : []);
-    }, [pendingValues, attribute.id]);
     useEffect(() => {
         if (state.activeAttribute?.attribute.id === attribute.id) {
             dispatch({
                 type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
-                values: element.values
+                values: backendValues
             });
         }
-        // Refresh elementValuesWithoutCalculatedOrInherited that depends on element.values
-        // Todo, ideally refactor this part
-        // If the backend send back inherited value as an attribute of the value and not as another value
-        // it would simplify the code and permit to use element.values as it is
-        setElementValuesWithoutCalculatedOrInherited((element.values ?? [])
-            .filter(elementValue => !elementValue.isCalculated && !elementValue.isInherited)
-            .sort((a, b) => Number(a.id_value) - Number(b.id_value)));
-    }, [element.values]);
+    }, [backendValues]);
+    useEffect(() => {
+        if (!isFormCreationMode && backendValues.length === 0 && attribute.required) {
+            antdForm.setFields([{ name: attribute.id, errors: [t('errors.standard_field_required')] }]);
+        }
+    }, []);
     useOutsideInteractionDetector({
         attribute,
         activeAttribute: state.activeAttribute,
         attributePrefix: STANDARD_FIELD_ID_PREFIX,
         dispatch,
-        isCreationForm,
-        elementValues: element.values ?? [],
-        pendingValues: attributePendingValues,
+        backendValues,
         allowedSelectors: ['.ant-popover.ant-color-picker', '.ant-picker-dropdown', '.kit-modal-wrapper.link-modal']
     });
+    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: elementValuesWithoutCalculatedOrInherited,
+        values: backendWithoutCalculatedOrInheritedValues,
         format: attribute.format,
         calculatedValue: calculatedFlags.calculatedValue,
         inheritedValue: inheritedFlags.inheritedValue
     });
-    const _handleSubmit = (idValue, fieldName) => async (valueToSave) => {
+    const _handleSubmit = (idValue, fieldName, submittedFieldIndex) => async (valueToSave) => {
         const shouldSpecifyFieldName = attribute.multiple_values && fieldName !== undefined;
         const name = shouldSpecifyFieldName ? [attribute.id, fieldName] : attribute.id;
-        // Clear error on the input
         if (antdForm) {
-            antdForm.setFields([{ name, errors: undefined }]);
+            antdForm.setFields([
+                {
+                    name,
+                    errors: null
+                }
+            ]);
         }
-        // Send request to api
         let submitRes;
         if (attribute.multiple_values) {
+            if (valueToSave === '') {
+                _handleDeleteValue(idValue, submittedFieldIndex);
+                return;
+            }
             submitRes = await onValueSubmit([{ value: valueToSave, idValue: idValue ?? null, attribute }], null);
+            if (submitRes.status === APICallStatus.SUCCESS) {
+                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;
+                });
+                return submitRes;
+            }
         }
         else {
-            if (!valueToSave) {
-                submitRes = await onValueDelete({ id_value: idValue, payload: null }, attribute.id);
+            if (valueToSave) {
+                submitRes = await onValueSubmit([{ value: valueToSave, idValue: idValue ?? null, attribute }], null);
+                if (submitRes.status === APICallStatus.SUCCESS) {
+                    setBackendValues(submitRes.values ?? []);
+                    return submitRes;
+                }
             }
             else {
-                submitRes = await onValueSubmit([{ value: valueToSave, idValue: idValue ?? null, attribute }], null);
+                if (backendWithoutCalculatedOrInheritedValues.length > 0) {
+                    submitRes = await onValueDelete({ id_value: idValue, payload: null }, attribute.id);
+                    if (submitRes.status === APICallStatus.SUCCESS) {
+                        setBackendValues(previousBackendValues => previousBackendValues.filter(value => (value.isCalculated !== null && value.isCalculated !== undefined) ||
+                            (value.isInherited !== null && value.isInherited !== undefined)));
+                        return submitRes;
+                    }
+                }
             }
         }
         if (!submitRes) {
             return;
         }
-        if (submitRes.status === APICallStatus.SUCCESS) {
-            return submitRes;
-        }
-        // Parse errors from api response
         if (!submitRes.error && submitRes.errors) {
             const attributeError = submitRes.errors.filter(err => err.attribute === attribute.id)?.[0];
             if (attributeError) {
@@ -158,43 +176,38 @@ const StandardField = ({ element, antdForm, readonly, isCreationForm, pendingVal
                         : t(`errors.${attributeError.type}`);
             }
         }
-        // Display errors on input if found
         if (submitRes.error && antdForm) {
-            antdForm.setFields([{ name, errors: [submitRes.error] }]);
+            antdForm.setFields([
+                {
+                    name,
+                    errors: [submitRes.error]
+                }
+            ]);
         }
         return submitRes;
     };
-    const resetErrors = (fieldName) => {
-        // Re check error if we click in the input
-        if (attribute.multiple_values && fieldName !== undefined) {
-            antdForm?.setFields([{ name: [attribute.id, fieldName], errors: undefined }]);
-        }
-        else {
-            antdForm?.setFields([{ name: attribute.id, errors: undefined }]);
-        }
-    };
-    const _handleDeleteValue = async (idValue, antdRemove, deletedFieldIndex) => {
+    const _handleDeleteValue = async (idValue, deletedFieldIndex) => {
         if (idValue) {
             await onValueDelete({ id_value: idValue }, attribute.id);
-            // remove the value from element.values
-            setElementValuesWithoutCalculatedOrInherited(elementValuesWithoutCalculatedOrInherited
-                .filter(elementValue => elementValue.id_value !== idValue)
-                .sort((a, b) => Number(a.id_value) - Number(b.id_value)));
+            setBackendValues(previousBackendValues => previousBackendValues.filter(backendValue => backendValue.id_value !== idValue));
+        }
+        antdListFieldsRef.current.remove(deletedFieldIndex);
+        if (backendWithoutCalculatedOrInheritedValues.length === 1) {
+            antdListFieldsRef.current.add(defaultValueToAddInAntdForm);
         }
-        antdRemove(deletedFieldIndex);
     };
     const _handleDeleteAllValues = async () => {
-        const deleteRes = await onDeleteMultipleValues(attribute.id, (element.values ?? []).filter(b => b.id_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(defaultValueToAddInAntdForm);
-            setElementValuesWithoutCalculatedOrInherited([]);
+            setBackendValues(previousBackendValues => previousBackendValues.filter(backendValue => !backendValue.id_value));
             return;
         }
     };
     let isFieldInError = false;
     if (antdForm) {
-        const hasErrorsInFormList = element.values?.some((_, index) => {
+        const hasErrorsInFormList = backendValues.some((_, index) => {
             const errors = antdForm.getFieldError([attribute.id, index]);
             return errors.length > 0;
         });
@@ -202,21 +215,21 @@ const StandardField = ({ element, antdForm, readonly, isCreationForm, pendingVal
         isFieldInError =
             antdForm.getFieldError(attribute.id).length > 0 || hasErrorsInFormList || multipleFieldRequiredInError;
     }
-    const isMultipleValues = element.attribute?.multiple_values;
-    const hasValue = isMultipleValues && (element.values ?? []).length > 0;
+    const isMultipleValues = element.attribute.multiple_values;
+    const hasValue = isMultipleValues && backendValues.length > 0;
     const canAddAnotherValue = !readonly &&
         isMultipleValues &&
         !isFieldInError &&
         attribute.format !== AttributeFormat.boolean &&
         attribute.format !== AttributeFormat.encrypted;
-    const canDeleteAllValues = hasValue && element.values.length > 1 && !attribute.required;
+    const canDeleteAllValues = hasValue && backendValues.length > 1 && !attribute.required;
     const label = localizedTranslation(element.settings.label, lang);
     const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly;
-    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsxs(KitInputWrapperStyled, { id: STANDARD_FIELD_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, disabled: isReadOnly, danger: isFieldInError }))] }), htmlFor: attribute.id, children: [!attribute.multiple_values && (_jsx(StandardFieldValue, { presentationValue: presentationValues[0] ?? '', handleSubmit: _handleSubmit(elementValuesWithoutCalculatedOrInherited[0]?.id_value), attribute: attribute, readonly: isReadOnly, label: label, onFocus: resetErrors, calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags })), attribute.multiple_values && (_jsx(Form.List, { name: attribute.id, children: (fields, { add, remove }) => {
+    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsxs(KitInputWrapperStyled, { id: STANDARD_FIELD_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, disabled: isReadOnly, danger: isFieldInError }))] }), htmlFor: attribute.id, children: [!attribute.multiple_values && (_jsx(StandardFieldValue, { presentationValue: presentationValues[0] ?? '', handleSubmit: _handleSubmit(backendWithoutCalculatedOrInheritedValues[0]?.id_value), attribute: attribute, readonly: isReadOnly, label: label, calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags })), 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 > elementValuesWithoutCalculatedOrInherited.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(elementValuesWithoutCalculatedOrInherited[index]?.id_value, field.name), attribute: attribute, label: label, readonly: isReadOnly, onFocus: () => resetErrors(field.name), calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags, isLastValueOfMultivalues: index === fields.length - 1 && index !== 0, removeLastValueOfMultivalues: () => remove(index) }) }), fields.length > 1 && (_jsx(KitDeleteValueButton, { type: "tertiary", title: t('record_edition.delete_value'), icon: _jsx(FaTrash, {}), onClick: () => _handleDeleteValue(elementValuesWithoutCalculatedOrInherited[index]
-                                                    .id_value, remove, index), disabled: isReadOnly }))] }, field.key))) }), canAddAnotherValue && (_jsx(KitTooltip, { title: shouldDisabledAddValueButton
+                        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, index), attribute: attribute, label: label, readonly: isReadOnly, calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags, isLastValueOfMultivalues: index === fields.length - 1 && index !== 0, removeLastValueOfMultivalues: () => remove(index) }) }), backendWithoutCalculatedOrInheritedValues.length > 0 && (_jsx(KitDeleteValueButton, { type: "tertiary", title: t('record_edition.delete_value'), icon: _jsx(FaTrash, {}), onClick: () => _handleDeleteValue(backendWithoutCalculatedOrInheritedValues[index]
+                                                    ?.id_value, index), disabled: isReadOnly }))] }, 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: isReadOnly || shouldDisabledAddValueButton, children: t('record_edition.add_value') }) }))] }));
                     } }))] }) }));