@leav/ui 0.2.8 → 0.3.0

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

@@ -3,15 +3,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { Modal } from 'antd';
+import { useRef, useState } from 'react';
 import { KitButton, KitSpace, KitTypography } from 'aristid-ds';
-import { useRef } from 'react';
 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, faFloppyDisk, faRotateRight, faLayerGroup } from '@fortawesome/free-solid-svg-icons';
-import { EDIT_OR_CREATE_RECORD_FORM_ID } from '../EditRecordContent/formConstants';
+import { faXmark, faRotateRight, faLayerGroup } 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 {
@@ -34,24 +36,45 @@ const ModalFooter = styled.div `
     justify-content: flex-end;
     padding: 0.5rem 1rem;
 `;
-export const EditRecordModal = ({ open, record, library, onClose, afterCreate, valuesVersion, withInfoButton = true }) => {
+export const EditRecordModal = ({ open, record, library, onClose, onCreate, onCreateAndEdit, submitButtons = ['create'], valuesVersion, withInfoButton = true }) => {
     var _a;
     const { t } = useSharedTranslation();
-    const isCreationMode = !record;
+    const showCancelConfirm = useCreateCancelConfirm(onClose);
+    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 closeButtonRef = useRef(null);
     const refreshButtonRef = useRef(null);
     const valuesVersionsButtonRef = useRef(null);
-    const closeButtonLabel = record ? t('global.close') : t('global.cancel');
+    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');
     const footerButtons = [
-        _jsx(KitButton, Object.assign({ "aria-label": t('global.close'), ref: closeButtonRef, icon: _jsx(FontAwesomeIcon, { icon: faXmark }) }, { children: closeButtonLabel }), "close")
+        _jsx(KitButton, Object.assign({ "aria-label": closeButtonLabel, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: _handleClose }, { children: closeButtonLabel }), "close"),
+        ...displayedSubmitButtons
     ];
-    if (isCreationMode) {
-        footerButtons.push(_jsx(KitButton, Object.assign({ htmlType: "submit", type: "primary", form: EDIT_OR_CREATE_RECORD_FORM_ID, "aria-label": t('global.submit'), icon: _jsx(FontAwesomeIcon, { icon: faFloppyDisk }) }, { children: t('global.submit') }), "submit"));
-    }
     const footer = (_jsx(ModalFooter, { children: _jsx(KitSpace, { children: footerButtons }) }));
-    return (_jsxs(StyledModal, Object.assign({ open: open, onCancel: onClose, 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, Object.assign({ level: "h2", style: { margin: 0 } }, { children: (_a = record === null || record === void 0 ? void 0 : record.label) !== null && _a !== void 0 ? _a : t('record_edition.new_record') })), _jsxs(KitSpace, Object.assign({ size: "xxs" }, { children: [_jsx(KitButton, { ref: valuesVersionsButtonRef, type: "text", icon: _jsx(FontAwesomeIcon, { icon: faLayerGroup }) }), _jsx(KitButton, { ref: refreshButtonRef, type: "text", icon: _jsx(FontAwesomeIcon, { icon: faRotateRight }) })] }))] }), _jsx(EditRecord, { record: record, library: library, onClose: onClose, afterCreate: afterCreate, valuesVersion: valuesVersion, buttonsRefs: {
-                    close: closeButtonRef,
+    const _handleCreate = (newRecord) => {
+        setCurrentRecord(newRecord);
+        if (onCreateAndEdit && clickedSubmitButton === 'createAndEdit') {
+            onCreateAndEdit(newRecord);
+            return;
+        }
+        if (onCreate && clickedSubmitButton === 'create') {
+            onCreate(newRecord);
+            return;
+        }
+    };
+    return (_jsxs(StyledModal, Object.assign({ 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, Object.assign({ level: "h2", style: { margin: 0 } }, { children: (_a = currentRecord === null || currentRecord === void 0 ? void 0 : currentRecord.label) !== null && _a !== void 0 ? _a : t('record_edition.new_record') })), _jsxs(KitSpace, Object.assign({ size: "xxs" }, { children: [_jsx(KitButton, { ref: valuesVersionsButtonRef, type: "text", icon: _jsx(FontAwesomeIcon, { icon: faLayerGroup }) }), _jsx(KitButton, { ref: refreshButtonRef, type: "text", 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)' } })] })));

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,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAC;AAC3B,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAoB,MAAM,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,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,YAAY,EAAE,aAAa,EAAE,YAAY,EAAC,MAAM,mCAAmC,CAAC;AACrG,OAAO,EAAC,6BAA6B,EAAC,MAAM,oCAAoC,CAAC;AAYjF,MAAM,UAAU,GAAG,IAAI,CAAC;AACxB,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;CAIhC,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;+BAMM,SAAS,CAAC,WAAW;;;;CAInD,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA6C,CAAC,EACtE,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,cAAc,GAAG,IAAI,EACxB,EAAE,EAAE;;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,cAAc,GAAG,CAAC,MAAM,CAAC;IAE/B,uEAAuE;IACvE,MAAM,cAAc,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACvD,MAAM,gBAAgB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACzD,MAAM,uBAAuB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEhE,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IACzE,MAAM,aAAa,GAAG;QAClB,KAAC,SAAS,gCACM,CAAC,CAAC,cAAc,CAAC,EAE7B,GAAG,EAAE,cAAc,EACnB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,gBAEvC,gBAAgB,KAJb,OAAO,CAKH;KACf,CAAC;IAEF,IAAI,cAAc,EAAE;QAChB,aAAa,CAAC,IAAI,CACd,KAAC,SAAS,kBAEN,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,6BAA6B,gBACvB,CAAC,CAAC,eAAe,CAAC,EAC9B,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,gBAE5C,CAAC,CAAC,eAAe,CAAC,KAPf,QAAQ,CAQJ,CACf,CAAC;KACL;IAED,MAAM,MAAM,GAAG,CACX,KAAC,WAAW,cACR,KAAC,QAAQ,cAAE,aAAa,GAAY,GAC1B,CACjB,CAAC;IAEF,OAAO,CACH,MAAC,WAAW,kBACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,EACjB,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,iBAE7C,MAAC,MAAM,eACH,KAAC,aAAa,CAAC,KAAK,kBAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,gBAC7C,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,CAAC,CAAC,2BAA2B,CAAC,IAC9B,EACtB,MAAC,QAAQ,kBAAC,IAAI,EAAC,KAAK,iBAChB,KAAC,SAAS,IACN,GAAG,EAAE,uBAAuB,EAC5B,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,GAC/C,EACF,KAAC,SAAS,IAAC,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,GAAI,KACzF,IACN,EACT,KAAC,UAAU,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE;oBACT,KAAK,EAAE,cAAc;oBACrB,OAAO,EAAE,gBAAgB;oBACzB,cAAc,EAAE,uBAAuB;iBAC1C,EACD,WAAW,QACX,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,EAAC,MAAM,EAAE,qBAAqB,EAAC,GACjD,KACQ,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/EditRecordModal/EditRecordModalHeader/EditRecordModalHeader.js

@@ -1,17 +1,17 @@
-import {jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment} from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 {RedoOutlined} from '@ant-design/icons';
-import {Alert, Button, Tooltip} from 'antd';
-import {VscLayers} from 'react-icons/vsc';
+import { RedoOutlined } from '@ant-design/icons';
+import { Alert, Button, Tooltip } from 'antd';
+import { VscLayers } from 'react-icons/vsc';
 import styled from 'styled-components';
-import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
-import {PreviewSize} from '../../../../constants';
-import {RecordCard} from '../../../RecordCard';
-import {EditRecordReducerActionsTypes} from '../../editRecordModalReducer/editRecordModalReducer';
-import {useEditRecordModalReducer} from '../../editRecordModalReducer/useEditRecordModalReducer';
-const HeaderIcons = styled.div`
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+import { PreviewSize } from '../../../../constants';
+import { RecordCard } from '../../../RecordCard';
+import { EditRecordReducerActionsTypes } from '../../editRecordModalReducer/editRecordModalReducer';
+import { useEditRecordModalReducer } from '../../editRecordModalReducer/useEditRecordModalReducer';
+const HeaderIcons = styled.div `
     margin-right: 60px;
     font-size: 1.5em;
     display: flex;
@@ -22,11 +22,11 @@ const HeaderIcons = styled.div`
     }
 `;
 function EditRecordModalHeader() {
-    const {state, dispatch} = useEditRecordModalReducer();
-    const {t} = useSharedTranslation();
-    const {record} = state;
+    const { state, dispatch } = useEditRecordModalReducer();
+    const { t } = useSharedTranslation();
+    const { record } = state;
     const hasExternalUpdates = !!Object.keys(state.externalUpdate.updatedValues).length;
-    const title = record ? _jsx(RecordCard, {record: record, size: PreviewSize.small}) : t('record_edition.new_record');
+    const title = record ? _jsx(RecordCard, { record: record, size: PreviewSize.small }) : t('record_edition.new_record');
     const _handleClickValuesVersions = () => {
         dispatch({
             type: EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT,
@@ -47,52 +47,8 @@ function EditRecordModalHeader() {
         _handleClickRefresh();
         _handleCloseAlert();
     };
-    const externalUpdateModifiers = state.externalUpdate.modifiers
-        .map(modifier => (modifier === null || modifier === void 0 ? void 0 : modifier.label))
-        .join(', ');
-    return _jsxs(_Fragment, {
-        children: [
-            title,
-            hasExternalUpdates &&
-                _jsx(Alert, {
-                    message: t('record_edition.external_update_warning', {modifiers: externalUpdateModifiers}),
-                    type: 'warning',
-                    showIcon: true,
-                    closable: true,
-                    onClose: _handleCloseAlert,
-                    action: _jsx(
-                        Button,
-                        Object.assign(
-                            {
-                                style: {marginLeft: '1rem'},
-                                icon: _jsx(RedoOutlined, {}),
-                                onClick: _handleRefreshFromAlert,
-                                size: 'small'
-                            },
-                            {children: t('global.refresh')}
-                        )
-                    )
-                }),
-            _jsxs(HeaderIcons, {
-                children: [
-                    _jsx(
-                        Tooltip,
-                        Object.assign(
-                            {title: t('values_version.title')},
-                            {children: _jsx(VscLayers, {onClick: _handleClickValuesVersions})}
-                        )
-                    ),
-                    _jsx(
-                        Tooltip,
-                        Object.assign(
-                            {title: t('global.refresh')},
-                            {children: _jsx(RedoOutlined, {onClick: _handleClickRefresh})}
-                        )
-                    )
-                ]
-            })
-        ]
-    });
+    const externalUpdateModifiers = state.externalUpdate.modifiers.map(modifier => modifier === null || modifier === void 0 ? void 0 : modifier.label).join(', ');
+    return (_jsxs(_Fragment, { children: [title, hasExternalUpdates && (_jsx(Alert, { message: t('record_edition.external_update_warning', { modifiers: externalUpdateModifiers }), type: "warning", showIcon: true, closable: true, onClose: _handleCloseAlert, action: _jsx(Button, Object.assign({ style: { marginLeft: '1rem' }, icon: _jsx(RedoOutlined, {}), onClick: _handleRefreshFromAlert, size: "small" }, { children: t('global.refresh') })) })), _jsxs(HeaderIcons, { children: [_jsx(Tooltip, Object.assign({ title: t('values_version.title') }, { children: _jsx(VscLayers, { onClick: _handleClickValuesVersions }) })), _jsx(Tooltip, Object.assign({ title: t('global.refresh') }, { children: _jsx(RedoOutlined, { onClick: _handleClickRefresh }) }))] })] }));
 }
 export default EditRecordModalHeader;
-//# sourceMappingURL=EditRecordModalHeader.js.map
+//# sourceMappingURL=EditRecordModalHeader.js.map

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

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import EditRecordModalHeader from './EditRecordModalHeader';
 export default EditRecordModalHeader;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import {IValueVersion} from '../../../../types/values';
+import { IValueVersion } from '../../../../types/values';
 interface IValuesVersionSummaryProps {
     libraryId: string;
     version: IValueVersion;
     onVersionClick: () => void;
 }
-declare function ValuesVersionSummary({libraryId, version, onVersionClick}: IValuesVersionSummaryProps): JSX.Element;
+declare function ValuesVersionSummary({ libraryId, version, onVersionClick }: IValuesVersionSummaryProps): JSX.Element;
 export default ValuesVersionSummary;

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

@@ -1,22 +1,22 @@
-import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
+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 {localizedTranslation} from '@leav/utils';
-import {Space, Tag, Tooltip} from 'antd';
+import { localizedTranslation } from '@leav/utils';
+import { Space, Tag, Tooltip } from 'antd';
 import styled from 'styled-components';
-import {useSharedTranslation} from '../../../../hooks/useSharedTranslation';
-import {useLang} from '../../../../hooks';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+import { useLang } from '../../../../hooks';
 import useLibraryVersionTrees from '../../../../hooks/useLibraryVersionTrees';
-import {ErrorDisplay} from '../../../ErrorDisplay';
-import {Loading} from '../../../Loading';
-const VersionTag = styled(Tag)`
+import { ErrorDisplay } from '../../../ErrorDisplay';
+import { Loading } from '../../../Loading';
+const VersionTag = styled(Tag) `
     cursor: pointer;
 `;
-function ValuesVersionSummary({libraryId, version, onVersionClick}) {
-    const {t} = useSharedTranslation();
-    const {lang} = useLang();
-    const {loading, error, trees} = useLibraryVersionTrees(libraryId);
+function ValuesVersionSummary({ libraryId, version, onVersionClick }) {
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const { loading, error, trees } = useLibraryVersionTrees(libraryId);
     const _handleClick = () => {
         onVersionClick();
     };
@@ -24,50 +24,14 @@ function ValuesVersionSummary({libraryId, version, onVersionClick}) {
         return _jsx(Loading, {});
     }
     if (error) {
-        return _jsx(ErrorDisplay, {message: 'error.message'});
+        return _jsx(ErrorDisplay, { message: "error.message" });
     }
-    return _jsxs(
-        Space,
-        Object.assign(
-            {size: 'small'},
-            {
-                children: [
-                    _jsxs('span', {children: [t('values_version.version'), ':']}),
-                    _jsx('div', {
-                        children: trees
-                            .filter(tree => !!(version === null || version === void 0 ? void 0 : version[tree.id]))
-                            .map(tree => {
-                                var _a;
-                                return _jsx(
-                                    Tooltip,
-                                    Object.assign(
-                                        {title: localizedTranslation(tree.label, lang)},
-                                        {
-                                            children: _jsx(
-                                                VersionTag,
-                                                Object.assign(
-                                                    {onClick: _handleClick},
-                                                    {
-                                                        children:
-                                                            (_a =
-                                                                version === null || version === void 0
-                                                                    ? void 0
-                                                                    : version[tree.id]) === null || _a === void 0
-                                                                ? void 0
-                                                                : _a.label
-                                                    }
-                                                )
-                                            )
-                                        }
-                                    ),
-                                    tree.id
-                                );
-                            })
-                    })
-                ]
-            }
-        )
-    );
+    return (_jsxs(Space, Object.assign({ size: "small" }, { children: [_jsxs("span", { children: [t('values_version.version'), ":"] }), _jsx("div", { children: trees
+                    .filter(tree => !!(version === null || version === void 0 ? void 0 : version[tree.id]))
+                    .map(tree => {
+                    var _a;
+                    return (_jsx(Tooltip, Object.assign({ title: localizedTranslation(tree.label, lang) }, { children: _jsx(VersionTag, Object.assign({ onClick: _handleClick }, { children: (_a = version === null || version === void 0 ? void 0 : version[tree.id]) === null || _a === void 0 ? void 0 : _a.label })) }), tree.id));
+                }) })] })));
 }
 export default ValuesVersionSummary;
-//# sourceMappingURL=ValuesVersionSummary.js.map
+//# sourceMappingURL=ValuesVersionSummary.js.map

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

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import ValuesVersionSummary from './ValuesVersionSummary';
 export default ValuesVersionSummary;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import {CreateRecordMutation} from '../../../_gqlTypes';
+import { CreateRecordMutation } from '../../../_gqlTypes';
 export interface ICreationErrorByField {
     [attributeId: string]: CreateRecordMutation['createRecord']['valuesErrors'];
 }
-declare const CreationErrorContext: import('react').Context<ICreationErrorByField>;
+declare const CreationErrorContext: import("react").Context<ICreationErrorByField>;
 export default CreationErrorContext;

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

@@ -1,7 +1,7 @@
 // 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 {createContext} from 'react';
+import { createContext } from 'react';
 const CreationErrorContext = createContext({});
 export default CreationErrorContext;
-//# sourceMappingURL=creationErrorContext.js.map
+//# sourceMappingURL=creationErrorContext.js.map

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

@@ -1,11 +1,14 @@
 import { FunctionComponent, ReactNode } from 'react';
 import { IValueVersion } from '../../../types';
 import { RecordIdentityFragment } from '../../../_gqlTypes';
+import { possibleSubmitButtons } from '../_types';
 interface IEditRecordPageProps {
     record: RecordIdentityFragment['whoAmI'] | null;
     library: string;
     title?: ReactNode;
-    afterCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void;
+    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void;
+    onCreateAndEdit?: (newRecord: RecordIdentityFragment['whoAmI']) => void;
+    submitButtons?: possibleSubmitButtons;
     valuesVersion?: IValueVersion;
     showRefreshButton?: boolean;
     withInfoButton?: boolean;

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

@@ -2,14 +2,16 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // 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 { useRef, useState } from 'react';
 import { KitButton, KitDivider, KitSpace, KitTypography } from 'aristid-ds';
-import { useRef } from 'react';
 import styled from 'styled-components';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { EditRecord } from '../EditRecord';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faXmark, faFloppyDisk, faRotateRight } from '@fortawesome/free-solid-svg-icons';
-import { EDIT_OR_CREATE_RECORD_FORM_ID } from '../EditRecordContent/formConstants';
+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';
 const Header = styled.div `
     grid-area: title;
     align-self: center;
@@ -20,14 +22,38 @@ const Header = styled.div `
     justify-content: space-between;
     align-items: center;
 `;
-export const EditRecordPage = ({ record, library, afterCreate, valuesVersion, title, showRefreshButton = true, withInfoButton, onClose }) => {
+export const EditRecordPage = ({ record, library, onCreate, onCreateAndEdit, valuesVersion, title, showRefreshButton = true, submitButtons = ['create'], withInfoButton, onClose }) => {
     var _a;
     const { t } = useSharedTranslation();
-    const isInCreateMode = !record;
+    const [currentRecord, setCurrentRecord] = useState(record);
+    const [clickedSubmitButton, setClickedSubmitButton] = useState(null);
+    const showCancelConfirm = useCreateCancelConfirm(onClose);
+    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 closeButtonRef = useRef(null);
     const refreshButtonRef = useRef(null);
-    const closeButtonLabel = record ? t('global.close') : t('global.cancel');
-    return (_jsxs(_Fragment, { children: [_jsxs(Header, { children: [title !== undefined ? (title) : (_jsx(KitTypography.Title, Object.assign({ level: "h2", style: { margin: 0 } }, { children: (_a = record === null || record === void 0 ? void 0 : record.label) !== null && _a !== void 0 ? _a : t('record_edition.new_record') }))), _jsxs(KitSpace, { children: [showRefreshButton && (_jsx(KitButton, { ref: refreshButtonRef, "aria-label": "refresh", type: "text", icon: _jsx(FontAwesomeIcon, { icon: faRotateRight }) })), _jsx(KitButton, Object.assign({ ref: closeButtonRef, icon: _jsx(FontAwesomeIcon, { icon: faXmark }) }, { children: closeButtonLabel })), isInCreateMode && (_jsx(KitButton, Object.assign({ htmlType: "submit", form: EDIT_OR_CREATE_RECORD_FORM_ID, type: "primary", icon: _jsx(FontAwesomeIcon, { icon: faFloppyDisk }) }, { children: t('global.submit') })))] })] }), _jsx(KitDivider, { noMargin: true, color: "lightGrey" }), _jsx(EditRecord, { record: record, library: library, valuesVersion: valuesVersion, afterCreate: afterCreate, buttonsRefs: { close: closeButtonRef, refresh: refreshButtonRef }, onClose: onClose, containerStyle: { height: 'calc(100% - 82px)' }, withInfoButton: withInfoButton })] }));
+    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');
+    const _handleCreate = (newRecord) => {
+        setCurrentRecord(newRecord);
+        if (onCreateAndEdit && clickedSubmitButton === 'createAndEdit') {
+            onCreateAndEdit(newRecord);
+            return;
+        }
+        if (onCreate && clickedSubmitButton === 'create') {
+            onCreate(newRecord);
+            return;
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(Header, { children: [title !== undefined ? (title) : (_jsx(KitTypography.Title, Object.assign({ level: "h2", style: { margin: 0 } }, { children: (_a = currentRecord === null || currentRecord === void 0 ? void 0 : currentRecord.label) !== null && _a !== void 0 ? _a : t('record_edition.new_record') }))), _jsxs(KitSpace, { children: [showRefreshButton && (_jsx(KitButton, { ref: refreshButtonRef, "aria-label": "refresh", type: "text", icon: _jsx(FontAwesomeIcon, { icon: faRotateRight }) })), _jsx(KitButton, Object.assign({ onClick: _handleClose, icon: _jsx(FontAwesomeIcon, { icon: faXmark }) }, { children: closeButtonLabel })), _jsx(KitSpace, { children: displayedSubmitButtons })] })] }), _jsx(KitDivider, { noMargin: true, color: "lightGrey" }), _jsx(EditRecord, { antdForm: antdForm, record: currentRecord, library: library, valuesVersion: valuesVersion, onCreate: _handleCreate, buttonsRefs: { refresh: refreshButtonRef }, containerStyle: { height: 'calc(100% - 82px)' }, withInfoButton: withInfoButton })] }));
 };
 //# sourceMappingURL=EditRecordPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditRecordPage.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordPage/EditRecordPage.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC1E,OAAO,EAA+B,MAAM,EAAC,MAAM,OAAO,CAAC;AAC3D,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,YAAY,EAAE,aAAa,EAAC,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAC,6BAA6B,EAAC,MAAM,oCAAoC,CAAC;AAajF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASxB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EACpE,MAAM,EACN,OAAO,EACP,WAAW,EACX,aAAa,EACb,KAAK,EACL,iBAAiB,GAAG,IAAI,EACxB,cAAc,EACd,OAAO,EACV,EAAE,EAAE;;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,cAAc,GAAG,CAAC,MAAM,CAAC;IAE/B,uEAAuE;IACvE,MAAM,cAAc,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACvD,MAAM,gBAAgB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEzD,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAEzE,OAAO,CACH,8BACI,MAAC,MAAM,eACF,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACnB,KAAK,CACR,CAAC,CAAC,CAAC,CACA,KAAC,aAAa,CAAC,KAAK,kBAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,gBAC7C,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,CAAC,CAAC,2BAA2B,CAAC,IAC9B,CACzB,EAED,MAAC,QAAQ,eACJ,iBAAiB,IAAI,CAClB,KAAC,SAAS,IACN,GAAG,EAAE,gBAAgB,gBACV,SAAS,EACpB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,GAChD,CACL,EACD,KAAC,SAAS,kBAAC,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,gBACnE,gBAAgB,IACT,EACX,cAAc,IAAI,CACf,KAAC,SAAS,kBACN,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAE,6BAA6B,EACnC,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,gBAE5C,CAAC,CAAC,eAAe,CAAC,IACX,CACf,IACM,IACN,EACT,KAAC,UAAU,IAAC,QAAQ,QAAC,KAAK,EAAC,WAAW,GAAG,EACzC,KAAC,UAAU,IACP,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,EAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,gBAAgB,EAAC,EAC/D,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,EAAC,MAAM,EAAE,mBAAmB,EAAC,EAC7C,cAAc,EAAE,cAAc,GAChC,IACH,CACN,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"EditRecordPage.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordPage/EditRecordPage.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordSidebar/PropertiesList/PropertiesList.d.ts

@@ -10,5 +10,5 @@ export declare type PropertiesListItem = IPropertiesListItemValue | IPropertiesL
 interface IPropertiesListProps {
     items: PropertiesListItem[];
 }
-declare function PropertiesList({items}: IPropertiesListProps): JSX.Element;
+declare function PropertiesList({ items }: IPropertiesListProps): JSX.Element;
 export default PropertiesList;

package/dist/components/RecordEdition/EditRecordSidebar/PropertiesList/PropertiesList.js

@@ -1,32 +1,13 @@
-import {jsx as _jsx} from 'react/jsx-runtime';
+import { jsx as _jsx } 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 {Descriptions, Divider} from 'antd';
-function PropertiesList({items}) {
-    return _jsx(
-        Descriptions,
-        Object.assign(
-            {layout: 'horizontal', column: 1},
-            {
-                children: items.map((item, index) => {
-                    const {title, value} = item;
-                    return _jsx(
-                        Descriptions.Item,
-                        Object.assign(
-                            {
-                                label: title,
-                                style: {paddingBottom: '5px'},
-                                labelStyle: {fontWeight: 'bold', width: '50%'}
-                            },
-                            {children: item.divider ? _jsx(Divider, {'data-testid': 'divider'}, index) : value}
-                        ),
-                        index
-                    );
-                })
-            }
-        )
-    );
+import { Descriptions, Divider } from 'antd';
+function PropertiesList({ items }) {
+    return (_jsx(Descriptions, Object.assign({ layout: "horizontal", column: 1 }, { children: items.map((item, index) => {
+            const { title, value } = item;
+            return (_jsx(Descriptions.Item, Object.assign({ label: title, style: { paddingBottom: '5px' }, labelStyle: { fontWeight: 'bold', width: '50%' } }, { children: item.divider ? (_jsx(Divider, { "data-testid": "divider" }, index)) : (value) }), index));
+        }) })));
 }
 export default PropertiesList;
-//# sourceMappingURL=PropertiesList.js.map
+//# sourceMappingURL=PropertiesList.js.map

package/dist/components/RecordEdition/EditRecordSidebar/PropertiesList/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import PropertiesList from './PropertiesList';
 export default PropertiesList;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordSummary.d.ts

@@ -11,8 +11,8 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     rootClassName?: string;
     style?: import("react").CSSProperties;
     size?: import("antd/es/space").SpaceSize | [import("antd/es/space").SpaceSize, import("antd/es/space").SpaceSize];
-    direction?: "horizontal" | "vertical";
-    align?: "start" | "center" | "end" | "baseline";
+    direction?: "vertical" | "horizontal";
+    align?: "end" | "start" | "center" | "baseline";
     split?: import("react").ReactNode;
     wrap?: boolean;
     classNames?: {
@@ -27,7 +27,7 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     suppressHydrationWarning?: boolean;
     accessKey?: string;
     autoFocus?: boolean;
-    contentEditable?: "inherit" | (boolean | "true" | "false");
+    contentEditable?: (boolean | "true" | "false") | "inherit";
     contextMenu?: string;
     dir?: string;
     draggable?: boolean | "true" | "false";
@@ -66,7 +66,7 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     results?: number;
     security?: string;
     unselectable?: "on" | "off";
-    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
     is?: string;
     children?: import("react").ReactNode;
     "aria-activedescendant"?: string;
@@ -78,16 +78,16 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     "aria-colindex"?: number;
     "aria-colspan"?: number;
     "aria-controls"?: string;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "location" | "step" | "date";
     "aria-describedby"?: string;
     "aria-details"?: string;
     "aria-disabled"?: boolean | "true" | "false";
-    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup";
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
     "aria-errormessage"?: string;
     "aria-expanded"?: boolean | "true" | "false";
     "aria-flowto"?: string;
     "aria-grabbed"?: boolean | "true" | "false";
-    "aria-haspopup"?: boolean | "tree" | "dialog" | "menu" | "true" | "false" | "grid" | "listbox";
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
     "aria-hidden"?: boolean | "true" | "false";
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
     "aria-keyshortcuts"?: string;
@@ -98,7 +98,7 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     "aria-modal"?: boolean | "true" | "false";
     "aria-multiline"?: boolean | "true" | "false";
     "aria-multiselectable"?: boolean | "true" | "false";
-    "aria-orientation"?: "horizontal" | "vertical";
+    "aria-orientation"?: "vertical" | "horizontal";
     "aria-owns"?: string;
     "aria-placeholder"?: string;
     "aria-posinset"?: number;
@@ -112,7 +112,7 @@ export declare const Wrapper: import("styled-components").IStyledComponent<"web"
     "aria-rowspan"?: number;
     "aria-selected"?: boolean | "true" | "false";
     "aria-setsize"?: number;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other";
+    "aria-sort"?: "other" | "none" | "ascending" | "descending";
     "aria-valuemax"?: number;
     "aria-valuemin"?: number;
     "aria-valuenow"?: number;