@leav/ui 0.4.0-d1519cc → 0.4.0-daf9f384

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/{useDisplayTreeNode.d.ts → TreeNodeList.d.ts}

@@ -1,11 +1,11 @@
+import { type FunctionComponent } from 'react';
 import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
 import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
-interface IUseDisplayTreeNodeProps {
+interface IDisplayTreeNodeProps {
     attribute: RecordFormAttributeTreeAttributeFragment;
     backendValues: RecordFormElementsValueTreeValue[];
     removeTreeNode: (nodeValue: RecordFormElementsValueTreeValue) => void;
+    isReadOnly: boolean;
 }
-export declare const useDisplayTreeNode: ({ attribute, backendValues, removeTreeNode }: IUseDisplayTreeNodeProps) => {
-    TreeNodeList: JSX.Element;
-};
+export declare const TreeNodeList: FunctionComponent<IDisplayTreeNodeProps>;
 export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import TreeNodeItem from './TreeNodeItem';
+import { TreeFieldWrapper } from './TreeFieldWrapper';
+export const TreeNodeList = ({ attribute, backendValues, removeTreeNode, isReadOnly }) => (_jsx(TreeFieldWrapper, { children: backendValues.map((value, index) => (_jsx(TreeNodeItem, { isReadOnly: isReadOnly, color: value.treeValue.record.whoAmI.color, label: value.treeValue.record.whoAmI.label, ancestors: value.treeValue.ancestors, canDelete: (attribute.required && attribute.multiple_values && backendValues.length > 1) || !attribute.required, onClickToDelete: () => removeTreeNode(value) }, index))) }));
+//# sourceMappingURL=TreeNodeList.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeList.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.tsx"],"names":[],"mappings":";AAMA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AASpD,MAAM,CAAC,MAAM,YAAY,GAA6C,CAAC,EACnE,SAAS,EACT,aAAa,EACb,cAAc,EACd,UAAU,EACb,EAAE,EAAE,CAAC,CACF,KAAC,gBAAgB,cACZ,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,YAAY,IAET,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAC1C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,EACpC,SAAS,EACL,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAExG,eAAe,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,IARvC,KAAK,CASZ,CACL,CAAC,GACa,CACtB,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.d.ts

@@ -1,14 +1,26 @@
-import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+import { FunctionComponent } from 'react';
+import { ChildrenAsRecordValuePermissionFilterInput, RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
 import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
 import { ITreeNodeWithRecord } from '../../../../../../types';
-import { FunctionComponent } from 'react';
+type SelectTreeNodeModalBackendValue = RecordFormElementsValueTreeValue | {
+    treeValue: {
+        id: string;
+    };
+};
+type SelectTreeNodeModalAttribute = RecordFormAttributeTreeAttributeFragment | {
+    multiple_values: boolean;
+    linked_tree: {
+        id: string;
+    };
+};
 interface ISelectTreeNodeModalProps {
     title: string;
     open: boolean;
-    attribute: RecordFormAttributeTreeAttributeFragment;
-    backendValues: RecordFormElementsValueTreeValue[];
+    attribute: SelectTreeNodeModalAttribute;
+    backendValues: SelectTreeNodeModalBackendValue[];
     onConfirm: (selectedNodes: ITreeNodeWithRecord[]) => void;
     onClose: () => void;
+    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;
     className?: string;
 }
 export declare const SelectTreeNodeModal: FunctionComponent<ISelectTreeNodeModalProps>;

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js

@@ -2,21 +2,23 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // 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 { useState } from 'react';
+import { FaCheck } from 'react-icons/fa';
 import { faXmark } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { KitButton, KitModal } from 'aristid-ds';
 import { SelectTreeNode } from '../../../../../../components/SelectTreeNode';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-import { KitButton, KitModal } from 'aristid-ds';
-import { useState } from 'react';
-import { FaCheck } from 'react-icons/fa';
 const SELECT_TREE_NODE_MODAL_HEIGHT = '563px';
 const SELECT_TREE_NODE_MODAL_WIDTH = '656px';
-export const SelectTreeNodeModal = ({ title, open, attribute, backendValues, onConfirm, onClose, className }) => {
+export const SelectTreeNodeModal = ({ title, open, attribute, backendValues, onConfirm, onClose, childrenAsRecordValuePermissionFilter, className }) => {
     const { t } = useSharedTranslation();
     const [selectedNodes, setSelectedNode] = useState([]);
+    const [isMonoValueToReplace, setIsMonoValueToReplace] = useState(false);
     const _handleOnSelect = (node, selected) => {
         if (!attribute.multiple_values) {
             setSelectedNode(selected ? [node] : []);
+            setIsMonoValueToReplace(true);
             return;
         }
         if (selected) {
@@ -26,19 +28,16 @@ export const SelectTreeNodeModal = ({ title, open, attribute, backendValues, onC
             setSelectedNode(selectedNodes.filter(selectedValue => selectedValue.id !== node.id));
         }
     };
-    const _handleOnCheck = (selection) => {
-        setSelectedNode(selection.map(node => node).filter(node => !node?.disabled));
-    };
     const _handleOnConfirm = () => {
         onConfirm(selectedNodes);
         onClose();
     };
-    return (_jsx(KitModal, { className: className, width: SELECT_TREE_NODE_MODAL_WIDTH, height: SELECT_TREE_NODE_MODAL_HEIGHT, title: title, isOpen: open, close: onClose, footer: _jsxs(_Fragment, { children: [_jsx(KitButton, { icon: 
+    return (_jsx(KitModal, { className: className, showCloseIcon: true, width: SELECT_TREE_NODE_MODAL_WIDTH, height: SELECT_TREE_NODE_MODAL_HEIGHT, title: title, isOpen: open, close: onClose, footer: _jsxs(_Fragment, { children: [_jsx(KitButton, { icon: 
                     // We can't used react-icons here because it's doesn't have the faXmark icon
-                    _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: onClose, children: t('global.close') }), _jsx(KitButton, { type: "primary", icon: _jsx(FaCheck, {}), onClick: _handleOnConfirm, children: t('global.confirm') })] }), showCloseIcon: true, children: _jsx(SelectTreeNode, { treeId: attribute.linked_tree.id, selectedNodes: [
-                ...backendValues.map(value => value.treeValue.id),
-                ...selectedNodes.map(node => node.id)
-            ], disabledNodes: backendValues.map(value => value.treeValue.id), onSelect: _handleOnSelect, onCheck: _handleOnCheck, checkable: attribute.multiple_values, multiple // We want to be able to set as selected in the tree components, the nodes that are already selected and the disabled nodes
-            : true, canSelectRoot: true }) }));
+                    _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: onClose, children: t('global.close') }), _jsx(KitButton, { type: "primary", icon: _jsx(FaCheck, {}), onClick: _handleOnConfirm, children: t('global.confirm') })] }), children: _jsx(SelectTreeNode, { treeId: attribute.linked_tree.id, multiple // We want to be able to set as selected in the tree components, the nodes that are already selected and the disabled nodes
+            : true, selectedNodes: [
+                ...selectedNodes.map(node => node.id),
+                ...(isMonoValueToReplace ? [] : backendValues.map(value => value.treeValue.id))
+            ], childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter, disabledNodes: backendValues.map(value => value.treeValue.id).concat(attribute.linked_tree.id), onSelect: _handleOnSelect }) }));
 };
 //# sourceMappingURL=SelectTreeNodeModal.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTreeNodeModal.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectTreeNodeModal.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAoC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,OAAO,EAAC,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAE7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,MAAM,6BAA6B,GAAG,OAAO,CAAC;AAC9C,MAAM,4BAA4B,GAAG,OAAO,CAAC;AA8B7C,MAAM,CAAC,MAAM,mBAAmB,GAAiD,CAAC,EAC9E,KAAK,EACL,IAAI,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,qCAAqC,EACrC,SAAS,EACZ,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAwB,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,eAAe,GAAsD,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC1F,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;YAC7B,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACxC,uBAAuB,CAAC,IAAI,CAAC,CAAC;YAC9B,OAAO;QACX,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACX,eAAe,CAAC,CAAC,GAAG,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACJ,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QACzF,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAgD,GAAG,EAAE;QACvE,SAAS,CAAC,aAAa,CAAC,CAAC;QACzB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,IACL,SAAS,EAAE,SAAS,EACpB,aAAa,QACb,KAAK,EAAE,4BAA4B,EACnC,MAAM,EAAE,6BAA6B,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,OAAO,EACd,MAAM,EACF,8BACI,KAAC,SAAS,IACN,IAAI;oBACA,4EAA4E;oBAC5E,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EAEtC,OAAO,EAAE,OAAO,YAEf,CAAC,CAAC,cAAc,CAAC,GACV,EACZ,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAC,OAAO,KAAG,EAAE,OAAO,EAAE,gBAAgB,YACjE,CAAC,CAAC,gBAAgB,CAAC,GACZ,IACb,YAGP,KAAC,cAAc,IACX,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,EAChC,QAAQ,CAAC,2HAA2H;oBACpI,aAAa,EAAE;gBACX,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;gBACrC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;aAClF,EACD,qCAAqC,EAAE,qCAAqC,EAC5E,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,EAC9F,QAAQ,EAAE,eAAe,GAC3B,GACK,CACd,CAAC;AACN,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+import { ChildrenAsRecordValuePermissionFilterInput, RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
 import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
 import { DeleteMultipleValuesFunc, DeleteValueFunc, SubmitValueFunc } from '../../../_types';
 interface IUseManageTreeNodeSelectionProps {
@@ -12,8 +12,9 @@ interface IUseManageTreeNodeSelectionProps {
     onDeleteMultipleValues: DeleteMultipleValuesFunc;
     isReadOnly: boolean;
     isFieldInError: boolean;
+    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;
 }
-export declare const useManageTreeNodeSelection: ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError }: IUseManageTreeNodeSelectionProps) => {
+export declare const useManageTreeNodeSelection: ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError, childrenAsRecordValuePermissionFilter }: IUseManageTreeNodeSelectionProps) => {
     openModal: () => void;
     removeTreeNode: (nodeValue: RecordFormElementsValueTreeValue, skipAfterRemove?: boolean) => Promise<void>;
     actionButtonLabel: string;

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.js

@@ -3,19 +3,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useEffect, useState } from 'react';
-import { SelectTreeNodeModal } from './SelectTreeNodeModal';
-import { APICallStatus } from '../../../_types';
-import { arrayValueVersionToObject } from '../../../../../../_utils';
-import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
 import { AntForm } from 'aristid-ds';
+import { arrayValueVersionToObject } from '../../../../../../_utils';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError }) => {
+import { APICallStatus } from '../../../_types';
+import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
+import { SelectTreeNodeModal } from './SelectTreeNodeModal';
+export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError, childrenAsRecordValuePermissionFilter }) => {
     const { t } = useSharedTranslation();
     const form = AntForm.useFormInstance();
-    const [isModalVisible, setIsModalVisible] = useState(false);
+    const [isModalHidden, setIsModalHidden] = useState(true);
     useEffect(() => {
         if (backendValues.length === 0 && attribute.required) {
-            // Set field in error when TreeField is displayed for the first time. Otherwise, errors will be handled by other functions in this file.
+            // Set the field in error when TreeField is displayed for the first time. Otherwise, errors will be handled by other functions in this file.
             form.setFields([
                 {
                     name: attribute.id,
@@ -24,24 +24,17 @@ export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValu
             ]);
         }
     }, []);
-    const openModal = () => {
-        setIsModalVisible(true);
+    const _closeModal = () => {
+        setIsModalHidden(true);
     };
-    const closeModal = () => {
-        setIsModalVisible(false);
-    };
-    const addTreeNodes = async (selectedNodes) => {
+    const _addTreeNodes = async (selectedNodes) => {
         const valuesToSave = selectedNodes.map(node => ({
             attribute,
-            idValue: null,
+            idValue: !attribute.multiple_values && backendValues.length > 0 ? backendValues[0].id_value : null,
             value: node
         }));
         // When we will handle computed values, we will need to passe the active version (if still needed)
         const result = await onValueSubmit(valuesToSave, null);
-        if (!attribute.multiple_values && backendValues.length > 0) {
-            // As we can't replace a single value, we need to remove the previous one
-            await removeTreeNode(backendValues[0], true);
-        }
         if (result.status === APICallStatus.SUCCESS) {
             const formattedValues = result.values.map(value => ({
                 ...value,
@@ -80,32 +73,7 @@ export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValu
             ]);
         }
     };
-    const removeTreeNode = async (nodeValue, skipAfterRemove = false) => {
-        const result = await onValueDelete({ id_value: nodeValue.id_value }, attribute.id);
-        if (skipAfterRemove) {
-            return;
-        }
-        if (result.status === APICallStatus.SUCCESS) {
-            const newBackendValues = backendValues.filter(value => value.id_value !== nodeValue.id_value);
-            form.setFieldValue(attribute.id, newBackendValues.map(({ treeValue }) => treeValue.id));
-            form.setFields([
-                {
-                    name: attribute.id,
-                    errors: attribute.required && newBackendValues.length === 0 ? [t('errors.standard_field_required')] : []
-                }
-            ]);
-            setBackendValues(newBackendValues);
-        }
-        if (result.status === APICallStatus.ERROR) {
-            form.setFields([
-                {
-                    name: attribute.id,
-                    errors: [t('error.error_occurred')]
-                }
-            ]);
-        }
-    };
-    const removeAllTreeNodes = async () => {
+    const _removeAllTreeNodes = async () => {
         // When we will handle computed values, we will need to passe the active version (if still needed)
         const result = await onDeleteMultipleValues(attribute.id, backendValues, null);
         if (result.status === APICallStatus.SUCCESS) {
@@ -128,18 +96,41 @@ export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValu
             ]);
         }
     };
-    const getActionButtonLabel = () => {
-        if (!attribute.multiple_values && backendValues.length > 0) {
-            return `${t('global.replace')} ${modaleTitle}`;
-        }
-        return `${t('global.add')} ${modaleTitle}`;
-    };
+    const label = `${t(!attribute.multiple_values && backendValues.length > 0 ? 'global.replace' : 'global.add')} ${modaleTitle}`;
     return {
-        openModal,
-        removeTreeNode,
-        actionButtonLabel: getActionButtonLabel(),
-        SelectTreeNodeModal: isModalVisible ? (_jsx(SelectTreeNodeModal, { open: true, title: modaleTitle, attribute: attribute, backendValues: backendValues, onConfirm: addTreeNodes, onClose: closeModal })) : null,
-        RemoveAllTreeNodes: backendValues.length > 1 && attribute.multiple_values && !attribute.required ? (_jsx(DeleteAllValuesButton, { handleDelete: removeAllTreeNodes, disabled: isReadOnly, danger: isFieldInError })) : null
+        openModal: () => {
+            setIsModalHidden(false);
+        },
+        removeTreeNode: async (nodeValue, skipAfterRemove = false) => {
+            const result = await onValueDelete({ id_value: nodeValue.id_value }, attribute.id);
+            if (skipAfterRemove) {
+                return;
+            }
+            if (result.status === APICallStatus.SUCCESS) {
+                const newBackendValues = backendValues.filter(value => value.id_value !== nodeValue.id_value);
+                form.setFieldValue(attribute.id, newBackendValues.map(({ treeValue }) => treeValue.id));
+                form.setFields([
+                    {
+                        name: attribute.id,
+                        errors: attribute.required && newBackendValues.length === 0
+                            ? [t('errors.standard_field_required')]
+                            : []
+                    }
+                ]);
+                setBackendValues(newBackendValues);
+            }
+            if (result.status === APICallStatus.ERROR) {
+                form.setFields([
+                    {
+                        name: attribute.id,
+                        errors: [t('error.error_occurred')]
+                    }
+                ]);
+            }
+        },
+        actionButtonLabel: label,
+        SelectTreeNodeModal: isModalHidden ? null : (_jsx(SelectTreeNodeModal, { open: true, title: label, attribute: attribute, backendValues: backendValues, onConfirm: _addTreeNodes, onClose: _closeModal, childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter })),
+        RemoveAllTreeNodes: backendValues.length > 1 && attribute.multiple_values && !attribute.required ? (_jsx(DeleteAllValuesButton, { handleDelete: _removeAllTreeNodes, disabled: isReadOnly, danger: isFieldInError })) : null
     };
 };
 //# sourceMappingURL=useManageTreeNodeSelection.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.js.map

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/calculatedInheritedFlags.js

@@ -1,6 +1,6 @@
 export const computeInheritedFlags = (fieldValues) => {
-    const inheritedValue = fieldValues.find(fieldValue => fieldValue.isInherited);
-    const overrideValue = fieldValues.find(fieldValue => !fieldValue.isInherited && !fieldValue.isCalculated);
+    const inheritedValue = fieldValues?.find(fieldValue => fieldValue.isInherited);
+    const overrideValue = fieldValues?.find(fieldValue => !fieldValue.isInherited && !fieldValue.isCalculated);
     if (inheritedValue === undefined) {
         return {
             inheritedValue: null,
@@ -26,8 +26,8 @@ export const computeInheritedFlags = (fieldValues) => {
     };
 };
 export const computeCalculatedFlags = (fieldValues) => {
-    const calculatedValue = fieldValues.find(fieldValue => fieldValue.isCalculated !== null && fieldValue.isCalculated !== undefined);
-    const overrideValue = fieldValues.find(fieldValue => (fieldValue.isCalculated === null || fieldValue.isCalculated === undefined) &&
+    const calculatedValue = fieldValues?.find(fieldValue => fieldValue.isCalculated !== null && fieldValue.isCalculated !== undefined);
+    const overrideValue = fieldValues?.find(fieldValue => (fieldValue.isCalculated === null || fieldValue.isCalculated === undefined) &&
         (fieldValue.isInherited === null || fieldValue.isInherited === undefined));
     if (calculatedValue === undefined) {
         return {

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/calculatedInheritedFlags.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculatedInheritedFlags.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/calculatedInheritedFlags.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,WAAmD,EAAkB,EAAE;IACzG,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9E,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE1G,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO;YACH,cAAc,EAAE,IAAI;YACpB,gBAAgB,EAAE,KAAK;YACvB,wBAAwB,EAAE,KAAK;YAC/B,2BAA2B,EAAE,KAAK;SACrC,CAAC;IACN,CAAC;IAED,MAAM,gBAAgB,GAAG,IAAI,CAAC;IAE9B,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACnD,OAAO;YACH,cAAc;YACd,gBAAgB;YAChB,2BAA2B,EAAE,IAAI;YACjC,wBAAwB,EAAE,KAAK;SAClC,CAAC;IACN,CAAC;IAED,OAAO;QACH,cAAc;QACd,gBAAgB;QAChB,2BAA2B,EAAE,KAAK;QAClC,wBAAwB,EAAE,IAAI;KACjC,CAAC;AACN,CAAC,CAAC;AAyBF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,WAAmD,EAAmB,EAAE;IAC3G,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CACpC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAC1F,CAAC;IACF,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,CAClC,UAAU,CAAC,EAAE,CACT,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAAC;QAC3E,CAAC,UAAU,CAAC,WAAW,KAAK,IAAI,IAAI,UAAU,CAAC,WAAW,KAAK,SAAS,CAAC,CAChF,CAAC;IAEF,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO;YACH,eAAe,EAAE,IAAI;YACrB,iBAAiB,EAAE,KAAK;YACxB,yBAAyB,EAAE,KAAK;YAChC,4BAA4B,EAAE,KAAK;SACtC,CAAC;IACN,CAAC;IAED,MAAM,iBAAiB,GAAG,IAAI,CAAC;IAE/B,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACnD,OAAO;YACH,eAAe;YACf,iBAAiB;YACjB,4BAA4B,EAAE,IAAI;YAClC,yBAAyB,EAAE,KAAK;SACnC,CAAC;IACN,CAAC;IAED,OAAO;QACH,eAAe;QACf,iBAAiB;QACjB,4BAA4B,EAAE,KAAK;QACnC,yBAAyB,EAAE,IAAI;KAClC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"calculatedInheritedFlags.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/calculatedInheritedFlags.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,WAAmD,EAAkB,EAAE;IACzG,MAAM,cAAc,GAAG,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC/E,MAAM,aAAa,GAAG,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE3G,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO;YACH,cAAc,EAAE,IAAI;YACpB,gBAAgB,EAAE,KAAK;YACvB,wBAAwB,EAAE,KAAK;YAC/B,2BAA2B,EAAE,KAAK;SACrC,CAAC;IACN,CAAC;IAED,MAAM,gBAAgB,GAAG,IAAI,CAAC;IAE9B,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACnD,OAAO;YACH,cAAc;YACd,gBAAgB;YAChB,2BAA2B,EAAE,IAAI;YACjC,wBAAwB,EAAE,KAAK;SAClC,CAAC;IACN,CAAC;IAED,OAAO;QACH,cAAc;QACd,gBAAgB;QAChB,2BAA2B,EAAE,KAAK;QAClC,wBAAwB,EAAE,IAAI;KACjC,CAAC;AACN,CAAC,CAAC;AAyBF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,WAAmD,EAAmB,EAAE;IAC3G,MAAM,eAAe,GAAG,WAAW,EAAE,IAAI,CACrC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAC1F,CAAC;IACF,MAAM,aAAa,GAAG,WAAW,EAAE,IAAI,CACnC,UAAU,CAAC,EAAE,CACT,CAAC,UAAU,CAAC,YAAY,KAAK,IAAI,IAAI,UAAU,CAAC,YAAY,KAAK,SAAS,CAAC;QAC3E,CAAC,UAAU,CAAC,WAAW,KAAK,IAAI,IAAI,UAAU,CAAC,WAAW,KAAK,SAAS,CAAC,CAChF,CAAC;IAEF,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO;YACH,eAAe,EAAE,IAAI;YACrB,iBAAiB,EAAE,KAAK;YACxB,yBAAyB,EAAE,KAAK;YAChC,4BAA4B,EAAE,KAAK;SACtC,CAAC;IACN,CAAC;IAED,MAAM,iBAAiB,GAAG,IAAI,CAAC;IAE/B,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACnD,OAAO;YACH,eAAe;YACf,iBAAiB;YACjB,4BAA4B,EAAE,IAAI;YAClC,yBAAyB,EAAE,KAAK;SACnC,CAAC;IACN,CAAC;IAED,OAAO;QACH,eAAe;QACf,iBAAiB;QACjB,4BAA4B,EAAE,KAAK;QACnC,yBAAyB,EAAE,IAAI;KAClC,CAAC;AACN,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.d.ts

@@ -8,10 +8,10 @@ interface IUseOutsideInteractionDetectorProps {
     activeAttribute: IRecordPropertyWithAttribute | null;
     dispatch: Dispatch<IEditRecordReducerActions>;
     formIdToLoad: string | 'edition' | 'creation';
-    backendValues: RecordFormElementsValue[];
+    elementValues: RecordFormElementsValue[];
     pendingValues: RecordFormElementsValue[];
     allowedSelectors?: string[];
     attributePrefix?: typeof LINK_FIELD_ID_PREFIX | typeof STANDARD_FIELD_ID_PREFIX | typeof TREE_FIELD_ID_PREFIX;
 }
-export declare const useOutsideInteractionDetector: ({ attribute, activeAttribute, attributePrefix, dispatch, formIdToLoad, backendValues, pendingValues, allowedSelectors }: IUseOutsideInteractionDetectorProps) => void;
+export declare const useOutsideInteractionDetector: ({ attribute, activeAttribute, attributePrefix, dispatch, formIdToLoad, elementValues, pendingValues, allowedSelectors }: IUseOutsideInteractionDetectorProps) => void;
 export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/useOutsideInteractionDetector.js

@@ -1,7 +1,7 @@
 import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
 import { EDIT_RECORD_SIDEBAR_ID } from '../../../../../constants';
 import { useEffect, useRef } from 'react';
-export const useOutsideInteractionDetector = ({ attribute, activeAttribute, attributePrefix, dispatch, formIdToLoad, backendValues, pendingValues, allowedSelectors = [] }) => {
+export const useOutsideInteractionDetector = ({ attribute, activeAttribute, attributePrefix, dispatch, formIdToLoad, elementValues, pendingValues, allowedSelectors = [] }) => {
     // Use a ref to store the current props to access them in the event handlers
     // This will prevent issue when multiple event handlers are attached to the document
     const hookPropsRef = useRef({
@@ -10,7 +10,7 @@ export const useOutsideInteractionDetector = ({ attribute, activeAttribute, attr
         attributePrefix,
         allowedSelectors,
         formIdToLoad,
-        backendValues,
+        elementValues,
         pendingValues
     });
     useEffect(() => {
@@ -20,10 +20,10 @@ export const useOutsideInteractionDetector = ({ attribute, activeAttribute, attr
             attributePrefix,
             allowedSelectors,
             formIdToLoad,
-            backendValues,
+            elementValues,
             pendingValues
         };
-    }, [attribute, activeAttribute, attributePrefix, allowedSelectors, formIdToLoad, backendValues, pendingValues]);
+    }, [attribute, activeAttribute, attributePrefix, allowedSelectors, formIdToLoad, elementValues, pendingValues]);
     useEffect(() => {
         const handleClick = (event) => {
             const currentProps = hookPropsRef.current;
@@ -34,7 +34,7 @@ export const useOutsideInteractionDetector = ({ attribute, activeAttribute, attr
                 dispatch({
                     type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
                     attribute: currentProps.attribute,
-                    values: formIdToLoad === 'creation' ? currentProps.pendingValues : currentProps.backendValues
+                    values: formIdToLoad === 'creation' ? currentProps.pendingValues : currentProps.elementValues
                 });
                 return;
             }
@@ -61,7 +61,7 @@ export const useOutsideInteractionDetector = ({ attribute, activeAttribute, attr
                 dispatch({
                     type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
                     attribute: currentProps.attribute,
-                    values: formIdToLoad === 'creation' ? currentProps.pendingValues : currentProps.backendValues
+                    values: formIdToLoad === 'creation' ? currentProps.pendingValues : currentProps.elementValues
                 });
             }
         };

package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.d.ts

@@ -15,5 +15,8 @@ export interface IEditRecordModalProps {
     submitButtons?: possibleSubmitButtons;
     withInfoButton?: boolean;
     valuesVersion?: IValueVersion;
+    showSidebar?: boolean;
+    enableSidebar?: boolean;
+    autoHeight?: boolean;
 }
 export declare const EditRecordModal: FunctionComponent<IEditRecordModalProps>;

package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.js

@@ -2,74 +2,67 @@ import { jsx as _jsx, jsxs as _jsxs } 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 { Modal } from 'antd';
 import { useRef, useState } from 'react';
-import { KitButton, KitSpace, KitTypography } from 'aristid-ds';
+import { KitButton, KitModal, KitSpace, KitTypography } from 'aristid-ds';
 import styled from 'styled-components';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { EditRecord } from '../EditRecord';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faXmark, faRotateRight, faLayerGroup } from '@fortawesome/free-solid-svg-icons';
+import { faXmark } from '@fortawesome/free-solid-svg-icons';
 import { useGetSubmitButtons } from '../hooks/useGetSubmitButtons';
 import { useForm } from 'antd/lib/form/Form';
 import { useCreateCancelConfirm } from '../hooks/useCreateCancelConfirm';
 import { v4 as uuidv4 } from 'uuid';
-const modalWidth = 1200;
-const StyledModal = styled(Modal) `
+import { EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS } from '../constants';
+const MODAL_HEIGHT = '80vh';
+const MODAL_WIDTH = '90vw';
+const MODAL_MAX_WIDTH = '1200px';
+const KitModalStyled = styled(KitModal) `
     && {
-        .ant-modal-content {
-            padding: 0;
-        }
+        & > div {
+            max-width: ${MODAL_MAX_WIDTH};
+
+            .kit-modal-header {
+                border-bottom: 1px solid var(--general-utilities-border);
+
+                .kit-modal-title {
+                    padding-right: calc(var(--general-spacing-xs) * 1px);
+
+                    .ant-space {
+                        width: 100%;
+                        justify-content: space-between;
+                    }
+                }
+            }
 
-        .ant-modal-footer {
-            margin-top: 0;
+            .kit-modal-content-wrapper {
+                padding: 0;
+
+                .kit-modal-content {
+                    height: 100%;
+
+                    & > div {
+                        height: 100%;
+                    }
+                }
+            }
         }
     }
 `;
-const Header = styled.div `
-    height: 3.5rem;
-    grid-area: title;
-    align-self: center;
-    font-size: 1rem;
-    padding: 10px 50px 10px 10px;
-    border-bottom: 1px solid var(--general-utilities-border);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-`;
-const ModalFooter = styled.div `
-    display: flex;
-    justify-content: flex-end;
-    padding: 0.5rem 1rem;
-    border-top: 1px solid var(--general-utilities-border);
-`;
-export const EditRecordModal = ({ className, open, record, creationFormId, editionFormId, library, onClose, onCreate, onCreateAndEdit, submitButtons = ['create'], valuesVersion, withInfoButton = true }) => {
+export const EditRecordModal = ({ className, open, record, creationFormId, editionFormId, library, onClose, onCreate, onCreateAndEdit, valuesVersion, showSidebar, enableSidebar, submitButtons = ['create'], withInfoButton = true, autoHeight = false }) => {
     const { t } = useSharedTranslation();
-    const showCancelConfirm = useCreateCancelConfirm(onClose);
+    const [antdForm] = useForm();
     const [currentRecord, setCurrentRecord] = useState(record);
     const [clickedSubmitButton, setClickedSubmitButton] = useState(null);
     const formElementId = useRef(uuidv4());
     const isCreation = !currentRecord;
+    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');
+    const formId = isCreation ? creationFormId : editionFormId;
     const _handleClickSubmit = (button) => {
         setClickedSubmitButton(button);
     };
+    const showCancelConfirm = useCreateCancelConfirm(onClose);
     const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit);
-    const [antdForm] = useForm();
-    const _handleClose = () => {
-        if (isCreation && antdForm.isFieldsTouched()) {
-            return showCancelConfirm();
-        }
-        return onClose();
-    };
-    // Create refs for the buttons to pass them to the EditRecord component
-    const refreshButtonRef = useRef(null);
-    const valuesVersionsButtonRef = useRef(null);
-    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');
-    const footerButtons = [
-        _jsx(KitButton, { "aria-label": closeButtonLabel, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: _handleClose, children: closeButtonLabel }, "close"),
-        ...displayedSubmitButtons
-    ];
-    const footer = (_jsx(ModalFooter, { children: _jsx(KitSpace, { children: footerButtons }) }));
     const _handleCreate = (newRecord) => {
         setCurrentRecord(newRecord);
         if (onCreateAndEdit && clickedSubmitButton === 'createAndEdit') {
@@ -81,10 +74,15 @@ export const EditRecordModal = ({ className, open, record, creationFormId, editi
             return;
         }
     };
-    const formId = isCreation ? creationFormId : editionFormId;
-    return (_jsxs(StyledModal, { className: className, open: open, onCancel: _handleClose, destroyOnClose: true, cancelText: t('global.cancel'), width: "90vw", centered: true, style: { maxWidth: `${modalWidth}px` }, styles: { body: { height: 'calc(100vh - 12rem)', overflowY: 'auto' }, content: { padding: 0 } }, footer: footer, closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), children: [_jsxs(Header, { children: [_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: currentRecord?.label ?? t('record_edition.new_record') }), _jsxs(KitSpace, { size: "xxs", children: [_jsx(KitButton, { ref: valuesVersionsButtonRef, type: "tertiary", icon: _jsx(FontAwesomeIcon, { icon: faLayerGroup }) }), _jsx(KitButton, { ref: refreshButtonRef, type: "tertiary", icon: _jsx(FontAwesomeIcon, { icon: faRotateRight }) })] })] }), _jsx(EditRecord, { antdForm: antdForm, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, onCreate: _handleCreate, valuesVersion: valuesVersion, buttonsRefs: {
-                    refresh: refreshButtonRef,
-                    valuesVersions: valuesVersionsButtonRef
-                }, showSidebar: true, withInfoButton: withInfoButton, containerStyle: { height: 'calc(100% - 3.5rem)' } })] }));
+    const _handleClose = () => {
+        if (isCreation && antdForm.isFieldsTouched()) {
+            return showCancelConfirm();
+        }
+        return onClose();
+    };
+    return (_jsx(KitModalStyled, { className: className, height: autoHeight ? 'auto' : MODAL_HEIGHT, maxHeight: autoHeight ? MODAL_HEIGHT : undefined, width: MODAL_WIDTH, isOpen: open, close: _handleClose, title: _jsxs(KitSpace, { children: [_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: currentRecord?.label ?? t('record_edition.new_record') }), _jsx("div", { id: EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS })] }), footer: _jsx(KitSpace, { children: [
+                _jsx(KitButton, { "aria-label": closeButtonLabel, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: _handleClose, children: closeButtonLabel }, "close"),
+                ...displayedSubmitButtons
+            ] }), closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), showCloseIcon: true, destroyOnClose: true, children: _jsx(EditRecord, { antdForm: antdForm, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, onCreate: _handleCreate, valuesVersion: valuesVersion, showSidebar: showSidebar, enableSidebar: enableSidebar, withInfoButton: withInfoButton }) }));
 };
 //# sourceMappingURL=EditRecordModal.js.map

package/dist/components/RecordEdition/EditRecordModal/EditRecordModal.js.map

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