@leav/ui 0.1.6 → 0.2.6

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/TreeField.js

@@ -0,0 +1,225 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { List, Popover, theme } from 'antd';
+import Paragraph from 'antd/lib/typography/Paragraph';
+import { useContext, useEffect, useReducer } from 'react';
+import styled from 'styled-components';
+import { themeVars } from '../../../../../antdTheme';
+import Dimmer from '../../../../../components/Dimmer';
+import ErrorMessage from '../../../../../components/ErrorMessage';
+import CreationErrorContext from '../../../../../components/RecordEdition/EditRecordModal/creationErrorContext';
+import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordModalReducer/editRecordModalReducer';
+import { useEditRecordModalReducer } from '../../../../../components/RecordEdition/editRecordModalReducer/useEditRecordModalReducer';
+import { useRefreshFieldValues } from '../../../../../hooks/useRefreshFieldValues';
+import { arrayValueVersionToObject } from '../../../../../_utils';
+import getActiveFieldValues from '../../helpers/getActiveFieldValues';
+import { useRecordEditionContext } from '../../hooks/useRecordEditionContext';
+import linkFieldReducer, { computeInitialState, LinkFieldReducerActionsType } from '../../reducers/linkFieldReducer/linkFieldReducer';
+import AddValueBtn from '../../shared/AddValueBtn';
+import DeleteAllValuesBtn from '../../shared/DeleteAllValuesBtn';
+import FieldFooter from '../../shared/FieldFooter';
+import InheritedFieldLabel from '../../shared/InheritedFieldLabel';
+import NoValue from '../../shared/NoValue';
+import UpdatedFieldIcon from '../../shared/UpdatedFieldIcon';
+import ValueDetailsBtn from '../../shared/ValueDetailsBtn';
+import ValuesVersionBtn from '../../shared/ValuesVersionBtn';
+import ValuesVersionIndicator from '../../shared/ValuesVersionIndicator';
+import { APICallStatus, FieldScope } from '../../_types';
+import TreeFieldValue from './TreeFieldValue';
+import ValuesAdd from './ValuesAdd';
+const Wrapper = styled.div `
+    position: relative;
+    border: 1px solid ${themeVars.borderColor};
+    margin-bottom: 1.5em;
+    border-radius: ${p => p.$themeToken.borderRadius}px;
+    background: ${themeVars.defaultBg};
+    z-index: ${p => (p.$isValuesAddVisible ? 1 : 'auto')};
+
+    .ant-list-items {
+        max-height: 320px;
+        overflow-y: auto;
+    }
+
+    .ant-list-footer {
+        padding: 0;
+        border-radius: ${p => p.$themeToken.borderRadius}px;
+    }
+`;
+const FieldLabel = styled(Paragraph) `
+    && {
+        top: calc(50% - 0.9em);
+        font-size: 0.9em;
+        padding: 0 0.5em;
+        color: ${themeVars.secondaryTextColor};
+        z-index: 1;
+        margin-bottom: 0;
+    }
+`;
+function TreeField({ element, onValueSubmit, onValueDelete, onDeleteMultipleValues }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const { token } = theme.useToken();
+    const { state: editRecordModalState, dispatch: editRecordModalDispatch } = useEditRecordModalReducer();
+    const { readOnly: isRecordReadOnly, record } = useRecordEditionContext();
+    const creationErrors = useContext(CreationErrorContext);
+    const isInCreationMode = record === null;
+    const [state, dispatch] = useReducer(linkFieldReducer, computeInitialState({
+        element,
+        formVersion: editRecordModalState.valuesVersion,
+        isRecordReadOnly,
+        record
+    }));
+    const { fetchValues } = useRefreshFieldValues((_a = record === null || record === void 0 ? void 0 : record.library) === null || _a === void 0 ? void 0 : _a.id, state.attribute.id, record === null || record === void 0 ? void 0 : record.id);
+    const attribute = state.attribute;
+    const isReadOnly = (attribute === null || attribute === void 0 ? void 0 : attribute.readonly) || isRecordReadOnly || !attribute.permissions.edit_value;
+    const activeValues = getActiveFieldValues(state);
+    const activeVersion = (_b = state.values[state.activeScope]) === null || _b === void 0 ? void 0 : _b.version;
+    const data = activeValues.map(val => (Object.assign(Object.assign({}, val), { key: val.id_value })));
+    // Cancel value editing if value details panel is closed
+    useEffect(() => {
+        if (editRecordModalState.activeValue === null && state.isValuesAddVisible) {
+            _handleCloseValuesAdd();
+        }
+    }, [editRecordModalState.activeValue]);
+    useEffect(() => {
+        if (creationErrors[attribute.id]) {
+            dispatch({
+                type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
+                errorMessage: creationErrors[attribute.id].map(err => err.message).join(' ')
+            });
+        }
+    }, [creationErrors, attribute.id]);
+    const renderItem = (value) => {
+        var _a;
+        const _handleDelete = async () => {
+            const deleteRes = await onValueDelete({ id_value: value.id_value }, attribute.id);
+            if (deleteRes.status === APICallStatus.SUCCESS) {
+                dispatch({
+                    type: LinkFieldReducerActionsType.DELETE_VALUE,
+                    idValue: value.id_value
+                });
+                if (!isInCreationMode) {
+                    const freshValues = await fetchValues(state.values[state.activeScope].version);
+                    dispatch({
+                        type: LinkFieldReducerActionsType.REFRESH_VALUES,
+                        formVersion: editRecordModalState.valuesVersion,
+                        values: freshValues
+                    });
+                }
+                return;
+            }
+        };
+        return (_jsxs(_Fragment, { children: [((_a = attribute.versions_conf) === null || _a === void 0 ? void 0 : _a.versionable) && _jsx(ValuesVersionIndicator, { activeScope: state.activeScope }), _jsx(TreeFieldValue, { value: value, attribute: attribute, onDelete: _handleDelete, isReadOnly: isReadOnly })] }));
+    };
+    const canAddValue = !isReadOnly && (attribute.multiple_values || !activeValues.length);
+    const _handleAddValue = () => {
+        editRecordModalDispatch({
+            type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+            value: {
+                attribute,
+                value: null
+            }
+        });
+        dispatch({
+            type: LinkFieldReducerActionsType.SET_IS_VALUES_ADD_VISIBLE,
+            isValuesAddVisible: true
+        });
+    };
+    const _handleSubmitSelectTreeNodeModal = async (treeNodes) => {
+        var _a;
+        const valuesToSave = treeNodes.map(node => ({
+            attribute,
+            idValue: null,
+            value: node
+        }));
+        const res = await onValueSubmit(valuesToSave, activeVersion);
+        if (res.status === APICallStatus.ERROR) {
+            dispatch({
+                type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
+                errorMessage: res.error
+            });
+        }
+        else if (res.values) {
+            const formattedValues = res.values.map(v => {
+                var _a;
+                return (Object.assign(Object.assign({}, v), { version: arrayValueVersionToObject(v.version), metadata: (_a = v.metadata) === null || _a === void 0 ? void 0 : _a.map(metadata => {
+                        var _a;
+                        return (Object.assign(Object.assign({}, metadata), { value: Object.assign(Object.assign({}, metadata.value), { version: arrayValueVersionToObject((_a = metadata.value.version) !== null && _a !== void 0 ? _a : []) }) }));
+                    }) }));
+            });
+            dispatch({
+                type: LinkFieldReducerActionsType.ADD_VALUES,
+                values: formattedValues
+            });
+        }
+        if ((_a = res === null || res === void 0 ? void 0 : res.errors) === null || _a === void 0 ? void 0 : _a.length) {
+            const selectedNodesById = treeNodes.reduce((acc, cur) => (Object.assign(Object.assign({}, acc), { [cur.id]: cur })), {});
+            const errorsMessage = res.errors.map(err => {
+                const linkedRecordLabel = selectedNodesById[err.input].title || selectedNodesById[err.input].id;
+                return `${linkedRecordLabel}: ${err.message}`;
+            });
+            dispatch({
+                type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
+                errorMessage: errorsMessage
+            });
+        }
+        else {
+            dispatch({
+                type: LinkFieldReducerActionsType.SET_IS_VALUES_ADD_VISIBLE,
+                isValuesAddVisible: false
+            });
+        }
+    };
+    const _handleDeleteAllValues = async () => {
+        var _a;
+        const deleteRes = await onDeleteMultipleValues(attribute.id, activeValues, activeVersion);
+        if (deleteRes.status === APICallStatus.SUCCESS) {
+            dispatch({
+                type: LinkFieldReducerActionsType.DELETE_ALL_VALUES
+            });
+            if (!isInCreationMode) {
+                const freshValues = await fetchValues(state.values[state.activeScope].version);
+                dispatch({
+                    type: LinkFieldReducerActionsType.REFRESH_VALUES,
+                    formVersion: editRecordModalState.valuesVersion,
+                    values: freshValues
+                });
+            }
+        }
+        if ((_a = deleteRes === null || deleteRes === void 0 ? void 0 : deleteRes.errors) === null || _a === void 0 ? void 0 : _a.length) {
+            dispatch({
+                type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
+                errorMessage: deleteRes.errors.map(err => err.message)
+            });
+        }
+    };
+    const _handleScopeChange = (scope) => {
+        dispatch({
+            type: LinkFieldReducerActionsType.CHANGE_ACTIVE_SCOPE,
+            scope
+        });
+    };
+    const versions = {
+        [FieldScope.CURRENT]: (_d = (_c = state.values[FieldScope.CURRENT]) === null || _c === void 0 ? void 0 : _c.version) !== null && _d !== void 0 ? _d : null,
+        [FieldScope.INHERITED]: (_f = (_e = state.values[FieldScope.INHERITED]) === null || _e === void 0 ? void 0 : _e.version) !== null && _f !== void 0 ? _f : null
+    };
+    const ListFooter = (_jsxs(FieldFooter, { children: [_jsxs("div", { children: [((_g = attribute === null || attribute === void 0 ? void 0 : attribute.versions_conf) === null || _g === void 0 ? void 0 : _g.versionable) && (_jsx(ValuesVersionBtn, { versions: versions, activeScope: state.activeScope, onScopeChange: _handleScopeChange, basic: true })), !isReadOnly && !!activeValues.length && _jsx(DeleteAllValuesBtn, { onDelete: _handleDeleteAllValues }), _jsx(ValueDetailsBtn, { attribute: attribute, value: null, size: "small", basic: true })] }), !!activeValues.length && canAddValue && (_jsx(AddValueBtn, { activeScope: state.activeScope, onClick: _handleAddValue, disabled: state.isValuesAddVisible, linkField: true }))] }));
+    const _handleCloseValuesAdd = () => {
+        dispatch({
+            type: LinkFieldReducerActionsType.SET_IS_VALUES_ADD_VISIBLE,
+            isValuesAddVisible: false
+        });
+        editRecordModalDispatch({
+            type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
+            value: null
+        });
+    };
+    const _handleCloseError = () => {
+        dispatch({
+            type: LinkFieldReducerActionsType.CLEAR_ERROR_MESSAGE
+        });
+    };
+    return (_jsxs(_Fragment, { children: [state.isValuesAddVisible && _jsx(Dimmer, { onClick: _handleCloseValuesAdd }), _jsxs(Wrapper, Object.assign({ "$isValuesAddVisible": state.isValuesAddVisible, "$themeToken": token }, { children: [_jsxs(FieldLabel, Object.assign({ ellipsis: { rows: 1, tooltip: true } }, { children: [element.settings.label, editRecordModalState.externalUpdate.updatedValues[attribute === null || attribute === void 0 ? void 0 : attribute.id] && _jsx(UpdatedFieldIcon, {}), state.activeScope === FieldScope.INHERITED && (_jsx(InheritedFieldLabel, { version: state.values[FieldScope.INHERITED].version }))] })), _jsx(List, { dataSource: data, renderItem: renderItem, split: true, locale: {
+                            emptyText: _jsx(NoValue, { canAddValue: canAddValue, onAddValue: _handleAddValue, linkField: true })
+                        }, footer: ListFooter }), state.isValuesAddVisible && (_jsx(ValuesAdd, { attribute: attribute, onAdd: _handleSubmitSelectTreeNodeModal, onClose: _handleCloseValuesAdd }))] })), state.errorMessage && (_jsx(Popover, { placement: "bottomLeft", open: !!state.errorMessage, content: _jsx(ErrorMessage, { error: state.errorMessage, onClose: _handleCloseError }) }))] }));
+}
+export default TreeField;
+//# sourceMappingURL=TreeField.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/TreeField.js.map

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

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/TreeFieldValue/TreeFieldValue.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+import { IRecordPropertyTree } from '../../../../../../_queries/records/getRecordPropertiesQuery';
+interface ITreeFieldValueProps {
+    value: IRecordPropertyTree;
+    attribute: RecordFormAttributeTreeAttributeFragment;
+    onDelete: () => void;
+    isReadOnly: boolean;
+}
+declare function TreeFieldValue({ value, attribute, onDelete, isReadOnly }: ITreeFieldValueProps): JSX.Element;
+export default TreeFieldValue;

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/TreeFieldValue/TreeFieldValue.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import styled from 'styled-components';
+import { themeVars } from '../../../../../../antdTheme';
+import { FloatingMenu, RecordCard } from '../../../../../../components';
+import DeleteValueBtn from '../../../../../../components/RecordEdition/EditRecord/shared/DeleteValueBtn';
+import ValueDetailsBtn from '../../../../../../components/RecordEdition/EditRecord/shared/ValueDetailsBtn';
+import EditRecordBtn from '../../../../../../components/RecordEdition/EditRecordBtn';
+import { PreviewSize } from '../../../../../../constants';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+const ListItem = styled.div `
+    padding: 0.5em 0;
+    position: relative;
+    &:not(:last-child) {
+        border-bottom: 1px solid ${themeVars.borderColor};
+    }
+
+    &:not(:hover) .floating-menu {
+        display: none;
+    }
+
+    & .floating-menu {
+        right: 30px;
+    }
+`;
+function TreeFieldValue({ value, attribute, onDelete, isReadOnly }) {
+    const { t } = useSharedTranslation();
+    const _handleDelete = async () => onDelete();
+    const valueMenuActions = [
+        {
+            title: t('record_edition.edit_record'),
+            button: _jsx(EditRecordBtn, { record: value.treeValue.record.whoAmI })
+        },
+        {
+            title: t('record_edition.value_details'),
+            button: _jsx(ValueDetailsBtn, { value: value, attribute: attribute })
+        }
+    ];
+    if (!isReadOnly) {
+        valueMenuActions.push({
+            title: t('global.delete'),
+            button: _jsx(DeleteValueBtn, { onDelete: _handleDelete })
+        });
+    }
+    return (_jsxs(ListItem, { children: [_jsx(RecordCard, { record: value.treeValue.record.whoAmI, size: PreviewSize.small }), _jsx(FloatingMenu, { actions: valueMenuActions })] }));
+}
+export default TreeFieldValue;
+//# sourceMappingURL=TreeFieldValue.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/TreeFieldValue/TreeFieldValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeFieldValue.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecord/uiElements/TreeField/TreeFieldValue/TreeFieldValue.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,YAAY,EAAsB,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC5E,OAAO,cAAc,MAAM,+DAA+D,CAAC;AAC3F,OAAO,eAAe,MAAM,gEAAgE,CAAC;AAC7F,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAWpE,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;mCAIQ,SAAS,CAAC,WAAW;;;;;;;;;;CAUvD,CAAC;AAEF,SAAS,cAAc,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAuB;IAClF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;IAE7C,MAAM,gBAAgB,GAAyB;QAC3C;YACI,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC;YACtC,MAAM,EAAE,KAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,GAAI;SACnE;QACD;YACI,KAAK,EAAE,CAAC,CAAC,8BAA8B,CAAC;YACxC,MAAM,EAAE,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI;SAClE;KACJ,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE;QACb,gBAAgB,CAAC,IAAI,CAAC;YAClB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;YACzB,MAAM,EAAE,KAAC,cAAc,IAAC,QAAQ,EAAE,aAAa,GAAI;SACtD,CAAC,CAAC;KACN;IAED,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,UAAU,IAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,GAAI,EAC9E,KAAC,YAAY,IAAC,OAAO,EAAE,gBAAgB,GAAI,IACpC,CACd,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/TreeFieldValue/index.d.ts

@@ -0,0 +1,2 @@
+import TreeFieldValue from './TreeFieldValue';
+export default TreeFieldValue;

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/TreeFieldValue/index.js

@@ -0,0 +1,6 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import TreeFieldValue from './TreeFieldValue';
+export default TreeFieldValue;
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/TreeFieldValue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecord/uiElements/TreeField/TreeFieldValue/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,eAAe,cAAc,CAAC"}

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/ValuesAdd/ValuesAdd.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ITreeNodeWithRecord } from '../../../../../../types/trees';
+import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+interface IValuesAddProps {
+    attribute: RecordFormAttributeTreeAttributeFragment;
+    onAdd: (values: ITreeNodeWithRecord[]) => void;
+    onClose: () => void;
+}
+declare function ValuesAdd({ attribute, onAdd, onClose }: IValuesAddProps): JSX.Element;
+export default ValuesAdd;

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/ValuesAdd/ValuesAdd.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { localizedTranslation } from '@leav/utils';
+import { Breadcrumb, Button, Divider, Space } from 'antd';
+import { useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+import { themeVars } from '../../../../../../antdTheme';
+import { RecordCard } from '../../../../../../components';
+import List from '../../../../../../components/List';
+import { SelectTreeNode } from '../../../../../../components/SelectTreeNode';
+import { PreviewSize } from '../../../../../../constants';
+import useLang from '../../../../../../hooks/useLang';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { getTreeRecordKey } from '../../../../../../_utils';
+const Wrapper = styled.div `
+    background-color: ${themeVars.defaultBg};
+    z-index: 1;
+    position: relative;
+`;
+const SelectionWrapper = styled.div `
+    padding: 1em;
+    max-height: 350px;
+    overflow: auto;
+`;
+const FooterWrapper = styled.div `
+    padding: 0.5em 1em;
+    display: flex;
+    justify-content: flex-end;
+    background: ${themeVars.lightBg};
+`;
+const BreadcrumbWrapper = styled.div `
+    & .record-card .label {
+        font-weight: normal;
+    }
+`;
+const BreadcrumbRoot = styled(Breadcrumb) `
+    display: flex;
+    align-items: center;
+`;
+function ValuesAdd({ attribute, onAdd, onClose }) {
+    var _a, _b, _c;
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const valuesList = ((_a = attribute === null || attribute === void 0 ? void 0 : attribute.treeValuesList) === null || _a === void 0 ? void 0 : _a.enable) ? (_c = (_b = attribute === null || attribute === void 0 ? void 0 : attribute.treeValuesList) === null || _b === void 0 ? void 0 : _b.values) !== null && _c !== void 0 ? _c : [] : [];
+    const wrapperRef = useRef();
+    const [selectedValuesFromTree, setSelectedValuesFromTree] = useState([]);
+    const [selectedValuesFromList, setSelectedValuesFromList] = useState([]);
+    useEffect(() => {
+        wrapperRef.current.scrollIntoView({ block: 'nearest' });
+    }, []);
+    const _handleSelectionChange = (selection) => setSelectedValuesFromList(selection);
+    const _handleSelect = (node, selected) => {
+        if (selected) {
+            onAdd([node]);
+        }
+    };
+    const _handleCheck = (selectedNodes) => setSelectedValuesFromTree(selectedNodes);
+    const _handleClose = () => onClose();
+    const _handleItemClick = (valueListItem) => {
+        const recordKey = valueListItem.id;
+        onAdd([
+            {
+                record: valueListItem.record,
+                key: recordKey,
+                id: recordKey,
+                title: valueListItem.record.whoAmI.label,
+                children: null
+            }
+        ]);
+    };
+    const _handleSubmit = () => {
+        const selection = [
+            ...selectedValuesFromList.map(selectedVal => {
+                const recordKey = getTreeRecordKey(selectedVal.record);
+                return {
+                    record: selectedVal.record,
+                    id: recordKey,
+                    key: recordKey,
+                    title: selectedVal.record.whoAmI.label,
+                    children: null
+                };
+            }),
+            ...selectedValuesFromTree
+        ];
+        onAdd(selection);
+    };
+    const _renderListItem = (item) => {
+        const pathToDisplay = item.ancestors;
+        const parents = pathToDisplay.slice(0, -1);
+        const element = pathToDisplay.slice(-1)[0];
+        const recordCardSettings = { withLibrary: false, withPreview: false };
+        const breadcrumbItems = parents.map(ancestor => {
+            return {
+                key: ancestor.record.id,
+                title: _jsx(RecordCard, Object.assign({ record: ancestor.record.whoAmI, size: PreviewSize.small }, recordCardSettings))
+            };
+        });
+        breadcrumbItems.push({
+            key: element.record.id,
+            title: _jsx(RecordCard, Object.assign({ record: element.record.whoAmI, size: PreviewSize.small }, recordCardSettings))
+        });
+        return (_jsx(BreadcrumbWrapper, { children: _jsx(BreadcrumbRoot, { items: breadcrumbItems, separator: ">" }) }));
+    };
+    return (_jsx(_Fragment, { children: _jsxs(Wrapper, Object.assign({ "data-testid": "values-add", ref: wrapperRef }, { children: [_jsxs(SelectionWrapper, { children: [!!valuesList.length && (_jsxs(_Fragment, { children: [_jsx(Divider, Object.assign({ orientation: "left" }, { children: t('record_edition.values_list') })), _jsx(List, { dataSource: valuesList, onItemClick: _handleItemClick, renderItemContent: _renderListItem, selectable: attribute.multiple_values, selectedItems: selectedValuesFromList, onSelectionChange: _handleSelectionChange, pagination: false })] })), _jsx(Divider, Object.assign({ orientation: "left" }, { children: localizedTranslation(attribute.linked_tree.label, lang) })), _jsx(SelectTreeNode, { tree: attribute.linked_tree, onSelect: _handleSelect, onCheck: _handleCheck, multiple: attribute.multiple_values })] }), attribute.multiple_values && (_jsx(FooterWrapper, { children: _jsxs(Space, { children: [_jsx(Button, Object.assign({ size: "small", onClick: _handleClose }, { children: t('global.cancel') })), _jsx(Button, Object.assign({ type: "primary", size: "small", onClick: _handleSubmit }, { children: t('global.submit') }))] }) }))] })) }));
+}
+export default ValuesAdd;
+//# sourceMappingURL=ValuesAdd.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/ValuesAdd/ValuesAdd.js.map

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

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/ValuesAdd/index.d.ts

@@ -0,0 +1,2 @@
+import ValuesAdd from './ValuesAdd';
+export default ValuesAdd;

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/ValuesAdd/index.js

@@ -0,0 +1,6 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import ValuesAdd from './ValuesAdd';
+export default ValuesAdd;
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/ValuesAdd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecord/uiElements/TreeField/ValuesAdd/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,eAAe,SAAS,CAAC"}

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/index.d.ts

@@ -0,0 +1,2 @@
+import TreeField from './TreeField';
+export default TreeField;

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/index.js

@@ -0,0 +1,6 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import TreeField from './TreeField';
+export default TreeField;
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecord/uiElements/TreeField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecord/uiElements/TreeField/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,eAAe,SAAS,CAAC"}

package/dist/components/RecordEdition/EditRecord/uiElements/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FormFieldTypes, FormUIElementTypes } from '@leav/utils';
+import { IFormElementProps } from '../_types';
+export declare const formComponents: {
+    [type in FormUIElementTypes & FormFieldTypes]: (props: IFormElementProps<any>) => JSX.Element;
+};

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

@@ -0,0 +1,24 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { FormFieldTypes, FormUIElementTypes } from '@leav/utils';
+import Container from './Container';
+import FormDivider from './FormDivider';
+import FormTabs from './FormTabs';
+import LinkField from './LinkField';
+import StandardField from './StandardField';
+import TextBlock from './TextBlock';
+import TreeField from './TreeField';
+export const formComponents = {
+    [FormUIElementTypes.FIELDS_CONTAINER]: Container,
+    [FormFieldTypes.TEXT_INPUT]: StandardField,
+    [FormFieldTypes.DATE]: StandardField,
+    [FormFieldTypes.CHECKBOX]: StandardField,
+    [FormFieldTypes.ENCRYPTED]: StandardField,
+    [FormFieldTypes.LINK]: LinkField,
+    [FormFieldTypes.TREE]: TreeField,
+    [FormUIElementTypes.TABS]: FormTabs,
+    [FormUIElementTypes.TEXT_BLOCK]: TextBlock,
+    [FormUIElementTypes.DIVIDER]: FormDivider
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecord/uiElements/index.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,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"}

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

@@ -4,10 +4,11 @@ import { DeleteMultipleValuesFunc, DeleteValueFunc, SubmitValueFunc } from './_t
 interface IEditRecordContentProps {
     record: IRecordIdentityWhoAmI | null;
     library: string;
+    onRecordSubmit: () => void;
     onValueSubmit: SubmitValueFunc;
     onValueDelete: DeleteValueFunc;
     onDeleteMultipleValues: DeleteMultipleValuesFunc;
     readonly: boolean;
 }
-declare function EditRecordContent({ record, library, onValueSubmit, onValueDelete, onDeleteMultipleValues, readonly }: IEditRecordContentProps): JSX.Element;
+declare function EditRecordContent({ record, library, onRecordSubmit, onValueSubmit, onValueDelete, onDeleteMultipleValues, readonly }: IEditRecordContentProps): JSX.Element;
 export default EditRecordContent;

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

@@ -9,18 +9,23 @@ import useGetRecordForm from '../../../hooks/useGetRecordForm';
 import { useGetRecordUpdatesSubscription } from '../../../hooks/useGetRecordUpdatesSubscription';
 import useRecordsConsultationHistory from '../../../hooks/useRecordsConsultationHistory';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-import { FormElementTypes } from '../../../_gqlTypes';
+import { AttributeFormat, FormElementTypes } from '../../../_gqlTypes';
 import { EditRecordReducerActionsTypes } from '../editRecordReducer/editRecordReducer';
 import { useEditRecordReducer } from '../editRecordReducer/useEditRecordReducer';
 import EditRecordSkeleton from './EditRecordSkeleton';
 import extractFormElements from './helpers/extractFormElements';
 import { RecordEditionContext } from './hooks/useRecordEditionContext';
 import { formComponents } from './uiElements';
-function EditRecordContent({ record, library, onValueSubmit, onValueDelete, onDeleteMultipleValues, readonly }) {
+import { Form } from 'antd';
+import { useForm } from 'antd/lib/form/Form';
+import dayjs from 'dayjs';
+import { EDIT_OR_CREATE_RECORD_FORM_ID } from './formConstants';
+function EditRecordContent({ record, library, onRecordSubmit, onValueSubmit, onValueDelete, onDeleteMultipleValues, readonly }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const formId = record ? 'edition' : 'creation';
     const { t } = useSharedTranslation();
     const { state, dispatch } = useEditRecordReducer();
+    const [antForm] = useForm();
     useRecordsConsultationHistory((_b = (_a = record === null || record === void 0 ? void 0 : record.library) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null, (_c = record === null || record === void 0 ? void 0 : record.id) !== null && _c !== void 0 ? _c : null);
     const { data: recordUpdateData } = useGetRecordUpdatesSubscription({ records: [record === null || record === void 0 ? void 0 : record.id], ignoreOwnEvents: true }, !(record === null || record === void 0 ? void 0 : record.id));
     useEffect(() => {
@@ -82,8 +87,38 @@ function EditRecordContent({ record, library, onValueSubmit, onValueDelete, onDe
         values: null,
         uiElement: formComponents[FormUIElementTypes.FIELDS_CONTAINER]
     };
+    const hasDateRangeValues = (dateRange) => dateRange.from !== undefined && dateRange.to !== undefined;
+    const antdFormInitialValues = recordForm.elements.reduce((acc, { attribute, values }) => {
+        var _a;
+        if (!attribute) {
+            return acc;
+        }
+        const fieldValue = values[0];
+        if (attribute.format === AttributeFormat.text) {
+            acc[attribute.id] = (_a = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.raw_value) !== null && _a !== void 0 ? _a : '';
+        }
+        if (attribute.format === AttributeFormat.date_range) {
+            if (!(fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.raw_value)) {
+                return acc;
+            }
+            if (hasDateRangeValues(fieldValue.raw_value)) {
+                acc[attribute.id] = [
+                    dayjs.unix(Number(fieldValue.raw_value.from)),
+                    dayjs.unix(Number(fieldValue.raw_value.to))
+                ];
+            }
+            else if (typeof fieldValue.raw_value === 'string') {
+                const convertedFieldValue = JSON.parse(fieldValue.raw_value);
+                acc[attribute.id] = [
+                    dayjs.unix(Number(convertedFieldValue.from)),
+                    dayjs.unix(Number(convertedFieldValue.to))
+                ];
+            }
+        }
+        return acc;
+    }, {});
     // Use a hash of record form as a key to force a full re-render when the form changes
-    return (_jsx(RecordEditionContext.Provider, Object.assign({ value: { elements: elementsByContainer, readOnly: readonly, record } }, { children: _jsx(rootElement.uiElement, { element: rootElement, onValueSubmit: _handleValueSubmit, onValueDelete: _handleValueDelete, onDeleteMultipleValues: onDeleteMultipleValues }, recordFormHash) })));
+    return (_jsx(Form, Object.assign({ id: EDIT_OR_CREATE_RECORD_FORM_ID, form: antForm, initialValues: antdFormInitialValues, onFinish: onRecordSubmit }, { children: _jsx(RecordEditionContext.Provider, Object.assign({ value: { elements: elementsByContainer, readOnly: readonly, record } }, { children: _jsx(rootElement.uiElement, { element: rootElement, onValueSubmit: _handleValueSubmit, onValueDelete: _handleValueDelete, onDeleteMultipleValues: onDeleteMultipleValues }, recordFormHash) })) })));
 }
 export default EditRecordContent;
 //# sourceMappingURL=EditRecordContent.js.map