@leav/ui 0.4.0-d15d94c → 0.4.0-eccd77a

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeFieldWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeFieldWrapper.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAExD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;kBACxB,gBAAgB;;;;;CAKjC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.d.ts

@@ -0,0 +1,10 @@
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+interface IUseTreeNodeItemProps {
+    color?: RecordFormElementsValueTreeValue['treeValue']['record']['whoAmI']['color'];
+    label?: RecordFormElementsValueTreeValue['treeValue']['record']['whoAmI']['label'];
+    ancestors?: RecordFormElementsValueTreeValue['treeValue']['ancestors'];
+    canDelete?: boolean;
+    onClickToDelete?: (node: RecordFormElementsValueTreeValue) => void;
+}
+declare const TreeNodeItem: ({ color, label, ancestors, canDelete, onClickToDelete }: IUseTreeNodeItemProps) => JSX.Element;
+export default TreeNodeItem;

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { KitAvatar, KitBreadcrumb, KitIdCard, KitItemList, KitSpace } from 'aristid-ds';
+import { FaTrash } from 'react-icons/fa';
+import styled from 'styled-components';
+const KitItemListStyled = styled(KitItemList) `
+    border: none;
+    padding: 0;
+
+    &:hover:not(.kit-item-list-disabled) {
+        box-shadow: none;
+    }
+`;
+const KitBreadcrumbStyled = styled(KitBreadcrumb) `
+    &.ant-breadcrumb {
+        li:last-child .ant-breadcrumb-link {
+            color: var(--general-utilities-text-primary);
+        }
+
+        a {
+            cursor: initial;
+            pointer-events: none;
+
+            &:hover {
+                background-color: initial;
+                cursor: initial;
+                pointer-events: none;
+            }
+        }
+    }
+`;
+const BREADCRUMB_SEPARATOR = '>';
+const NOT_FOCUSABLE = -1;
+const TreeNodeItem = ({ color, label, ancestors, canDelete, onClickToDelete }) => {
+    const { t } = useSharedTranslation();
+    return (_jsx(KitItemListStyled, { tabIndex: NOT_FOCUSABLE, idCardSubstitute: _jsxs(KitSpace, { direction: "horizontal", children: [_jsx(KitAvatar, { color: color, label: label, shape: "square" }), _jsxs(KitSpace, { direction: "vertical", size: "none", children: [_jsx(KitIdCard, { title: label }), _jsx(KitBreadcrumbStyled, { items: ancestors?.map(ancestor => ({
+                                title: ancestor.record.whoAmI.label
+                            })), separator: BREADCRUMB_SEPARATOR })] })] }), actions: canDelete
+            ? [
+                {
+                    key: 'delete',
+                    icon: _jsx(FaTrash, {}),
+                    label: t('global.delete'),
+                    title: t('global.delete'),
+                    onClick: onClickToDelete
+                }
+            ]
+            : undefined }));
+};
+export default TreeNodeItem;
+//# sourceMappingURL=TreeNodeItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeItem.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACtF,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;;;;CAO5C,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;;;;;;;;;;;;;CAiBhD,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC;AAUzB,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAwB,EAAE,EAAE;IAClG,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,OAAO,CACH,KAAC,iBAAiB,IACd,QAAQ,EAAE,aAAa,EACvB,gBAAgB,EACZ,MAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,aAC5B,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,GAAG,EACxD,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,aACtC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,EAC3B,KAAC,mBAAmB,IAChB,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gCAC/B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;6BACtC,CAAC,CAAC,EACH,SAAS,EAAE,oBAAoB,GACjC,IACK,IACJ,EAEf,OAAO,EACH,SAAS;YACL,CAAC,CAAC;gBACI;oBACI,GAAG,EAAE,QAAQ;oBACb,IAAI,EAAE,KAAC,OAAO,KAAG;oBACjB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;oBACzB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;oBACzB,OAAO,EAAE,eAAe;iBAC3B;aACJ;YACH,CAAC,CAAC,SAAS,GAErB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import TreeNodeItem from './TreeNodeItem';
+import { TreeFieldWrapper } from './TreeFieldWrapper';
+export const useDisplayTreeNode = ({ attribute, backendValues, removeTreeNode }) => ({
+    TreeNodeList: (_jsx(TreeFieldWrapper, { children: backendValues.map((value, index) => (_jsx(TreeNodeItem, { 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 && attribute.multiple_values), onClickToDelete: () => removeTreeNode(value) }, index))) }))
+});
+//# sourceMappingURL=useDisplayTreeNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisplayTreeNode.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/useDisplayTreeNode.tsx"],"names":[],"mappings":";AAIA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAQpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,SAAS,EAAE,aAAa,EAAE,cAAc,EAA2B,EAAE,EAAE,CAAC,CAAC;IACzG,YAAY,EAAE,CACV,KAAC,gBAAgB,cACZ,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,YAAY,IAET,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;gBAC7E,CAAC,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,eAAe,CAAC,EAEtD,eAAe,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,IARvC,KAAK,CASZ,CACL,CAAC,GACa,CACtB;CACJ,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+import { ITreeNodeWithRecord } from '../../../../../../types';
+import { FunctionComponent } from 'react';
+interface ISelectTreeNodeModalProps {
+    title: string;
+    open: boolean;
+    attribute: RecordFormAttributeTreeAttributeFragment;
+    backendValues: RecordFormElementsValueTreeValue[];
+    onConfirm: (selectedNodes: ITreeNodeWithRecord[]) => void;
+    onClose: () => void;
+    className?: string;
+}
+export declare const SelectTreeNodeModal: FunctionComponent<ISelectTreeNodeModalProps>;
+export {};

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment, 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 { faXmark } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+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 }) => {
+    const { t } = useSharedTranslation();
+    const [selectedNodes, setSelectedNode] = useState([]);
+    const _handleOnSelect = (node, selected) => {
+        if (!attribute.multiple_values) {
+            setSelectedNode(selected ? [node] : []);
+            return;
+        }
+        if (selected) {
+            setSelectedNode([...selectedNodes, node]);
+        }
+        else {
+            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: 
+                    // 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 }) }));
+};
+//# sourceMappingURL=SelectTreeNodeModal.js.map

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

@@ -0,0 +1 @@
+{"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,EAAC,OAAO,EAAC,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAE7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAoB,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAEvC,MAAM,6BAA6B,GAAG,OAAO,CAAC;AAE9C,MAAM,4BAA4B,GAAG,OAAO,CAAC;AAY7C,MAAM,CAAC,MAAM,mBAAmB,GAAiD,CAAC,EAC9E,KAAK,EACL,IAAI,EACJ,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,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;IAE7E,MAAM,eAAe,GAAG,CAAC,IAAyB,EAAE,QAAiB,EAAE,EAAE;QACrE,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;YAC7B,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACxC,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,cAAc,GAAG,CAAC,SAAgC,EAAE,EAAE;QACxD,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,SAAS,CAAC,aAAa,CAAC,CAAC;QACzB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,IACL,SAAS,EAAE,SAAS,EACpB,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,EAEP,aAAa,kBAEb,KAAC,cAAc,IACX,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,EAChC,aAAa,EAAE;gBACX,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;gBACjD,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;aACxC,EACD,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAC7D,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,SAAS,CAAC,eAAe,EACpC,QAAQ,CAAC,2HAA2H;oBACpI,aAAa,SACf,GACK,CACd,CAAC;AACN,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,145 @@
+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 { SelectTreeNodeModal } from './SelectTreeNodeModal';
+import { APICallStatus } from '../../../_types';
+import { arrayValueVersionToObject } from '../../../../../../_utils';
+import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
+import { AntForm } from 'aristid-ds';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+export const useManageTreeNodeSelection = ({ modaleTitle, attribute, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError }) => {
+    const { t } = useSharedTranslation();
+    const form = AntForm.useFormInstance();
+    const [isModalVisible, setIsModalVisible] = useState(false);
+    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.
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: [t('errors.standard_field_required')]
+                }
+            ]);
+        }
+    }, []);
+    const openModal = () => {
+        setIsModalVisible(true);
+    };
+    const closeModal = () => {
+        setIsModalVisible(false);
+    };
+    const addTreeNodes = async (selectedNodes) => {
+        const valuesToSave = selectedNodes.map(node => ({
+            attribute,
+            idValue: 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,
+                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 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 () => {
+        // 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 getActionButtonLabel = () => {
+        if (!attribute.multiple_values && backendValues.length > 0) {
+            return `${t('global.replace')} ${modaleTitle}`;
+        }
+        return `${t('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
+    };
+};
+//# 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":"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"}

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

@@ -1,6 +1,6 @@
 import { RecordFormElementFragment } from '../../../../../_gqlTypes';
 import { IEditRecordReducerActions, IRecordPropertyWithAttribute } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
-import { LINK_FIELD_ID_PREFIX, STANDARD_FIELD_ID_PREFIX } from '../../../../../constants';
+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 {
@@ -11,7 +11,7 @@ interface IUseOutsideInteractionDetectorProps {
     backendValues: RecordFormElementsValue[];
     pendingValues: RecordFormElementsValue[];
     allowedSelectors?: string[];
-    attributePrefix?: typeof LINK_FIELD_ID_PREFIX | typeof STANDARD_FIELD_ID_PREFIX;
+    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 {};

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

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

@@ -2,9 +2,8 @@ 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';
@@ -13,61 +12,59 @@ import { faXmark, faRotateRight, faLayerGroup } from '@fortawesome/free-solid-sv
 import { useGetSubmitButtons } from '../hooks/useGetSubmitButtons';
 import { useForm } from 'antd/lib/form/Form';
 import { useCreateCancelConfirm } from '../hooks/useCreateCancelConfirm';
-const modalWidth = 1200;
-const StyledModal = styled(Modal) `
+import { v4 as uuidv4 } from 'uuid';
+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;
+                    }
+                }
+            }
+
+            .kit-modal-content-wrapper {
+                padding: 0;
 
-        .ant-modal-footer {
-            margin-top: 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, submitButtons = ['create'], withInfoButton = true }) => {
     const { t } = useSharedTranslation();
-    const showCancelConfirm = useCreateCancelConfirm(onClose);
+    const [antdForm] = useForm();
     const [currentRecord, setCurrentRecord] = useState(record);
     const [clickedSubmitButton, setClickedSubmitButton] = useState(null);
-    const isCreation = !currentRecord;
-    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 formElementId = useRef(uuidv4());
+    const isCreation = !currentRecord;
     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 formId = isCreation ? creationFormId : editionFormId;
+    const _handleClickSubmit = (button) => {
+        setClickedSubmitButton(button);
+    };
+    const showCancelConfirm = useCreateCancelConfirm(onClose);
+    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit);
     const _handleCreate = (newRecord) => {
         setCurrentRecord(newRecord);
         if (onCreateAndEdit && clickedSubmitButton === 'createAndEdit') {
@@ -79,10 +76,18 @@ 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, 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: MODAL_HEIGHT, 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') }), _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 }) })] })] }), 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, buttonsRefs: {
+                refresh: refreshButtonRef,
+                valuesVersions: valuesVersionsButtonRef
+            }, showSidebar: true, 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":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAC;AAC3B,OAAO,EAAoB,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC9D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAEvF,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,iCAAiC,CAAC;AAiBvE,MAAM,UAAU,GAAG,IAAI,CAAC;AACxB,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;CAUhC,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUxB,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK7B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA6C,CAAC,EACtE,SAAS,EACT,IAAI,EACJ,MAAM,EACN,cAAc,EACd,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,eAAe,EACf,aAAa,GAAG,CAAC,QAAQ,CAAC,EAC1B,aAAa,EACb,cAAc,GAAG,IAAI,EACxB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAE1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA0C,MAAM,CAAC,CAAC;IACpG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAC/F,MAAM,UAAU,GAAG,CAAC,aAAa,CAAC;IAElC,MAAM,kBAAkB,GAAG,CAAC,MAAyB,EAAE,EAAE;QACrD,sBAAsB,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,aAAa,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC;IAClG,MAAM,CAAC,QAAQ,CAAC,GAAG,OAAO,EAAE,CAAC;IAE7B,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,IAAI,UAAU,IAAI,QAAQ,CAAC,eAAe,EAAE,EAAE,CAAC;YAC3C,OAAO,iBAAiB,EAAE,CAAC;QAC/B,CAAC;QAED,OAAO,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,uEAAuE;IACvE,MAAM,gBAAgB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACzD,MAAM,uBAAuB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEhE,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAE7E,MAAM,aAAa,GAAG;QAClB,KAAC,SAAS,kBACM,gBAAgB,EAE5B,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EACxC,OAAO,EAAE,YAAY,YAEpB,gBAAgB,IAJb,OAAO,CAKH;QACZ,GAAG,sBAAsB;KAC5B,CAAC;IAEF,MAAM,MAAM,GAAG,CACX,KAAC,WAAW,cACR,KAAC,QAAQ,cAAE,aAAa,GAAY,GAC1B,CACjB,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,SAA2C,EAAE,EAAE;QAClE,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAE5B,IAAI,eAAe,IAAI,mBAAmB,KAAK,eAAe,EAAE,CAAC;YAC7D,eAAe,CAAC,SAAS,CAAC,CAAC;YAC3B,OAAO;QACX,CAAC;QAED,IAAI,QAAQ,IAAI,mBAAmB,KAAK,QAAQ,EAAE,CAAC;YAC/C,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO;QACX,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IAE3D,OAAO,CACH,MAAC,WAAW,IACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,cAAc,QACd,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC,EAC9B,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,KAAK,EAAE,EAAC,QAAQ,EAAE,GAAG,UAAU,IAAI,EAAC,EACpC,MAAM,EAAE,EAAC,IAAI,EAAE,EAAC,MAAM,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,EAAC,EAAE,OAAO,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC,EAAC,EACzF,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,aAE7C,MAAC,MAAM,eACH,KAAC,aAAa,CAAC,KAAK,IAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,YAC7C,aAAa,EAAE,KAAK,IAAI,CAAC,CAAC,2BAA2B,CAAC,GACrC,EACtB,MAAC,QAAQ,IAAC,IAAI,EAAC,KAAK,aAChB,KAAC,SAAS,IACN,GAAG,EAAE,uBAAuB,EAC5B,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,GAC/C,EACF,KAAC,SAAS,IAAC,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,GAAI,IAC7F,IACN,EACT,KAAC,UAAU,IACP,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE;oBACT,OAAO,EAAE,gBAAgB;oBACzB,cAAc,EAAE,uBAAuB;iBAC1C,EACD,WAAW,QACX,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,EAAC,MAAM,EAAE,qBAAqB,EAAC,GACjD,IACQ,CACjB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"EditRecordModal.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordModal/EditRecordModal.tsx"],"names":[],"mappings":"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"}

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

@@ -13,8 +13,9 @@ interface IEditRecordPageProps {
     submitButtons?: possibleSubmitButtons;
     valuesVersion?: IValueVersion;
     showRefreshButton?: boolean;
+    showHeader?: boolean;
     withInfoButton?: boolean;
-    onClose: () => void;
+    onClose?: () => void;
     showSidebar?: boolean;
     sidebarContainer?: HTMLElement;
 }

package/dist/components/RecordEdition/EditRecordPage/EditRecordPage.js

@@ -12,6 +12,7 @@ import { faXmark, faRotateRight } 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 Header = styled.div `
     grid-area: title;
     align-self: center;
@@ -22,16 +23,18 @@ const Header = styled.div `
     justify-content: space-between;
     align-items: center;
 `;
-export const EditRecordPage = ({ record, library, creationFormId, editionFormId, onCreate, onCreateAndEdit, valuesVersion, title, showRefreshButton = true, submitButtons = ['create'], withInfoButton, onClose, showSidebar, sidebarContainer }) => {
+const emptyFunction = () => null;
+export const EditRecordPage = ({ record, library, creationFormId, editionFormId, onCreate, onCreateAndEdit, valuesVersion, title, showRefreshButton = true, showHeader = true, submitButtons = ['create'], withInfoButton, onClose = emptyFunction, showSidebar, sidebarContainer }) => {
     const { t } = useSharedTranslation();
     const [currentRecord, setCurrentRecord] = useState(record);
     const [clickedSubmitButton, setClickedSubmitButton] = useState(null);
     const showCancelConfirm = useCreateCancelConfirm(onClose);
+    const formElementId = useRef(uuidv4());
     const isCreation = !currentRecord;
     const _handleClickSubmit = (button) => {
         setClickedSubmitButton(button);
     };
-    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, isCreation, _handleClickSubmit);
+    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit);
     const [antdForm] = useForm();
     const _handleClose = () => {
         if (isCreation && antdForm.isFieldsTouched()) {
@@ -54,6 +57,6 @@ export const EditRecordPage = ({ record, library, creationFormId, editionFormId,
         }
     };
     const formId = isCreation ? creationFormId : editionFormId;
-    return (_jsxs(_Fragment, { children: [_jsxs(Header, { children: [title !== undefined ? (title) : (_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: currentRecord?.label ?? t('record_edition.new_record') })), _jsxs(KitSpace, { children: [showRefreshButton && (_jsx(KitButton, { ref: refreshButtonRef, "aria-label": "refresh", type: "tertiary", icon: _jsx(FontAwesomeIcon, { icon: faRotateRight }) })), _jsx(KitButton, { onClick: _handleClose, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), children: closeButtonLabel }), _jsx(KitSpace, { children: displayedSubmitButtons })] })] }), _jsx(KitDivider, { noMargin: true, color: "lightGrey" }), _jsx(EditRecord, { antdForm: antdForm, formId: formId, record: currentRecord, library: library, valuesVersion: valuesVersion, onCreate: _handleCreate, buttonsRefs: { refresh: refreshButtonRef }, containerStyle: { height: 'calc(100% - 82px)' }, withInfoButton: withInfoButton, showSidebar: showSidebar, sidebarContainer: sidebarContainer })] }));
+    return (_jsxs(_Fragment, { children: [showHeader && (_jsxs(_Fragment, { children: [_jsxs(Header, { children: [title !== undefined ? (title) : (_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: currentRecord?.label ?? t('record_edition.new_record') })), _jsxs(KitSpace, { children: [showRefreshButton && (_jsx(KitButton, { ref: refreshButtonRef, "aria-label": "refresh", type: "tertiary", icon: _jsx(FontAwesomeIcon, { icon: faRotateRight }) })), _jsx(KitButton, { onClick: _handleClose, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), children: closeButtonLabel }), _jsx(KitSpace, { children: displayedSubmitButtons })] })] }), _jsx(KitDivider, { noMargin: true, color: "lightGrey" })] })), _jsx(EditRecord, { antdForm: antdForm, formId: formId, formElementId: formElementId.current, record: currentRecord, library: library, valuesVersion: valuesVersion, onCreate: _handleCreate, buttonsRefs: { refresh: refreshButtonRef }, containerStyle: { height: 'calc(100% - 82px)' }, withInfoButton: withInfoButton, showSidebar: showSidebar, sidebarContainer: sidebarContainer })] }));
 };
 //# sourceMappingURL=EditRecordPage.js.map