@leav/ui 0.3.6-fa687e8 → 0.4.0-025a3e54

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

@@ -0,0 +1,136 @@
+import { jsx as _jsx } 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 { useEffect, useState } from 'react';
+import { AntForm } from 'aristid-ds';
+import { arrayValueVersionToObject } from '../../../../../../_utils';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+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 [isModalHidden, setIsModalHidden] = useState(true);
+    useEffect(() => {
+        if (backendValues.length === 0 && attribute.required) {
+            // 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,
+                    errors: [t('errors.standard_field_required')]
+                }
+            ]);
+        }
+    }, []);
+    const _closeModal = () => {
+        setIsModalHidden(true);
+    };
+    const _addTreeNodes = async (selectedNodes) => {
+        const valuesToSave = selectedNodes.map(node => ({
+            attribute,
+            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 (result.status === APICallStatus.SUCCESS) {
+            const formattedValues = result.values.map(value => ({
+                ...value,
+                version: arrayValueVersionToObject(value.version),
+                metadata: value.metadata?.map(metadata => ({
+                    ...metadata,
+                    value: {
+                        ...metadata.value,
+                        version: arrayValueVersionToObject(metadata.value.version ?? [])
+                    }
+                }))
+            }));
+            const updatedValues = attribute.multiple_values
+                ? [...backendValues, ...formattedValues]
+                : [...formattedValues];
+            form.setFieldValue(attribute.id, [...updatedValues.map(({ treeValue }) => treeValue.id)]);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: []
+                }
+            ]);
+            setBackendValues(updatedValues);
+        }
+        if (result.status === APICallStatus.ERROR) {
+            const selectedNodesById = selectedNodes.reduce((acc, cur) => ({ ...acc, [cur.id]: cur }), {});
+            const errorsMessage = result.errors?.map(err => {
+                const linkedRecordLabel = selectedNodesById[err.input].title || selectedNodesById[err.input].id;
+                return `${linkedRecordLabel}: ${err.message}`;
+            });
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: errorsMessage ?? [t('error.error_occurred')]
+                }
+            ]);
+        }
+    };
+    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) {
+            form.setFieldValue(attribute.id, []);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: attribute.required ? [t('errors.standard_field_required')] : []
+                }
+            ]);
+            setBackendValues([]);
+        }
+        if (result.status === APICallStatus.ERROR) {
+            const errorsMessage = result.errors?.map(err => err.message);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: errorsMessage ?? [t('error.error_occurred')]
+                }
+            ]);
+        }
+    };
+    const label = `${t(!attribute.multiple_values && backendValues.length > 0 ? 'global.replace' : 'global.add')} ${modaleTitle}`;
+    return {
+        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

@@ -0,0 +1 @@
+{"version":3,"file":"useManageTreeNodeSelection.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAA2C,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpF,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAC,yBAAyB,EAAC,MAAM,YAAY,CAAC;AACrD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,aAAa,EAA6D,MAAM,iBAAiB,CAAC;AAC1G,OAAO,EAAC,qBAAqB,EAAC,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAe1D,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACvC,WAAW,EACX,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,UAAU,EACV,cAAc,EACd,qCAAqC,EACN,EAAE,EAAE;IACnC,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;IAEvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;YACnD,4IAA4I;YAC5I,IAAI,CAAC,SAAS,CAAC;gBACX;oBACI,IAAI,EAAE,SAAS,CAAC,EAAE;oBAClB,MAAM,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC;iBAChD;aACJ,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAA0D,GAAG,EAAE;QAC5E,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,aAAa,GAA4D,KAAK,EAAC,aAAa,EAAC,EAAE;QACjG,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC5C,SAAS;YACT,OAAO,EAAE,CAAC,SAAS,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;YAClG,KAAK,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;QAEJ,kGAAkG;QAClG,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAEvD,IAAI,MAAM,CAAC,MAAM,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1C,MAAM,eAAe,GAAuC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACpF,GAAG,KAAK;gBACR,OAAO,EAAE,yBAAyB,CAAC,KAAK,CAAC,OAAO,CAAC;gBACjD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACvC,GAAG,QAAQ;oBACX,KAAK,EAAE;wBACH,GAAG,QAAQ,CAAC,KAAK;wBACjB,OAAO,EAAE,yBAAyB,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;qBACnE;iBACJ,CAAC,CAAC;aACN,CAAC,CAAC,CAAC;YAEJ,MAAM,aAAa,GAAG,SAAS,CAAC,eAAe;gBAC3C,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE,GAAG,eAAe,CAAC;gBACxC,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC;YAE3B,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAExF,IAAI,CAAC,SAAS,CAAC;gBACX;oBACI,IAAI,EAAE,SAAS,CAAC,EAAE;oBAClB,MAAM,EAAE,EAAE;iBACb;aACJ,CAAC,CAAC;YAEH,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,MAAM,CAAC,MAAM,KAAK,aAAa,CAAC,KAAK,EAAE,CAAC;YACxC,MAAM,iBAAiB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAE5F,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE;gBAC3C,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;gBAEhG,OAAO,GAAG,iBAAiB,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC;YAClD,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,SAAS,CAAC;gBACX;oBACI,IAAI,EAAE,SAAS,CAAC,EAAE;oBAClB,MAAM,EAAE,aAAa,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;iBACvD;aACJ,CAAC,CAAC;QACP,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAiE,KAAK,IAAI,EAAE;QACjG,kGAAkG;QAClG,MAAM,MAAM,GAAG,MAAM,sBAAsB,CAAC,SAAS,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;QAE/E,IAAI,MAAM,CAAC,MAAM,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1C,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YACrC,IAAI,CAAC,SAAS,CAAC;gBACX;oBACI,IAAI,EAAE,SAAS,CAAC,EAAE;oBAClB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;iBAC1E;aACJ,CAAC,CAAC;YACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACzB,CAAC;QAED,IAAI,MAAM,CAAC,MAAM,KAAK,aAAa,CAAC,KAAK,EAAE,CAAC;YACxC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAE7D,IAAI,CAAC,SAAS,CAAC;gBACX;oBACI,IAAI,EAAE,SAAS,CAAC,EAAE;oBAClB,MAAM,EAAE,aAAa,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;iBACvD;aACJ,CAAC,CAAC;QACP,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,WAAW,EAAE,CAAC;IAE9H,OAAO;QACH,SAAS,EAAE,GAAG,EAAE;YACZ,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QACD,cAAc,EAAE,KAAK,EAAE,SAA2C,EAAE,kBAA2B,KAAK,EAAE,EAAE;YACpG,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,EAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAC,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;YAEjF,IAAI,eAAe,EAAE,CAAC;gBAClB,OAAO;YACX,CAAC;YAED,IAAI,MAAM,CAAC,MAAM,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC1C,MAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAC,CAAC;gBAE9F,IAAI,CAAC,aAAa,CACd,SAAS,CAAC,EAAE,EACZ,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CACtD,CAAC;gBAEF,IAAI,CAAC,SAAS,CAAC;oBACX;wBACI,IAAI,EAAE,SAAS,CAAC,EAAE;wBAClB,MAAM,EACF,SAAS,CAAC,QAAQ,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC;4BAC/C,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC;4BACvC,CAAC,CAAC,EAAE;qBACf;iBACJ,CAAC,CAAC;gBAEH,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;YACvC,CAAC;YAED,IAAI,MAAM,CAAC,MAAM,KAAK,aAAa,CAAC,KAAK,EAAE,CAAC;gBACxC,IAAI,CAAC,SAAS,CAAC;oBACX;wBACI,IAAI,EAAE,SAAS,CAAC,EAAE;wBAClB,MAAM,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC;qBACtC;iBACJ,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QACD,iBAAiB,EAAE,KAAK;QACxB,mBAAmB,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxC,KAAC,mBAAmB,IAChB,IAAI,QACJ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,qCAAqC,EAAE,qCAAqC,GAC9E,CACL;QACD,kBAAkB,EACd,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CAAC,eAAe,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC3E,KAAC,qBAAqB,IAClB,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,cAAc,GACxB,CACL,CAAC,CAAC,CAAC,IAAI;KACf,CAAC;AACN,CAAC,CAAC"}

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

@@ -9,6 +9,7 @@ import LinkField from './LinkField';
 import StandardField from './StandardField';
 import TextBlock from './TextBlock';
 import TreeField from './TreeField';
+import Frame from './Frame';
 export const formComponents = {
     [FormUIElementTypes.FIELDS_CONTAINER]: Container,
     [FormFieldTypes.TEXT_INPUT]: StandardField,
@@ -19,6 +20,7 @@ export const formComponents = {
     [FormFieldTypes.TREE]: TreeField,
     [FormUIElementTypes.TABS]: FormTabs,
     [FormUIElementTypes.TEXT_BLOCK]: TextBlock,
-    [FormUIElementTypes.DIVIDER]: FormDivider
+    [FormUIElementTypes.DIVIDER]: FormDivider,
+    [FormUIElementTypes.FRAME]: Frame
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordContent/uiElements/index.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE/D,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAEvB;IACA,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,SAAS;IAChD,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,aAAa;IAC1C,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,aAAa;IACpC,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,aAAa;IACxC,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,aAAa;IACzC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS;IAChC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS;IAChC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,QAAQ;IACnC,CAAC,kBAAkB,CAAC,UAAU,CAAC,EAAE,SAAS;IAC1C,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,WAAW;CAC5C,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordContent/uiElements/index.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAE/D,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAEvB;IACA,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,SAAS;IAChD,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,aAAa;IAC1C,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,aAAa;IACpC,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,aAAa;IACxC,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,aAAa;IACzC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS;IAChC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS;IAChC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,QAAQ;IACnC,CAAC,kBAAkB,CAAC,UAAU,CAAC,EAAE,SAAS;IAC1C,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,WAAW;IACzC,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,KAAK;CACpC,CAAC"}

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

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/shared/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/shared/ComputeIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComputeIndicator.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/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;AAOF,MAAM,CAAC,MAAM,gBAAgB,GAA8C,CAAC,EAAC,eAAe,EAAE,cAAc,EAAC,EAAE,EAAE;IAC7G,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/shared/DeleteAllValuesButton.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+interface IDeleteAllValuesButtonProps {
+    handleDelete: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+}
+export declare const DeleteAllValuesButton: FunctionComponent<IDeleteAllValuesButtonProps>;
+export {};

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx } 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 { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { KitButton, KitModal } from 'aristid-ds';
+export const DeleteAllValuesButton = ({ handleDelete, disabled, danger }) => {
+    const { t } = useSharedTranslation();
+    const _confirmDeleteAllValues = () => {
+        KitModal.confirm({
+            title: t('record_edition.delete_all_values'),
+            content: t('record_edition.delete_all_values_confirm'),
+            icon: false,
+            showSecondaryCta: true,
+            showCloseIcon: false,
+            dangerConfirm: true,
+            type: 'confirm',
+            okText: t('global.confirm'),
+            cancelText: t('global.cancel'),
+            onOk: handleDelete
+        });
+    };
+    return (_jsx(KitButton, { type: "tertiary", size: "s", onClick: _confirmDeleteAllValues, disabled: disabled, danger: danger, children: t('record_edition.delete_all') }));
+};
+//# sourceMappingURL=DeleteAllValuesButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAllValuesButton.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/shared/DeleteAllValuesButton.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAS/C,MAAM,CAAC,MAAM,qBAAqB,GAAmD,CAAC,EAClF,YAAY,EACZ,QAAQ,EACR,MAAM,EACT,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACjC,QAAQ,CAAC,OAAO,CAAC;YACb,KAAK,EAAE,CAAC,CAAC,kCAAkC,CAAC;YAC5C,OAAO,EAAE,CAAC,CAAC,0CAA0C,CAAC;YACtD,IAAI,EAAE,KAAK;YACX,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,KAAK;YACpB,aAAa,EAAE,IAAI;YACnB,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,CAAC,CAAC,gBAAgB,CAAC;YAC3B,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC;YAC9B,IAAI,EAAE,YAAY;SACrB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,uBAAuB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,YACnG,CAAC,CAAC,2BAA2B,CAAC,GACvB,CACf,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,42 @@
+import { RecordFormElementsValueStandardValue } from '../../../../../hooks/useGetRecordForm';
+interface IInheritedNotOverride {
+    isInheritedValue: true;
+    isInheritedOverrideValue: false;
+    isInheritedNotOverrideValue: true;
+    inheritedValue: RecordFormElementsValueStandardValue;
+}
+interface IInheritedOverride {
+    isInheritedValue: true;
+    isInheritedOverrideValue: true;
+    isInheritedNotOverrideValue: false;
+    inheritedValue: RecordFormElementsValueStandardValue;
+}
+interface INotInherited {
+    isInheritedValue: false;
+    isInheritedOverrideValue: false;
+    isInheritedNotOverrideValue: false;
+    inheritedValue: null;
+}
+export type InheritedFlags = INotInherited | IInheritedOverride | IInheritedNotOverride;
+export declare const computeInheritedFlags: (fieldValues: RecordFormElementsValueStandardValue[]) => InheritedFlags;
+interface ICalculatedNotOverride {
+    isCalculatedValue: true;
+    isCalculatedOverrideValue: false;
+    isCalculatedNotOverrideValue: true;
+    calculatedValue: RecordFormElementsValueStandardValue;
+}
+interface ICalculatedOverride {
+    isCalculatedValue: true;
+    isCalculatedOverrideValue: true;
+    isCalculatedNotOverrideValue: false;
+    calculatedValue: RecordFormElementsValueStandardValue;
+}
+interface INotCalculated {
+    isCalculatedValue: false;
+    isCalculatedOverrideValue: false;
+    isCalculatedNotOverrideValue: false;
+    calculatedValue: null;
+}
+export type CalculatedFlags = INotCalculated | ICalculatedOverride | ICalculatedNotOverride;
+export declare const computeCalculatedFlags: (fieldValues: RecordFormElementsValueStandardValue[]) => CalculatedFlags;
+export {};

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

@@ -0,0 +1,56 @@
+export const computeInheritedFlags = (fieldValues) => {
+    const inheritedValue = fieldValues?.find(fieldValue => fieldValue.isInherited);
+    const overrideValue = fieldValues?.find(fieldValue => !fieldValue.isInherited && !fieldValue.isCalculated);
+    if (inheritedValue === undefined) {
+        return {
+            inheritedValue: null,
+            isInheritedValue: false,
+            isInheritedOverrideValue: false,
+            isInheritedNotOverrideValue: false
+        };
+    }
+    const isInheritedValue = true;
+    if (!overrideValue || overrideValue.payload === null) {
+        return {
+            inheritedValue,
+            isInheritedValue,
+            isInheritedNotOverrideValue: true,
+            isInheritedOverrideValue: false
+        };
+    }
+    return {
+        inheritedValue,
+        isInheritedValue,
+        isInheritedNotOverrideValue: false,
+        isInheritedOverrideValue: true
+    };
+};
+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) &&
+        (fieldValue.isInherited === null || fieldValue.isInherited === undefined));
+    if (calculatedValue === undefined) {
+        return {
+            calculatedValue: null,
+            isCalculatedValue: false,
+            isCalculatedOverrideValue: false,
+            isCalculatedNotOverrideValue: false
+        };
+    }
+    const isCalculatedValue = true;
+    if (!overrideValue || overrideValue.payload === null) {
+        return {
+            calculatedValue,
+            isCalculatedValue,
+            isCalculatedNotOverrideValue: true,
+            isCalculatedOverrideValue: false
+        };
+    }
+    return {
+        calculatedValue,
+        isCalculatedValue,
+        isCalculatedNotOverrideValue: false,
+        isCalculatedOverrideValue: true
+    };
+};
+//# sourceMappingURL=calculatedInheritedFlags.js.map

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

@@ -0,0 +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,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

@@ -0,0 +1,17 @@
+import { RecordFormElementFragment } from '../../../../../_gqlTypes';
+import { IEditRecordReducerActions, IRecordPropertyWithAttribute } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
+import { LINK_FIELD_ID_PREFIX, STANDARD_FIELD_ID_PREFIX, TREE_FIELD_ID_PREFIX } from '../../../../../constants';
+import { RecordFormElementsValue } from '../../../../../hooks/useGetRecordForm';
+import { Dispatch } from 'react';
+interface IUseOutsideInteractionDetectorProps {
+    attribute: RecordFormElementFragment['attribute'];
+    activeAttribute: IRecordPropertyWithAttribute | null;
+    dispatch: Dispatch<IEditRecordReducerActions>;
+    formIdToLoad: string | 'edition' | 'creation';
+    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, elementValues, pendingValues, allowedSelectors }: IUseOutsideInteractionDetectorProps) => void;
+export {};

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

@@ -0,0 +1,76 @@
+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, 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({
+        attribute,
+        activeAttribute,
+        attributePrefix,
+        allowedSelectors,
+        formIdToLoad,
+        elementValues,
+        pendingValues
+    });
+    useEffect(() => {
+        hookPropsRef.current = {
+            attribute,
+            activeAttribute,
+            attributePrefix,
+            allowedSelectors,
+            formIdToLoad,
+            elementValues,
+            pendingValues
+        };
+    }, [attribute, activeAttribute, attributePrefix, allowedSelectors, formIdToLoad, elementValues, pendingValues]);
+    useEffect(() => {
+        const handleClick = (event) => {
+            const currentProps = hookPropsRef.current;
+            const elementSelector = '#' + currentProps.attributePrefix + currentProps.attribute.id;
+            const target = event.target;
+            const isClickOnThisElement = target.closest(elementSelector) !== null;
+            if (isClickOnThisElement) {
+                dispatch({
+                    type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+                    attribute: currentProps.attribute,
+                    values: formIdToLoad === 'creation' ? currentProps.pendingValues : currentProps.elementValues
+                });
+                return;
+            }
+            const sideBarSelector = '#' + EDIT_RECORD_SIDEBAR_ID;
+            const isClickInsideSidebar = target.closest(sideBarSelector) !== null;
+            const isClickOnAllowedSelector = currentProps.allowedSelectors.length > 0 &&
+                currentProps.allowedSelectors.some(selector => target.closest(selector) !== null);
+            if (currentProps.activeAttribute !== null &&
+                currentProps.activeAttribute.attribute.id === currentProps.attribute.id &&
+                !isClickInsideSidebar &&
+                !isClickOnAllowedSelector) {
+                dispatch({
+                    type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+                    attribute: null
+                });
+            }
+        };
+        const handleFocus = (event) => {
+            const currentProps = hookPropsRef.current;
+            const elementSelector = '#' + currentProps.attributePrefix + currentProps.attribute.id;
+            const target = event.target;
+            const isFocusInsideTargetElement = target.closest(elementSelector) !== null;
+            if (isFocusInsideTargetElement) {
+                dispatch({
+                    type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+                    attribute: currentProps.attribute,
+                    values: formIdToLoad === 'creation' ? currentProps.pendingValues : currentProps.elementValues
+                });
+            }
+        };
+        document.addEventListener('mousedown', handleClick);
+        document.addEventListener('focusin', handleFocus);
+        return () => {
+            document.removeEventListener('mousedown', handleClick);
+            document.removeEventListener('focusin', handleFocus);
+        };
+    }, [dispatch]);
+};
+//# sourceMappingURL=useOutsideInteractionDetector.js.map

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

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

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

@@ -3,8 +3,11 @@ import { IValueVersion } from '../../../types';
 import { RecordIdentityFragment } from '../../../_gqlTypes';
 import { possibleSubmitButtons } from '../_types';
 export interface IEditRecordModalProps {
+    className?: string;
     open: boolean;
     record: RecordIdentityFragment['whoAmI'] | null;
+    creationFormId?: string;
+    editionFormId?: string;
     library: string;
     onClose: () => void;
     onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void;
@@ -12,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,66 +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 { themeVars } from '../../../antdTheme';
 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';
-const modalWidth = 1200;
-const StyledModal = styled(Modal) `
-    && .ant-modal-content {
-        padding: 0;
+import { v4 as uuidv4 } from 'uuid';
+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) `
+    && {
+        & > 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;
+                    }
+                }
+            }
+
+            .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 ${themeVars.borderColor};
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-`;
-const ModalFooter = styled.div `
-    display: flex;
-    justify-content: flex-end;
-    padding: 0.5rem 1rem;
-`;
-export const EditRecordModal = ({ open, record, 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 displayedSubmitButtons = useGetSubmitButtons(submitButtons, 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 showCancelConfirm = useCreateCancelConfirm(onClose);
+    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit);
     const _handleCreate = (newRecord) => {
         setCurrentRecord(newRecord);
         if (onCreateAndEdit && clickedSubmitButton === 'createAndEdit') {
@@ -73,9 +74,15 @@ export const EditRecordModal = ({ open, record, library, onClose, onCreate, onCr
             return;
         }
     };
-    return (_jsxs(StyledModal, { 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, 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