@leav/ui 1.9.0-3dd39b32 → 1.9.0-51ddde49

package/dist/components/Filters/filter-items/filter-type/tree/useGetTreeData.js

@@ -1,50 +1,23 @@
 // 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 { useLazyQuery } from '@apollo/client';
 import { useEffect, useState } from 'react';
-import { useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery } from '../../../../../_gqlTypes';
-import { defaultPaginationPageSize } from '../../../../../constants';
+import { getTreeContentQuery } from '../../../../../_queries/trees/getTreeContentQuery';
+const _toTreeNode = (node) => ({
+    title: node.record.whoAmI.label ?? node.record.whoAmI.id,
+    id: node.id,
+    key: node.id,
+    children: (node.children ?? []).map(_toTreeNode),
+    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission ?? undefined,
+    libraryId: node.record.whoAmI.library.id,
+    recordId: node.record.id,
+});
 export const useGetTreeData = ({ treeId, attributeId, libraryId }) => {
-    const [loadTreeContent] = useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery();
+    const [loadTreeContent] = useLazyQuery(getTreeContentQuery());
     const [treeData, setTreeData] = useState([]);
     const [isLoading, setIsLoading] = useState(true);
     const [error, setError] = useState(null);
-    const _fetchChildrenPage = async (parentNodeKey, offset) => {
-        const { data } = await loadTreeContent({
-            variables: {
-                treeId,
-                node: parentNodeKey,
-                pagination: { offset, limit: defaultPaginationPageSize },
-                accessRecordByDefaultPermission: {
-                    attributeId,
-                    libraryId,
-                },
-            },
-        });
-        const { list, totalCount } = data?.treeNodeChildren ?? { list: [], totalCount: 0 };
-        const nodes = await Promise.all(list.map(async (node) => {
-            const children = node.childrenCount ? await _fetchAllChildren(node.id) : [];
-            return {
-                title: node.record.whoAmI.label || node.record.whoAmI.id,
-                id: node.id,
-                key: node.id,
-                children,
-                accessRecordByDefaultPermission: node.accessRecordByDefaultPermission,
-                libraryId: node.record.whoAmI.library.id,
-                recordId: node.record.id,
-            };
-        }));
-        return { nodes, totalCount };
-    };
-    const _fetchAllChildren = async (parentNodeKey, offset = 0, accumulated = []) => {
-        const { nodes, totalCount } = await _fetchChildrenPage(parentNodeKey, offset);
-        const allNodes = [...accumulated, ...nodes];
-        const nextOffset = offset + defaultPaginationPageSize;
-        if (nextOffset < totalCount) {
-            return _fetchAllChildren(parentNodeKey, nextOffset, allNodes);
-        }
-        return allNodes;
-    };
     useEffect(() => {
         if (!treeId) {
             setTreeData([]);
@@ -55,8 +28,16 @@ export const useGetTreeData = ({ treeId, attributeId, libraryId }) => {
             setIsLoading(true);
             setError(null);
             try {
-                const children = await _fetchAllChildren(null);
-                setTreeData(children);
+                const { data } = await loadTreeContent({
+                    variables: {
+                        treeId,
+                        accessRecordByDefaultPermission: {
+                            attributeId,
+                            libraryId,
+                        },
+                    },
+                });
+                setTreeData((data?.treeContent ?? []).map(node => _toTreeNode(node)));
             }
             catch (err) {
                 setError(err instanceof Error ? err : new Error('Failed to load tree'));

package/dist/components/Filters/filter-items/filter-type/tree/useGetTreeData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetTreeData.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/tree/useGetTreeData.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useEffect, useState} from 'react';\nimport {useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery} from '_ui/_gqlTypes';\nimport {defaultPaginationPageSize} from '_ui/constants';\n\nexport interface ITreeNode {\n    title: string;\n    id: string;\n    key: string;\n    children: ITreeNode[];\n    accessRecordByDefaultPermission?: boolean;\n    libraryId: string;\n    recordId: string;\n}\n\ninterface IUseGetTreeDataProps {\n    treeId: string;\n    attributeId: string;\n    libraryId: string;\n}\n\nexport const useGetTreeData = ({treeId, attributeId, libraryId}: IUseGetTreeDataProps) => {\n    const [loadTreeContent] = useGetTreeNodeChildrenWithAccessByDefaultPermissionQueryLazyQuery();\n    const [treeData, setTreeData] = useState<ITreeNode[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    const _fetchChildrenPage = async (parentNodeKey: string | null, offset: number) => {\n        const {data} = await loadTreeContent({\n            variables: {\n                treeId,\n                node: parentNodeKey,\n                pagination: {offset, limit: defaultPaginationPageSize},\n                accessRecordByDefaultPermission: {\n                    attributeId,\n                    libraryId,\n                },\n            },\n        });\n\n        const {list, totalCount} = data?.treeNodeChildren ?? {list: [], totalCount: 0};\n\n        const nodes = await Promise.all(\n            list.map(async node => {\n                const children = node.childrenCount ? await _fetchAllChildren(node.id) : [];\n\n                return {\n                    title: node.record.whoAmI.label || node.record.whoAmI.id,\n                    id: node.id,\n                    key: node.id,\n                    children,\n                    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission,\n                    libraryId: node.record.whoAmI.library.id,\n                    recordId: node.record.id,\n                };\n            }),\n        );\n\n        return {nodes, totalCount};\n    };\n\n    const _fetchAllChildren = async (\n        parentNodeKey: string | null,\n        offset = 0,\n        accumulated: ITreeNode[] = [],\n    ): Promise<ITreeNode[]> => {\n        const {nodes, totalCount} = await _fetchChildrenPage(parentNodeKey, offset);\n        const allNodes = [...accumulated, ...nodes];\n\n        const nextOffset = offset + defaultPaginationPageSize;\n        if (nextOffset < totalCount) {\n            return _fetchAllChildren(parentNodeKey, nextOffset, allNodes);\n        }\n\n        return allNodes;\n    };\n\n    useEffect(() => {\n        if (!treeId) {\n            setTreeData([]);\n            setIsLoading(false);\n            return;\n        }\n\n        const loadTree = async () => {\n            setIsLoading(true);\n            setError(null);\n            try {\n                const children = await _fetchAllChildren(null);\n                setTreeData(children);\n            } catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to load tree'));\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        loadTree();\n    }, [treeId, attributeId, libraryId]);\n\n    return {treeData, isLoading, error};\n};\n"]}
+{"version":3,"file":"useGetTreeData.js","sourceRoot":"","sources":["../../../../../../src/components/Filters/filter-items/filter-type/tree/useGetTreeData.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,wCAAwC,CAAC;AAkB3E,MAAM,WAAW,GAAG,CAChB,IAEC,EACQ,EAAE,CAAC,CAAC;IACb,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;IACxD,EAAE,EAAE,IAAI,CAAC,EAAE;IACX,GAAG,EAAE,IAAI,CAAC,EAAE;IACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC;IAChD,+BAA+B,EAAE,IAAI,CAAC,+BAA+B,IAAI,SAAS;IAClF,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;IACxC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;CAC3B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAuB,EAAE,EAAE;IACrF,MAAM,CAAC,eAAe,CAAC,GAAG,YAAY,CAClC,mBAAmB,EAAE,CACxB,CAAC;IAEF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,WAAW,CAAC,EAAE,CAAC,CAAC;YAChB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO;QACX,CAAC;QAED,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YACxB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,CAAC;gBACD,MAAM,EAAC,IAAI,EAAC,GAAG,MAAM,eAAe,CAAC;oBACjC,SAAS,EAAE;wBACP,MAAM;wBACN,+BAA+B,EAAE;4BAC7B,WAAW;4BACX,SAAS;yBACZ;qBACJ;iBACJ,CAAC,CAAC;gBAEH,WAAW,CAAC,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC1E,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACX,QAAQ,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC;YAC5E,CAAC;oBAAS,CAAC;gBACP,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC;AACxC,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useLazyQuery} from '@apollo/client';\nimport {useEffect, useState} from 'react';\nimport {type GetTreeContentQueryQuery, type GetTreeContentQueryQueryVariables} from '_ui/_gqlTypes';\nimport {getTreeContentQuery} from '_ui/_queries/trees/getTreeContentQuery';\n\nexport interface ITreeNode {\n    title: string;\n    id: string;\n    key: string;\n    children: ITreeNode[];\n    accessRecordByDefaultPermission?: boolean;\n    libraryId: string;\n    recordId: string;\n}\n\ninterface IUseGetTreeDataProps {\n    treeId: string;\n    attributeId: string;\n    libraryId: string;\n}\n\nconst _toTreeNode = (\n    node: GetTreeContentQueryQuery['treeContent'][number] & {\n        children?: Array<GetTreeContentQueryQuery['treeContent'][number]>;\n    },\n): ITreeNode => ({\n    title: node.record.whoAmI.label ?? node.record.whoAmI.id,\n    id: node.id,\n    key: node.id,\n    children: (node.children ?? []).map(_toTreeNode),\n    accessRecordByDefaultPermission: node.accessRecordByDefaultPermission ?? undefined,\n    libraryId: node.record.whoAmI.library.id,\n    recordId: node.record.id,\n});\n\nexport const useGetTreeData = ({treeId, attributeId, libraryId}: IUseGetTreeDataProps) => {\n    const [loadTreeContent] = useLazyQuery<GetTreeContentQueryQuery, GetTreeContentQueryQueryVariables>(\n        getTreeContentQuery(),\n    );\n\n    const [treeData, setTreeData] = useState<ITreeNode[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const [error, setError] = useState<Error | null>(null);\n\n    useEffect(() => {\n        if (!treeId) {\n            setTreeData([]);\n            setIsLoading(false);\n            return;\n        }\n\n        const loadTree = async () => {\n            setIsLoading(true);\n            setError(null);\n            try {\n                const {data} = await loadTreeContent({\n                    variables: {\n                        treeId,\n                        accessRecordByDefaultPermission: {\n                            attributeId,\n                            libraryId,\n                        },\n                    },\n                });\n\n                setTreeData((data?.treeContent ?? []).map(node => _toTreeNode(node)));\n            } catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to load tree'));\n            } finally {\n                setIsLoading(false);\n            }\n        };\n\n        loadTree();\n    }, [treeId, attributeId, libraryId]);\n\n    return {treeData, isLoading, error};\n};\n"]}

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

@@ -15,6 +15,7 @@ interface IEditRecordProps {
     showSidebar?: boolean;
     enableSidebar?: boolean;
     sidebarContainer?: HTMLElement;
+    forceDisableSidebarInAppStudio?: boolean;
     containerStyle?: CSSObject;
     withInfoButton: boolean;
     removePadding?: boolean;

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

@@ -34,7 +34,7 @@ const Content = styled.div `
     overflow-y: scroll;
     border-right: ${props => props.$shouldUseLayoutWithSidebar ? '1px solid var(--general-utilities-border)' : 'none'};
 `;
-export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId, record, library: libraryId, onCreate, valuesVersion, enableSidebar = false, showSidebar = false, sidebarContainer, containerStyle, withInfoButton, removePadding = false, }) => {
+export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId, record, library: libraryId, onCreate, valuesVersion, enableSidebar = false, showSidebar = false, sidebarContainer, forceDisableSidebarInAppStudio = false, containerStyle, withInfoButton, removePadding = false, }) => {
     const [state, dispatch] = useReducer(editRecordReducer, {
         ...initialState,
         record,
@@ -161,7 +161,7 @@ export const EditRecord = ({ antdForm, formId, isFormCreationMode, formElementId
         }));
         return saveValues(record, valuesToSave, version, true);
     };
-    const shouldUseLayoutWithSidebar = state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined;
-    return (_jsx(ErrorBoundary, { children: _jsx(EditRecordReducerContext.Provider, { value: { state, dispatch }, children: _jsxs(Container, { "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, style: containerStyle, children: [_jsx(EditRecordButtons, {}), _jsx(Content, { className: "edit-record-content-container", "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, "$removePadding": removePadding, children: permissionsLoading ? (_jsx(EditRecordSkeleton, { rows: 5 })) : canEdit ? (_jsx(EditRecordContent, { antdForm: antdForm, formId: formId, isFormCreationMode: isFormCreationMode, formElementId: formElementId, record: record, library: libraryId, onRecordSubmit: _handleRecordSubmit, onValueSubmit: _handleValueSubmit, onValueDelete: deleteValue, onDeleteMultipleValues: _handleDeleteAllValues, readonly: isReadOnly })) : (_jsx(ErrorDisplay, { type: ErrorDisplayTypes.PERMISSION_ERROR, showActionButton: false })) }), _jsx(EditRecordSidebar, { onMetadataSubmit: _handleMetadataSubmit, sidebarContainer: sidebarContainer })] }) }) }));
+    const shouldUseLayoutWithSidebar = state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined && !forceDisableSidebarInAppStudio;
+    return (_jsx(ErrorBoundary, { children: _jsx(EditRecordReducerContext.Provider, { value: { state, dispatch }, children: _jsxs(Container, { "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, style: containerStyle, children: [_jsx(EditRecordButtons, {}), _jsx(Content, { className: "edit-record-content-container", "$shouldUseLayoutWithSidebar": shouldUseLayoutWithSidebar, "$removePadding": removePadding, children: permissionsLoading ? (_jsx(EditRecordSkeleton, { rows: 5 })) : canEdit ? (_jsx(EditRecordContent, { antdForm: antdForm, formId: formId, isFormCreationMode: isFormCreationMode, formElementId: formElementId, record: record, library: libraryId, onRecordSubmit: _handleRecordSubmit, onValueSubmit: _handleValueSubmit, onValueDelete: deleteValue, onDeleteMultipleValues: _handleDeleteAllValues, readonly: isReadOnly })) : (_jsx(ErrorDisplay, { type: ErrorDisplayTypes.PERMISSION_ERROR, showActionButton: false })) }), !forceDisableSidebarInAppStudio && (_jsx(EditRecordSidebar, { onMetadataSubmit: _handleMetadataSubmit, sidebarContainer: sidebarContainer }))] }) }) }));
 };
 //# sourceMappingURL=EditRecord.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditRecord.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecord/EditRecord.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport isEqual from 'lodash/isEqual';\nimport {type FunctionComponent, useEffect, useReducer} from 'react';\nimport styled, {type CSSObject} from 'styled-components';\nimport {ErrorDisplayTypes} from '../../../constants';\nimport {useCanEditRecord} from '../../../hooks/useCanEditRecord';\nimport {type IValueVersion} from '../../../types/values';\nimport {\n    AttributeType,\n    type RecordFormAttributeStandardAttributeFragment,\n    type RecordIdentityFragment,\n    useActivateNewRecordMutation,\n} from '../../../_gqlTypes';\nimport {\n    type IRecordPropertyLink,\n    type IRecordPropertyStandard,\n    type IRecordPropertyTree,\n} from '../../../_queries/records/getRecordPropertiesQuery';\nimport {ErrorBoundary} from '../../ErrorBoundary';\nimport {ErrorDisplay} from '../../ErrorDisplay';\nimport EditRecordContent from '../EditRecordContent';\nimport useExecuteDeleteValueMutation from '../EditRecordContent/hooks/useExecuteDeleteValueMutation';\nimport useSaveValueBatchMutation from '../EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {\n    type DeleteMultipleValuesFunc,\n    type ISubmittedValueLink,\n    type ISubmittedValueStandard,\n    type ISubmittedValueTree,\n    type IValueToSubmit,\n    type MetadataSubmitValueFunc,\n    type SubmitValueFunc,\n} from '../EditRecordContent/_types';\nimport editRecordReducer, {EditRecordReducerActionsTypes, initialState} from '../editRecordReducer/editRecordReducer';\nimport {EditRecordReducerContext} from '../editRecordReducer/editRecordReducerContext';\nimport {type FormInstance} from 'antd/lib/form/Form';\nimport EditRecordSidebar from '../EditRecordSidebar';\nimport EditRecordSkeleton from '../EditRecordSkeleton';\nimport {useQuery} from '@apollo/client';\nimport {getLibraryByIdQuery} from '_ui/_queries/libraries/getLibraryByIdQuery';\nimport EditRecordButtons from '../EditRecordButtons';\n\ninterface IEditRecordProps {\n    antdForm: FormInstance;\n    formId: string;\n    isFormCreationMode: boolean;\n    formElementId?: string;\n    record: RecordIdentityFragment['whoAmI'] | null;\n    library: string;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void;\n    valuesVersion?: IValueVersion;\n    showSidebar?: boolean;\n    enableSidebar?: boolean;\n    sidebarContainer?: HTMLElement;\n    containerStyle?: CSSObject;\n    withInfoButton: boolean;\n    removePadding?: boolean; // TODO: This prop should be remove when EditRecord will be moved to app-studio or data-studio deleted\n}\n\nconst sidebarWidth = '352px';\n\nconst Container = styled.div<{$shouldUseLayoutWithSidebar: boolean; style: CSSObject}>`\n    display: grid;\n    grid-template-columns: ${props => (props.$shouldUseLayoutWithSidebar ? `minmax(0, auto) ${sidebarWidth}` : '1fr')};\n    grid-template-areas: ${props => (props.$shouldUseLayoutWithSidebar ? '\"content sidebar\"' : '\"content\"')};\n    overflow: hidden;\n`;\n\nconst Content = styled.div<{$shouldUseLayoutWithSidebar: boolean; $removePadding: boolean}>`\n    grid-area: content;\n    padding: ${props => (props.$removePadding ? 'unset' : '24px')};\n    overflow-x: hidden;\n    overflow-y: scroll;\n    border-right: ${props =>\n        props.$shouldUseLayoutWithSidebar ? '1px solid var(--general-utilities-border)' : 'none'};\n`;\n\nexport const EditRecord: FunctionComponent<IEditRecordProps> = ({\n    antdForm,\n    formId,\n    isFormCreationMode,\n    formElementId,\n    record,\n    library: libraryId,\n    onCreate,\n    valuesVersion,\n    enableSidebar = false,\n    showSidebar = false,\n    sidebarContainer,\n    containerStyle,\n    withInfoButton,\n    removePadding = false,\n}) => {\n    const [state, dispatch] = useReducer(editRecordReducer, {\n        ...initialState,\n        record,\n        libraryId,\n        libraryLabel: null,\n        valuesVersion,\n        originValuesVersion: valuesVersion,\n        withInfoButton,\n    });\n\n    const {\n        loading: permissionsLoading,\n        canEdit,\n        isReadOnly,\n    } = useCanEditRecord({...record?.library, id: libraryId}, record?.id);\n\n    const {data: libraryData} = useQuery(getLibraryByIdQuery, {\n        variables: {id: [libraryId]},\n    });\n\n    const {saveValues} = useSaveValueBatchMutation();\n    const {deleteValue} = useExecuteDeleteValueMutation(record);\n    const [activateNewRecordMutation] = useActivateNewRecordMutation();\n\n    // Update record in reducer when it changes. Might happen on record identity change (after value save)\n    useEffect(() => {\n        if (libraryData) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_LIBRARY_LABEL,\n                label: libraryData.libraries.list[0].label,\n            });\n        }\n    }, [libraryData]);\n\n    useEffect(() => {\n        if (record && !isEqual(record, state.record)) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_RECORD,\n                record,\n            });\n        }\n    }, [record]);\n\n    useEffect(() => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_ENABLE_SIDEBAR,\n            enabled: enableSidebar,\n        });\n    }, [enableSidebar]);\n\n    useEffect(() => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN,\n            isOpen: showSidebar,\n        });\n    }, [showSidebar]);\n\n    const _handleValueSubmit: SubmitValueFunc = async (values, version) =>\n        saveValues(\n            record,\n            values.map(val => {\n                const savableValue = {...val, attribute: val.attribute.id, metadata: val.metadata};\n\n                if (val.value) {\n                    switch (val.attribute.type) {\n                        case AttributeType.advanced_link:\n                        case AttributeType.simple_link:\n                            savableValue.value = (val as ISubmittedValueLink).value.id;\n                            break;\n                        case AttributeType.tree:\n                            savableValue.value = (val as ISubmittedValueTree).value.id;\n                            break;\n                        default:\n                            savableValue.value = (val as ISubmittedValueStandard).value;\n                            break;\n                    }\n                }\n\n                return savableValue as IValueToSubmit;\n            }),\n            version,\n            true, // deleteEmpty\n        );\n\n    const _handleMetadataSubmit: MetadataSubmitValueFunc = (value, attribute, metadata) => {\n        let valueContent;\n        switch (attribute.type) {\n            case AttributeType.simple:\n            case AttributeType.advanced:\n                valueContent = (value as IRecordPropertyStandard).raw_payload;\n                break;\n            case AttributeType.advanced_link:\n            case AttributeType.simple_link:\n                valueContent = (value as IRecordPropertyLink).linkValue;\n                break;\n            case AttributeType.tree:\n                valueContent = (value as IRecordPropertyTree).treeValue;\n                break;\n        }\n\n        return _handleValueSubmit(\n            [\n                {\n                    idValue: value.id_value,\n                    attribute,\n                    value: valueContent,\n                    metadata,\n                },\n            ],\n            null,\n        );\n    };\n\n    /**\n     * Submit the whole record: create record and batch save all stored values\n     */\n    const _handleRecordSubmit = async (attributes: RecordFormAttributeStandardAttributeFragment[]) => {\n        const activateNewRecordResult = await activateNewRecordMutation({\n            fetchPolicy: 'network-only',\n            variables: {\n                libraryId,\n                recordId: record.id,\n                formId,\n            },\n        });\n        const errors = activateNewRecordResult?.data?.activateNewRecord.valuesErrors;\n        if (errors == null || errors?.length === 0) {\n            if (onCreate) {\n                onCreate(activateNewRecordResult?.data?.activateNewRecord?.record?.whoAmI);\n            }\n            return;\n        }\n        antdForm.setFields(\n            errors.map(error => {\n                const attributeInError = attributes.find(attribute => attribute.id === error.attribute);\n\n                const doesAttributeHaveMultipleFields =\n                    attributeInError?.multiple_values &&\n                    ![AttributeType.simple_link, AttributeType.advanced_link].includes(attributeInError.type);\n\n                return {\n                    name:\n                        doesAttributeHaveMultipleFields && error.type === 'REQUIRED_ATTRIBUTE'\n                            ? [error.attribute, 0]\n                            : error.attribute,\n                    errors: [error.message],\n                };\n            }),\n        );\n    };\n\n    const _handleDeleteAllValues: DeleteMultipleValuesFunc = async (attribute, values, version) => {\n        const valuesToSave = values.map(value => ({\n            idValue: value.id_value,\n            attribute,\n            value: null,\n        }));\n\n        return saveValues(record, valuesToSave, version, true);\n    };\n\n    const shouldUseLayoutWithSidebar = state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined;\n\n    return (\n        <ErrorBoundary>\n            <EditRecordReducerContext.Provider value={{state, dispatch}}>\n                <Container $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar} style={containerStyle}>\n                    <EditRecordButtons />\n                    <Content\n                        className=\"edit-record-content-container\"\n                        $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar}\n                        $removePadding={removePadding}\n                    >\n                        {permissionsLoading ? (\n                            <EditRecordSkeleton rows={5} />\n                        ) : canEdit ? (\n                            <EditRecordContent\n                                antdForm={antdForm}\n                                formId={formId}\n                                isFormCreationMode={isFormCreationMode}\n                                formElementId={formElementId}\n                                record={record}\n                                library={libraryId}\n                                onRecordSubmit={_handleRecordSubmit}\n                                onValueSubmit={_handleValueSubmit}\n                                onValueDelete={deleteValue}\n                                onDeleteMultipleValues={_handleDeleteAllValues}\n                                readonly={isReadOnly}\n                            />\n                        ) : (\n                            <ErrorDisplay type={ErrorDisplayTypes.PERMISSION_ERROR} showActionButton={false} />\n                        )}\n                    </Content>\n                    <EditRecordSidebar onMetadataSubmit={_handleMetadataSubmit} sidebarContainer={sidebarContainer} />\n                </Container>\n            </EditRecordReducerContext.Provider>\n        </ErrorBoundary>\n    );\n};\n"]}
+{"version":3,"file":"EditRecord.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecord/EditRecord.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport isEqual from 'lodash/isEqual';\nimport {type FunctionComponent, useEffect, useReducer} from 'react';\nimport styled, {type CSSObject} from 'styled-components';\nimport {ErrorDisplayTypes} from '../../../constants';\nimport {useCanEditRecord} from '../../../hooks/useCanEditRecord';\nimport {type IValueVersion} from '../../../types/values';\nimport {\n    AttributeType,\n    type RecordFormAttributeStandardAttributeFragment,\n    type RecordIdentityFragment,\n    useActivateNewRecordMutation,\n} from '../../../_gqlTypes';\nimport {\n    type IRecordPropertyLink,\n    type IRecordPropertyStandard,\n    type IRecordPropertyTree,\n} from '../../../_queries/records/getRecordPropertiesQuery';\nimport {ErrorBoundary} from '../../ErrorBoundary';\nimport {ErrorDisplay} from '../../ErrorDisplay';\nimport EditRecordContent from '../EditRecordContent';\nimport useExecuteDeleteValueMutation from '../EditRecordContent/hooks/useExecuteDeleteValueMutation';\nimport useSaveValueBatchMutation from '../EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {\n    type DeleteMultipleValuesFunc,\n    type ISubmittedValueLink,\n    type ISubmittedValueStandard,\n    type ISubmittedValueTree,\n    type IValueToSubmit,\n    type MetadataSubmitValueFunc,\n    type SubmitValueFunc,\n} from '../EditRecordContent/_types';\nimport editRecordReducer, {EditRecordReducerActionsTypes, initialState} from '../editRecordReducer/editRecordReducer';\nimport {EditRecordReducerContext} from '../editRecordReducer/editRecordReducerContext';\nimport {type FormInstance} from 'antd/lib/form/Form';\nimport EditRecordSidebar from '../EditRecordSidebar';\nimport EditRecordSkeleton from '../EditRecordSkeleton';\nimport {useQuery} from '@apollo/client';\nimport {getLibraryByIdQuery} from '_ui/_queries/libraries/getLibraryByIdQuery';\nimport EditRecordButtons from '../EditRecordButtons';\n\ninterface IEditRecordProps {\n    antdForm: FormInstance;\n    formId: string;\n    isFormCreationMode: boolean;\n    formElementId?: string;\n    record: RecordIdentityFragment['whoAmI'] | null;\n    library: string;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void;\n    valuesVersion?: IValueVersion;\n    showSidebar?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    enableSidebar?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    sidebarContainer?: HTMLElement; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    forceDisableSidebarInAppStudio?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecord\n    containerStyle?: CSSObject;\n    withInfoButton: boolean;\n    removePadding?: boolean; // TODO: This prop should be remove when EditRecord will be moved to app-studio or data-studio deleted\n}\n\nconst sidebarWidth = '352px';\n\nconst Container = styled.div<{$shouldUseLayoutWithSidebar: boolean; style: CSSObject}>`\n    display: grid;\n    grid-template-columns: ${props => (props.$shouldUseLayoutWithSidebar ? `minmax(0, auto) ${sidebarWidth}` : '1fr')};\n    grid-template-areas: ${props => (props.$shouldUseLayoutWithSidebar ? '\"content sidebar\"' : '\"content\"')};\n    overflow: hidden;\n`;\n\nconst Content = styled.div<{$shouldUseLayoutWithSidebar: boolean; $removePadding: boolean}>`\n    grid-area: content;\n    padding: ${props => (props.$removePadding ? 'unset' : '24px')};\n    overflow-x: hidden;\n    overflow-y: scroll;\n    border-right: ${props =>\n        props.$shouldUseLayoutWithSidebar ? '1px solid var(--general-utilities-border)' : 'none'};\n`;\n\nexport const EditRecord: FunctionComponent<IEditRecordProps> = ({\n    antdForm,\n    formId,\n    isFormCreationMode,\n    formElementId,\n    record,\n    library: libraryId,\n    onCreate,\n    valuesVersion,\n    enableSidebar = false,\n    showSidebar = false,\n    sidebarContainer,\n    forceDisableSidebarInAppStudio = false,\n    containerStyle,\n    withInfoButton,\n    removePadding = false,\n}) => {\n    const [state, dispatch] = useReducer(editRecordReducer, {\n        ...initialState,\n        record,\n        libraryId,\n        libraryLabel: null,\n        valuesVersion,\n        originValuesVersion: valuesVersion,\n        withInfoButton,\n    });\n\n    const {\n        loading: permissionsLoading,\n        canEdit,\n        isReadOnly,\n    } = useCanEditRecord({...record?.library, id: libraryId}, record?.id);\n\n    const {data: libraryData} = useQuery(getLibraryByIdQuery, {\n        variables: {id: [libraryId]},\n    });\n\n    const {saveValues} = useSaveValueBatchMutation();\n    const {deleteValue} = useExecuteDeleteValueMutation(record);\n    const [activateNewRecordMutation] = useActivateNewRecordMutation();\n\n    // Update record in reducer when it changes. Might happen on record identity change (after value save)\n    useEffect(() => {\n        if (libraryData) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_LIBRARY_LABEL,\n                label: libraryData.libraries.list[0].label,\n            });\n        }\n    }, [libraryData]);\n\n    useEffect(() => {\n        if (record && !isEqual(record, state.record)) {\n            dispatch({\n                type: EditRecordReducerActionsTypes.SET_RECORD,\n                record,\n            });\n        }\n    }, [record]);\n\n    useEffect(() => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_ENABLE_SIDEBAR,\n            enabled: enableSidebar,\n        });\n    }, [enableSidebar]);\n\n    useEffect(() => {\n        dispatch({\n            type: EditRecordReducerActionsTypes.SET_SIDEBAR_IS_OPEN,\n            isOpen: showSidebar,\n        });\n    }, [showSidebar]);\n\n    const _handleValueSubmit: SubmitValueFunc = async (values, version) =>\n        saveValues(\n            record,\n            values.map(val => {\n                const savableValue = {...val, attribute: val.attribute.id, metadata: val.metadata};\n\n                if (val.value) {\n                    switch (val.attribute.type) {\n                        case AttributeType.advanced_link:\n                        case AttributeType.simple_link:\n                            savableValue.value = (val as ISubmittedValueLink).value.id;\n                            break;\n                        case AttributeType.tree:\n                            savableValue.value = (val as ISubmittedValueTree).value.id;\n                            break;\n                        default:\n                            savableValue.value = (val as ISubmittedValueStandard).value;\n                            break;\n                    }\n                }\n\n                return savableValue as IValueToSubmit;\n            }),\n            version,\n            true, // deleteEmpty\n        );\n\n    const _handleMetadataSubmit: MetadataSubmitValueFunc = (value, attribute, metadata) => {\n        let valueContent;\n        switch (attribute.type) {\n            case AttributeType.simple:\n            case AttributeType.advanced:\n                valueContent = (value as IRecordPropertyStandard).raw_payload;\n                break;\n            case AttributeType.advanced_link:\n            case AttributeType.simple_link:\n                valueContent = (value as IRecordPropertyLink).linkValue;\n                break;\n            case AttributeType.tree:\n                valueContent = (value as IRecordPropertyTree).treeValue;\n                break;\n        }\n\n        return _handleValueSubmit(\n            [\n                {\n                    idValue: value.id_value,\n                    attribute,\n                    value: valueContent,\n                    metadata,\n                },\n            ],\n            null,\n        );\n    };\n\n    /**\n     * Submit the whole record: create record and batch save all stored values\n     */\n    const _handleRecordSubmit = async (attributes: RecordFormAttributeStandardAttributeFragment[]) => {\n        const activateNewRecordResult = await activateNewRecordMutation({\n            fetchPolicy: 'network-only',\n            variables: {\n                libraryId,\n                recordId: record.id,\n                formId,\n            },\n        });\n        const errors = activateNewRecordResult?.data?.activateNewRecord.valuesErrors;\n        if (errors == null || errors?.length === 0) {\n            if (onCreate) {\n                onCreate(activateNewRecordResult?.data?.activateNewRecord?.record?.whoAmI);\n            }\n            return;\n        }\n        antdForm.setFields(\n            errors.map(error => {\n                const attributeInError = attributes.find(attribute => attribute.id === error.attribute);\n\n                const doesAttributeHaveMultipleFields =\n                    attributeInError?.multiple_values &&\n                    ![AttributeType.simple_link, AttributeType.advanced_link].includes(attributeInError.type);\n\n                return {\n                    name:\n                        doesAttributeHaveMultipleFields && error.type === 'REQUIRED_ATTRIBUTE'\n                            ? [error.attribute, 0]\n                            : error.attribute,\n                    errors: [error.message],\n                };\n            }),\n        );\n    };\n\n    const _handleDeleteAllValues: DeleteMultipleValuesFunc = async (attribute, values, version) => {\n        const valuesToSave = values.map(value => ({\n            idValue: value.id_value,\n            attribute,\n            value: null,\n        }));\n\n        return saveValues(record, valuesToSave, version, true);\n    };\n\n    const shouldUseLayoutWithSidebar =\n        state.enableSidebar && state.isOpenSidebar && sidebarContainer === undefined && !forceDisableSidebarInAppStudio;\n\n    return (\n        <ErrorBoundary>\n            <EditRecordReducerContext.Provider value={{state, dispatch}}>\n                <Container $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar} style={containerStyle}>\n                    <EditRecordButtons />\n                    <Content\n                        className=\"edit-record-content-container\"\n                        $shouldUseLayoutWithSidebar={shouldUseLayoutWithSidebar}\n                        $removePadding={removePadding}\n                    >\n                        {permissionsLoading ? (\n                            <EditRecordSkeleton rows={5} />\n                        ) : canEdit ? (\n                            <EditRecordContent\n                                antdForm={antdForm}\n                                formId={formId}\n                                isFormCreationMode={isFormCreationMode}\n                                formElementId={formElementId}\n                                record={record}\n                                library={libraryId}\n                                onRecordSubmit={_handleRecordSubmit}\n                                onValueSubmit={_handleValueSubmit}\n                                onValueDelete={deleteValue}\n                                onDeleteMultipleValues={_handleDeleteAllValues}\n                                readonly={isReadOnly}\n                            />\n                        ) : (\n                            <ErrorDisplay type={ErrorDisplayTypes.PERMISSION_ERROR} showActionButton={false} />\n                        )}\n                    </Content>\n                    {!forceDisableSidebarInAppStudio && (\n                        <EditRecordSidebar\n                            onMetadataSubmit={_handleMetadataSubmit}\n                            sidebarContainer={sidebarContainer}\n                        />\n                    )}\n                </Container>\n            </EditRecordReducerContext.Provider>\n        </ErrorBoundary>\n    );\n};\n"]}

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

@@ -1,12 +1,10 @@
 import { AttributeFormat, AttributeType } from '../../../_gqlTypes';
 import dayjs from 'dayjs';
+import { isRecordFormElementsValueLinkValue, isRecordFormElementsValueLinkValues } from '../../../_utils/typeguards';
 const hasDateRangeValues = (dateRange) => dateRange.from !== undefined && dateRange.to !== undefined;
 const getCalculatedValue = values => values.find(value => value.isCalculated);
 const getInheritedValue = values => values.find(value => value.isInherited);
 const getUserInputValue = values => values.find(value => !value.isInherited && !value.isCalculated && value.raw_payload !== null);
-const isRecordFormElementsValueLinkValue = (value, attribute) => attribute.type === AttributeType.simple_link ||
-    (attribute.type === AttributeType.advanced_link && attribute.multiple_values === false);
-const isRecordFormElementsValueLinkValues = (values, attribute) => attribute.type === AttributeType.advanced_link && attribute.multiple_values === true;
 const isRecordFormElementsMultipleValues = (attribute) => attribute.type === AttributeType.advanced && attribute.multiple_values === true;
 const formatStandardInitialValue = (standardValue, attribute) => {
     if (!standardValue?.raw_payload) {

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

@@ -1 +1 @@
-{"version":3,"file":"antdUtils.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordContent/antdUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {\n    type IRecordForm,\n    type RecordFormElementAttribute,\n    type RecordFormElementsValue,\n    type RecordFormElementsValueLinkValue,\n    type RecordFormElementsValueStandardValue,\n} from '_ui/hooks/useGetRecordForm';\nimport {AttributeFormat, AttributeType} from '_ui/_gqlTypes';\nimport {type IDateRangeValue} from '@leav/utils';\nimport {type Store} from 'antd/lib/form/interface';\nimport dayjs from 'dayjs';\n\nconst hasDateRangeValues = (dateRange: unknown): dateRange is IDateRangeValue =>\n    (dateRange as IDateRangeValue).from !== undefined && (dateRange as IDateRangeValue).to !== undefined;\n\nconst getCalculatedValue = values => values.find(value => value.isCalculated);\n\nconst getInheritedValue = values => values.find(value => value.isInherited);\n\nconst getUserInputValue = values =>\n    values.find(value => !value.isInherited && !value.isCalculated && value.raw_payload !== null);\n\nconst isRecordFormElementsValueLinkValue = (\n    value: RecordFormElementsValue,\n    attribute: RecordFormElementAttribute,\n): value is RecordFormElementsValueLinkValue =>\n    attribute.type === AttributeType.simple_link ||\n    (attribute.type === AttributeType.advanced_link && attribute.multiple_values === false);\n\nconst isRecordFormElementsValueLinkValues = (\n    values: RecordFormElementsValue[],\n    attribute: RecordFormElementAttribute,\n): values is RecordFormElementsValueLinkValue[] =>\n    attribute.type === AttributeType.advanced_link && attribute.multiple_values === true;\n\nconst isRecordFormElementsMultipleValues = (attribute: RecordFormElementAttribute) =>\n    attribute.type === AttributeType.advanced && attribute.multiple_values === true;\n\nconst formatStandardInitialValue = (\n    standardValue: RecordFormElementsValueStandardValue,\n    attribute: RecordFormElementAttribute,\n) => {\n    if (!standardValue?.raw_payload) {\n        return getEmptyInitialValue(attribute);\n    }\n\n    switch (attribute.format) {\n        case AttributeFormat.color:\n        case AttributeFormat.text:\n        case AttributeFormat.rich_text:\n        case AttributeFormat.boolean:\n            return standardValue.raw_payload;\n        case AttributeFormat.extended:\n            return JSON.stringify(standardValue.raw_payload);\n        case AttributeFormat.numeric:\n            return Number(standardValue.raw_payload);\n        case AttributeFormat.date:\n            return dayjs.unix(Number(standardValue.raw_payload));\n        case AttributeFormat.date_range:\n            if (hasDateRangeValues(standardValue.raw_payload)) {\n                return [\n                    dayjs.unix(Number(standardValue.raw_payload.from)),\n                    dayjs.unix(Number(standardValue.raw_payload.to)),\n                ];\n            } else if (typeof standardValue.raw_payload === 'string') {\n                const convertedFieldValue = JSON.parse(standardValue.raw_payload) as any;\n                return [dayjs.unix(Number(convertedFieldValue.from)), dayjs.unix(Number(convertedFieldValue.to))];\n            }\n    }\n};\n\nexport const EMPTY_INITIAL_VALUE_STRING = '';\nexport const EMPTY_INITIAL_VALUE_UNDEFINED = undefined;\n\nexport const getEmptyInitialValue = (attribute: RecordFormElementAttribute) => {\n    if ([AttributeFormat.date_range, AttributeFormat.color].includes(attribute.format)) {\n        return EMPTY_INITIAL_VALUE_UNDEFINED;\n    }\n    return EMPTY_INITIAL_VALUE_STRING;\n};\n\nexport const getAntdDisplayedValue = (\n    values: RecordFormElementsValueStandardValue[],\n    attribute: RecordFormElementAttribute,\n) =>\n    formatStandardInitialValue(\n        getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null,\n        attribute,\n    );\n\nexport const getAntdFormInitialValues = (recordForm: IRecordForm) =>\n    recordForm.elements.reduce<Store>((acc, {attribute, values}) => {\n        if (!attribute) {\n            return acc;\n        }\n\n        const value = getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null;\n\n        if (isRecordFormElementsValueLinkValue(value, attribute)) {\n            acc[attribute.id] = value?.linkValue?.id;\n            return acc;\n        }\n\n        if (isRecordFormElementsValueLinkValues(values, attribute)) {\n            acc[attribute.id] = values.map(val => val?.linkValue?.id ?? undefined);\n            return acc;\n        }\n\n        if (isRecordFormElementsMultipleValues(attribute)) {\n            const userInputValues = values.filter(val => val.id_value);\n            const calculatedValues = values.filter(val => val.isCalculated);\n            const inheritedValues = values.filter(val => val.isInherited);\n\n            const effectiveValues =\n                userInputValues.length > 0\n                    ? userInputValues\n                    : calculatedValues.length > 0\n                      ? calculatedValues\n                      : inheritedValues.length > 0\n                        ? inheritedValues\n                        : [];\n\n            acc[attribute.id] =\n                effectiveValues.length === 0\n                    ? [getEmptyInitialValue(attribute)]\n                    : effectiveValues\n                          .sort((a, b) => Number(a.id_value) - Number(b.id_value))\n                          .map(val => formatStandardInitialValue(val, attribute));\n            return acc;\n        }\n\n        const standardValue = value as RecordFormElementsValueStandardValue;\n\n        acc[attribute.id] = formatStandardInitialValue(standardValue, attribute);\n\n        return acc;\n    }, {});\n"]}
+{"version":3,"file":"antdUtils.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordContent/antdUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {\n    type IRecordForm,\n    type RecordFormElementAttribute,\n    type RecordFormElementsValueStandardValue,\n} from '_ui/hooks/useGetRecordForm';\nimport {AttributeFormat, AttributeType} from '_ui/_gqlTypes';\nimport {type IDateRangeValue} from '@leav/utils';\nimport {type Store} from 'antd/lib/form/interface';\nimport dayjs from 'dayjs';\nimport {isRecordFormElementsValueLinkValue, isRecordFormElementsValueLinkValues} from '_ui/_utils/typeguards';\n\nconst hasDateRangeValues = (dateRange: unknown): dateRange is IDateRangeValue =>\n    (dateRange as IDateRangeValue).from !== undefined && (dateRange as IDateRangeValue).to !== undefined;\n\nconst getCalculatedValue = values => values.find(value => value.isCalculated);\n\nconst getInheritedValue = values => values.find(value => value.isInherited);\n\nconst getUserInputValue = values =>\n    values.find(value => !value.isInherited && !value.isCalculated && value.raw_payload !== null);\n\nconst isRecordFormElementsMultipleValues = (attribute: RecordFormElementAttribute) =>\n    attribute.type === AttributeType.advanced && attribute.multiple_values === true;\n\nconst formatStandardInitialValue = (\n    standardValue: RecordFormElementsValueStandardValue,\n    attribute: RecordFormElementAttribute,\n) => {\n    if (!standardValue?.raw_payload) {\n        return getEmptyInitialValue(attribute);\n    }\n\n    switch (attribute.format) {\n        case AttributeFormat.color:\n        case AttributeFormat.text:\n        case AttributeFormat.rich_text:\n        case AttributeFormat.boolean:\n            return standardValue.raw_payload;\n        case AttributeFormat.extended:\n            return JSON.stringify(standardValue.raw_payload);\n        case AttributeFormat.numeric:\n            return Number(standardValue.raw_payload);\n        case AttributeFormat.date:\n            return dayjs.unix(Number(standardValue.raw_payload));\n        case AttributeFormat.date_range:\n            if (hasDateRangeValues(standardValue.raw_payload)) {\n                return [\n                    dayjs.unix(Number(standardValue.raw_payload.from)),\n                    dayjs.unix(Number(standardValue.raw_payload.to)),\n                ];\n            } else if (typeof standardValue.raw_payload === 'string') {\n                const convertedFieldValue = JSON.parse(standardValue.raw_payload) as any;\n                return [dayjs.unix(Number(convertedFieldValue.from)), dayjs.unix(Number(convertedFieldValue.to))];\n            }\n    }\n};\n\nexport const EMPTY_INITIAL_VALUE_STRING = '';\nexport const EMPTY_INITIAL_VALUE_UNDEFINED = undefined;\n\nexport const getEmptyInitialValue = (attribute: RecordFormElementAttribute) => {\n    if ([AttributeFormat.date_range, AttributeFormat.color].includes(attribute.format)) {\n        return EMPTY_INITIAL_VALUE_UNDEFINED;\n    }\n    return EMPTY_INITIAL_VALUE_STRING;\n};\n\nexport const getAntdDisplayedValue = (\n    values: RecordFormElementsValueStandardValue[],\n    attribute: RecordFormElementAttribute,\n) =>\n    formatStandardInitialValue(\n        getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null,\n        attribute,\n    );\n\nexport const getAntdFormInitialValues = (recordForm: IRecordForm) =>\n    recordForm.elements.reduce<Store>((acc, {attribute, values}) => {\n        if (!attribute) {\n            return acc;\n        }\n\n        const value = getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null;\n\n        if (isRecordFormElementsValueLinkValue(value, attribute)) {\n            acc[attribute.id] = value?.linkValue?.id;\n            return acc;\n        }\n\n        if (isRecordFormElementsValueLinkValues(values, attribute)) {\n            acc[attribute.id] = values.map(val => val?.linkValue?.id ?? undefined);\n            return acc;\n        }\n\n        if (isRecordFormElementsMultipleValues(attribute)) {\n            const userInputValues = values.filter(val => val.id_value);\n            const calculatedValues = values.filter(val => val.isCalculated);\n            const inheritedValues = values.filter(val => val.isInherited);\n\n            const effectiveValues =\n                userInputValues.length > 0\n                    ? userInputValues\n                    : calculatedValues.length > 0\n                      ? calculatedValues\n                      : inheritedValues.length > 0\n                        ? inheritedValues\n                        : [];\n\n            acc[attribute.id] =\n                effectiveValues.length === 0\n                    ? [getEmptyInitialValue(attribute)]\n                    : effectiveValues\n                          .sort((a, b) => Number(a.id_value) - Number(b.id_value))\n                          .map(val => formatStandardInitialValue(val, attribute));\n            return acc;\n        }\n\n        const standardValue = value as RecordFormElementsValueStandardValue;\n\n        acc[attribute.id] = formatStandardInitialValue(standardValue, attribute);\n\n        return acc;\n    }, {});\n"]}

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

@@ -68,11 +68,11 @@ export const EditRecordModal = ({ className, open, record, creationFormId, editi
     const [isReady, setIsReady] = useState(!!record);
     const [isError, setIsError] = useState(false);
     const [formId, setFormId] = useState(isCreation ? (creationFormId ?? 'creation') : (editionFormId ?? 'edition'));
-    const values = useGetInitialRecordValues();
     const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');
     const modalTitle = currentRecord?.label && currentRecord.label.trim() ? currentRecord.label : t('record_edition.new_record');
     useEffect(() => {
         const createEmptyRecordFunction = async () => {
+            const values = useGetInitialRecordValues();
             const { data } = await createRecord({
                 variables: {
                     library,
@@ -109,7 +109,6 @@ export const EditRecordModal = ({ className, open, record, creationFormId, editi
         return onClose();
     };
     const showCancelConfirm = useCreateCancelConfirm(_closeAfterConfirm);
-    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit);
     const _handleCreate = (newRecord) => {
         setCurrentRecord(newRecord);
         if (onCreateAndEdit && clickedSubmitButton.current === 'createAndEdit') {
@@ -134,6 +133,7 @@ export const EditRecordModal = ({ className, open, record, creationFormId, editi
         }
         return onClose();
     };
+    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit, _handleClose);
     return (_jsxs(KitModalStyled, { appElement: document.getElementById('root'), className: className, height: autoHeight ? 'auto' : MODAL_HEIGHT, maxHeight: autoHeight ? MODAL_HEIGHT : undefined, width: MODAL_WIDTH, isOpen: open, close: _handleClose, title: _jsxs(KitSpace, { children: [_jsx(KitTypography.Title, { level: "h2", style: { margin: 0 }, children: modalTitle }), _jsx("div", { id: EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS })] }), footer: _jsx(KitSpace, { children: [
                 _jsx(KitButton, { "aria-label": closeButtonLabel, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: _handleClose, children: closeButtonLabel }, "close"),
                 ...displayedSubmitButtons,

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

@@ -1 +1 @@
-{"version":3,"file":"EditRecordModal.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordModal/EditRecordModal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, useEffect, useRef, useState} from 'react';\nimport {KitButton, KitLoader, KitModal, KitSpace, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types';\nimport {type RecordIdentityFragment, useCreateRecordMutation, usePurgeRecordMutation} from '_ui/_gqlTypes';\nimport {EditRecord} from '../EditRecord';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {type PossibleSubmitButtons, type SubmitButtonsName} from '../_types';\nimport {useGetSubmitButtons} from '../hooks/useGetSubmitButtons';\nimport {useForm} from 'antd/lib/form/Form';\nimport {useCreateCancelConfirm} from '../hooks/useCreateCancelConfirm';\nimport {EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} from '../constants';\nimport {useGetInitialRecordValues} from '../EditRecordPage/getInitialRecordValues';\nimport {ErrorComponent} from '../EditRecordPage/ErrorComponent';\n\nexport interface IEditRecordModalProps {\n    className?: string;\n    open: boolean;\n    record: RecordIdentityFragment['whoAmI'] | null;\n    creationFormId?: string;\n    editionFormId?: string;\n    library: string;\n    onClose: () => void;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create\" button\n    onCreateAndEdit?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create and edit\" button\n    submitButtons?: PossibleSubmitButtons;\n    withInfoButton?: boolean;\n    valuesVersion?: IValueVersion;\n    showSidebar?: boolean;\n    enableSidebar?: boolean;\n    autoHeight?: boolean;\n}\n\nconst MODAL_HEIGHT = '80vh';\nconst MODAL_WIDTH = '90vw';\nconst MODAL_MAX_WIDTH = '656px';\nconst MODAL_WITH_SIDEBAR_MAX_WIDTH = '900px';\n\nconst KitModalStyled = styled(KitModal)`\n    && {\n        & > div {\n            max-width: ${MODAL_MAX_WIDTH};\n\n            &:has(#edit_record_sidebar) {\n                max-width: ${MODAL_WITH_SIDEBAR_MAX_WIDTH};\n            }\n\n            .kit-modal-header {\n                border-bottom: 1px solid var(--general-utilities-border);\n\n                .kit-modal-title {\n                    padding-right: calc(var(--general-spacing-xs) * 1px);\n\n                    .ant-space {\n                        width: 100%;\n                        justify-content: space-between;\n                    }\n                }\n            }\n\n            .kit-modal-content-wrapper {\n                padding: 0;\n\n                .kit-modal-content {\n                    height: 100%;\n\n                    & > div {\n                        height: 100%;\n                    }\n                }\n            }\n        }\n    }\n`;\n\nexport const EditRecordModal: FunctionComponent<IEditRecordModalProps> = ({\n    className,\n    open,\n    record,\n    creationFormId,\n    editionFormId,\n    library,\n    onClose,\n    onCreate,\n    onCreateAndEdit,\n    valuesVersion,\n    showSidebar,\n    enableSidebar,\n    submitButtons = ['create'],\n    withInfoButton = true,\n    autoHeight = false,\n}) => {\n    const {t} = useSharedTranslation();\n    const [antdForm] = useForm();\n    const [currentRecord, setCurrentRecord] = useState<RecordIdentityFragment['whoAmI'] | null>(record);\n    const clickedSubmitButton = useRef<SubmitButtonsName | null>(null);\n    const [createRecord] = useCreateRecordMutation();\n    const [purgeRecordMutation] = usePurgeRecordMutation();\n\n    const formElementId = useRef(window.crypto.randomUUID());\n    const [isCreation, setIsCreation] = useState(!record);\n    const [isReady, setIsReady] = useState(!!record);\n    const [isError, setIsError] = useState(false);\n    const [formId, setFormId] = useState<string>(\n        isCreation ? (creationFormId ?? 'creation') : (editionFormId ?? 'edition'),\n    );\n    const values = useGetInitialRecordValues();\n    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');\n    const modalTitle =\n        currentRecord?.label && currentRecord.label.trim() ? currentRecord.label : t('record_edition.new_record');\n\n    useEffect(() => {\n        const createEmptyRecordFunction = async () => {\n            const {data} = await createRecord({\n                variables: {\n                    library,\n                    skipActivate: true,\n                    data: {values},\n                },\n            });\n\n            const recordId = data?.createRecord.record?.id;\n            setCurrentRecord(data?.createRecord.record.whoAmI ?? null);\n            if (!recordId) {\n                setIsError(true);\n                return;\n            }\n\n            setIsReady(true);\n        };\n\n        if (open && isCreation && !currentRecord) {\n            createEmptyRecordFunction();\n        }\n    }, [open, currentRecord]);\n\n    const _handleClickSubmit = (button: SubmitButtonsName) => {\n        clickedSubmitButton.current = button;\n    };\n\n    const _purgeRecordOnCreationCancel = () =>\n        purgeRecordMutation({\n            errorPolicy: 'ignore',\n            variables: {\n                libraryId: currentRecord?.library?.id,\n                recordId: currentRecord?.id,\n            },\n        });\n\n    const _closeAfterConfirm = async () => {\n        if (currentRecord?.id && currentRecord?.library?.id) {\n            _purgeRecordOnCreationCancel();\n        }\n        return onClose();\n    };\n\n    const showCancelConfirm = useCreateCancelConfirm(_closeAfterConfirm);\n\n    const displayedSubmitButtons = useGetSubmitButtons(\n        submitButtons,\n        formElementId.current,\n        isCreation,\n        _handleClickSubmit,\n    );\n\n    const _handleCreate = (newRecord: RecordIdentityFragment['whoAmI']) => {\n        setCurrentRecord(newRecord);\n\n        if (onCreateAndEdit && clickedSubmitButton.current === 'createAndEdit') {\n            setFormId(editionFormId ?? 'edition');\n            setIsCreation(false);\n            onCreateAndEdit(newRecord);\n            return;\n        }\n\n        if (onCreate && clickedSubmitButton.current === 'create') {\n            onCreate(newRecord);\n            return;\n        }\n    };\n\n    const _handleClose = () => {\n        if (isCreation) {\n            if (antdForm.isFieldsTouched()) {\n                return showCancelConfirm();\n            } else {\n                _purgeRecordOnCreationCancel();\n            }\n        }\n        return onClose();\n    };\n\n    return (\n        <KitModalStyled\n            appElement={document.getElementById('root')}\n            className={className}\n            height={autoHeight ? 'auto' : MODAL_HEIGHT}\n            maxHeight={autoHeight ? MODAL_HEIGHT : undefined}\n            width={MODAL_WIDTH}\n            isOpen={open}\n            close={_handleClose}\n            title={\n                <KitSpace>\n                    <KitTypography.Title level=\"h2\" style={{margin: 0}}>\n                        {modalTitle}\n                    </KitTypography.Title>\n                    <div id={EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} />\n                </KitSpace>\n            }\n            footer={\n                <KitSpace>\n                    {[\n                        <KitButton\n                            aria-label={closeButtonLabel}\n                            key=\"close\"\n                            icon={<FontAwesomeIcon icon={faXmark} />}\n                            onClick={_handleClose}\n                        >\n                            {closeButtonLabel}\n                        </KitButton>,\n                        ...displayedSubmitButtons,\n                    ]}\n                </KitSpace>\n            }\n            closeIcon={<FontAwesomeIcon icon={faXmark} />}\n            showCloseIcon\n            destroyOnClose\n        >\n            {isError && <ErrorComponent />}\n            {!isReady && <KitLoader />}\n            {isReady && (\n                <EditRecord\n                    antdForm={antdForm}\n                    isFormCreationMode={isCreation}\n                    formId={formId}\n                    formElementId={formElementId.current}\n                    record={currentRecord}\n                    library={library}\n                    onCreate={_handleCreate}\n                    valuesVersion={valuesVersion}\n                    showSidebar={showSidebar}\n                    enableSidebar={enableSidebar}\n                    withInfoButton={withInfoButton}\n                />\n            )}\n        </KitModalStyled>\n    );\n};\n"]}
+{"version":3,"file":"EditRecordModal.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordModal/EditRecordModal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, useEffect, useRef, useState} from 'react';\nimport {KitButton, KitLoader, KitModal, KitSpace, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types';\nimport {type RecordIdentityFragment, useCreateRecordMutation, usePurgeRecordMutation} from '_ui/_gqlTypes';\nimport {EditRecord} from '../EditRecord';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {type PossibleSubmitButtons, type SubmitButtonsName} from '../_types';\nimport {useGetSubmitButtons} from '../hooks/useGetSubmitButtons';\nimport {useForm} from 'antd/lib/form/Form';\nimport {useCreateCancelConfirm} from '../hooks/useCreateCancelConfirm';\nimport {EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} from '../constants';\nimport {useGetInitialRecordValues} from '../EditRecordPage/getInitialRecordValues';\nimport {ErrorComponent} from '../EditRecordPage/ErrorComponent';\n\nexport interface IEditRecordModalProps {\n    className?: string;\n    open: boolean;\n    record: RecordIdentityFragment['whoAmI'] | null;\n    creationFormId?: string;\n    editionFormId?: string;\n    library: string;\n    onClose: () => void;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create\" button\n    onCreateAndEdit?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create and edit\" button\n    submitButtons?: PossibleSubmitButtons;\n    withInfoButton?: boolean;\n    valuesVersion?: IValueVersion;\n    showSidebar?: boolean;\n    enableSidebar?: boolean;\n    autoHeight?: boolean;\n}\n\nconst MODAL_HEIGHT = '80vh';\nconst MODAL_WIDTH = '90vw';\nconst MODAL_MAX_WIDTH = '656px';\nconst MODAL_WITH_SIDEBAR_MAX_WIDTH = '900px';\n\nconst KitModalStyled = styled(KitModal)`\n    && {\n        & > div {\n            max-width: ${MODAL_MAX_WIDTH};\n\n            &:has(#edit_record_sidebar) {\n                max-width: ${MODAL_WITH_SIDEBAR_MAX_WIDTH};\n            }\n\n            .kit-modal-header {\n                border-bottom: 1px solid var(--general-utilities-border);\n\n                .kit-modal-title {\n                    padding-right: calc(var(--general-spacing-xs) * 1px);\n\n                    .ant-space {\n                        width: 100%;\n                        justify-content: space-between;\n                    }\n                }\n            }\n\n            .kit-modal-content-wrapper {\n                padding: 0;\n\n                .kit-modal-content {\n                    height: 100%;\n\n                    & > div {\n                        height: 100%;\n                    }\n                }\n            }\n        }\n    }\n`;\n\nexport const EditRecordModal: FunctionComponent<IEditRecordModalProps> = ({\n    className,\n    open,\n    record,\n    creationFormId,\n    editionFormId,\n    library,\n    onClose,\n    onCreate,\n    onCreateAndEdit,\n    valuesVersion,\n    showSidebar,\n    enableSidebar,\n    submitButtons = ['create'],\n    withInfoButton = true,\n    autoHeight = false,\n}) => {\n    const {t} = useSharedTranslation();\n    const [antdForm] = useForm();\n    const [currentRecord, setCurrentRecord] = useState<RecordIdentityFragment['whoAmI'] | null>(record);\n    const clickedSubmitButton = useRef<SubmitButtonsName | null>(null);\n    const [createRecord] = useCreateRecordMutation();\n    const [purgeRecordMutation] = usePurgeRecordMutation();\n\n    const formElementId = useRef(window.crypto.randomUUID());\n    const [isCreation, setIsCreation] = useState(!record);\n    const [isReady, setIsReady] = useState(!!record);\n    const [isError, setIsError] = useState(false);\n    const [formId, setFormId] = useState<string>(\n        isCreation ? (creationFormId ?? 'creation') : (editionFormId ?? 'edition'),\n    );\n    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');\n    const modalTitle =\n        currentRecord?.label && currentRecord.label.trim() ? currentRecord.label : t('record_edition.new_record');\n\n    useEffect(() => {\n        const createEmptyRecordFunction = async () => {\n            const values = useGetInitialRecordValues();\n            const {data} = await createRecord({\n                variables: {\n                    library,\n                    skipActivate: true,\n                    data: {values},\n                },\n            });\n\n            const recordId = data?.createRecord.record?.id;\n            setCurrentRecord(data?.createRecord.record.whoAmI ?? null);\n            if (!recordId) {\n                setIsError(true);\n                return;\n            }\n\n            setIsReady(true);\n        };\n\n        if (open && isCreation && !currentRecord) {\n            createEmptyRecordFunction();\n        }\n    }, [open, currentRecord]);\n\n    const _handleClickSubmit = (button: SubmitButtonsName) => {\n        clickedSubmitButton.current = button;\n    };\n\n    const _purgeRecordOnCreationCancel = () =>\n        purgeRecordMutation({\n            errorPolicy: 'ignore',\n            variables: {\n                libraryId: currentRecord?.library?.id,\n                recordId: currentRecord?.id,\n            },\n        });\n\n    const _closeAfterConfirm = async () => {\n        if (currentRecord?.id && currentRecord?.library?.id) {\n            _purgeRecordOnCreationCancel();\n        }\n        return onClose();\n    };\n\n    const showCancelConfirm = useCreateCancelConfirm(_closeAfterConfirm);\n\n    const _handleCreate = (newRecord: RecordIdentityFragment['whoAmI']) => {\n        setCurrentRecord(newRecord);\n\n        if (onCreateAndEdit && clickedSubmitButton.current === 'createAndEdit') {\n            setFormId(editionFormId ?? 'edition');\n            setIsCreation(false);\n            onCreateAndEdit(newRecord);\n            return;\n        }\n\n        if (onCreate && clickedSubmitButton.current === 'create') {\n            onCreate(newRecord);\n            return;\n        }\n    };\n\n    const _handleClose = () => {\n        if (isCreation) {\n            if (antdForm.isFieldsTouched()) {\n                return showCancelConfirm();\n            } else {\n                _purgeRecordOnCreationCancel();\n            }\n        }\n        return onClose();\n    };\n\n    const displayedSubmitButtons = useGetSubmitButtons(\n        submitButtons,\n        formElementId.current,\n        isCreation,\n        _handleClickSubmit,\n        _handleClose,\n    );\n\n    return (\n        <KitModalStyled\n            appElement={document.getElementById('root')}\n            className={className}\n            height={autoHeight ? 'auto' : MODAL_HEIGHT}\n            maxHeight={autoHeight ? MODAL_HEIGHT : undefined}\n            width={MODAL_WIDTH}\n            isOpen={open}\n            close={_handleClose}\n            title={\n                <KitSpace>\n                    <KitTypography.Title level=\"h2\" style={{margin: 0}}>\n                        {modalTitle}\n                    </KitTypography.Title>\n                    <div id={EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} />\n                </KitSpace>\n            }\n            footer={\n                <KitSpace>\n                    {[\n                        <KitButton\n                            aria-label={closeButtonLabel}\n                            key=\"close\"\n                            icon={<FontAwesomeIcon icon={faXmark} />}\n                            onClick={_handleClose}\n                        >\n                            {closeButtonLabel}\n                        </KitButton>,\n                        ...displayedSubmitButtons,\n                    ]}\n                </KitSpace>\n            }\n            closeIcon={<FontAwesomeIcon icon={faXmark} />}\n            showCloseIcon\n            destroyOnClose\n        >\n            {isError && <ErrorComponent />}\n            {!isReady && <KitLoader />}\n            {isReady && (\n                <EditRecord\n                    antdForm={antdForm}\n                    isFormCreationMode={isCreation}\n                    formId={formId}\n                    formElementId={formElementId.current}\n                    record={currentRecord}\n                    library={library}\n                    onCreate={_handleCreate}\n                    valuesVersion={valuesVersion}\n                    showSidebar={showSidebar}\n                    enableSidebar={enableSidebar}\n                    withInfoButton={withInfoButton}\n                />\n            )}\n        </KitModalStyled>\n    );\n};\n"]}

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

@@ -19,6 +19,7 @@ interface IEditRecordPageProps {
     showSidebar?: boolean;
     enableSidebar?: boolean;
     sidebarContainer?: HTMLElement;
+    forceDisableSidebarInAppStudio?: boolean;
     isSubmitButtonsPortal?: boolean;
     removePadding?: boolean;
 }

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

@@ -30,7 +30,7 @@ const Header = styled.div `
     align-items: center;
 `;
 const emptyFunction = () => null;
-export const EditRecordPage = ({ record, library, creationFormId, editionFormId, onCreate, onCreateAndEdit, valuesVersion, title, showHeader = true, submitButtons = ['create'], withInfoButton, onClose = emptyFunction, enableSidebar, showSidebar, sidebarContainer, isSubmitButtonsPortal = false, removePadding = false, }) => {
+export const EditRecordPage = ({ record, library, creationFormId, editionFormId, onCreate, onCreateAndEdit, valuesVersion, title, showHeader = true, submitButtons = ['create'], withInfoButton, onClose = emptyFunction, enableSidebar, showSidebar, sidebarContainer, forceDisableSidebarInAppStudio, isSubmitButtonsPortal = false, removePadding = false, }) => {
     const { t } = useSharedTranslation();
     const [currentRecord, setCurrentRecord] = useState(record);
     const clickedSubmitButton = useRef(null);
@@ -42,7 +42,6 @@ export const EditRecordPage = ({ record, library, creationFormId, editionFormId,
     const [purgeRecordMutation] = usePurgeRecordMutation();
     const [formId, setFormId] = useState(isCreation ? (creationFormId ?? 'creation') : (editionFormId ?? 'edition'));
     const [formCreateButtonsContainer, setFormCreateButtonsContainer] = useState();
-    const values = useGetInitialRecordValues();
     useEffect(() => {
         if (isSubmitButtonsPortal) {
             const formCreateButtonsElement = document.getElementById(SUBMIT_BUTTONS_PORTAL);
@@ -53,6 +52,7 @@ export const EditRecordPage = ({ record, library, creationFormId, editionFormId,
     }, []);
     useEffect(() => {
         const createEmptyRecordFunction = async () => {
+            const values = useGetInitialRecordValues();
             const { data } = await createRecord({
                 variables: {
                     library,
@@ -89,7 +89,6 @@ export const EditRecordPage = ({ record, library, creationFormId, editionFormId,
         return onClose();
     };
     const showCancelConfirm = useCreateCancelConfirm(_closeAfterConfirm);
-    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit);
     const [antdForm] = useForm();
     const _handleClose = () => {
         if (isCreation) {
@@ -103,6 +102,7 @@ export const EditRecordPage = ({ record, library, creationFormId, editionFormId,
         return onClose();
     };
     const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');
+    const displayedSubmitButtons = useGetSubmitButtons(submitButtons, formElementId.current, isCreation, _handleClickSubmit, _handleClose);
     const _handleCreate = (newRecord) => {
         setCurrentRecord(newRecord);
         if (onCreateAndEdit && clickedSubmitButton.current === 'createAndEdit') {
@@ -118,6 +118,6 @@ export const EditRecordPage = ({ record, library, creationFormId, editionFormId,
     };
     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') })), _jsx("div", { id: EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS, "data-testid": EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS }), _jsx(KitButton, { onClick: _handleClose, icon: _jsx(FontAwesomeIcon, { icon: faXmark }), children: closeButtonLabel }), _jsx(KitSpace, { children: displayedSubmitButtons })] }), _jsx(KitDivider, { noMargin: true, color: "lightGrey" })] })), isSubmitButtonsPortal &&
                 formCreateButtonsContainer &&
-                createPortal(displayedSubmitButtons, formCreateButtonsContainer), _jsxs(ErrorBoundary, { children: [isError && _jsx(ErrorComponent, {}), !isReady && _jsx(KitLoader, {}), isReady && (_jsx(EditRecord, { antdForm: antdForm, formId: formId, isFormCreationMode: isCreation, formElementId: formElementId.current, record: currentRecord, library: library, valuesVersion: valuesVersion, onCreate: _handleCreate, containerStyle: showHeader ? { height: 'calc(100% - 82px)' } : { height: '100%' }, withInfoButton: withInfoButton, enableSidebar: enableSidebar, showSidebar: showSidebar, sidebarContainer: sidebarContainer, removePadding: removePadding }))] })] }));
+                createPortal(displayedSubmitButtons, formCreateButtonsContainer), _jsxs(ErrorBoundary, { children: [isError && _jsx(ErrorComponent, {}), !isReady && _jsx(KitLoader, {}), isReady && (_jsx(EditRecord, { antdForm: antdForm, formId: formId, isFormCreationMode: isCreation, formElementId: formElementId.current, record: currentRecord, library: library, valuesVersion: valuesVersion, onCreate: _handleCreate, containerStyle: showHeader ? { height: 'calc(100% - 82px)' } : { height: '100%' }, withInfoButton: withInfoButton, enableSidebar: enableSidebar, forceDisableSidebarInAppStudio: forceDisableSidebarInAppStudio, showSidebar: showSidebar, sidebarContainer: sidebarContainer, removePadding: removePadding }))] })] }));
 };
 //# 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":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, type ReactNode, useEffect, useRef, useState} from 'react';\nimport {KitButton, KitDivider, KitLoader, KitSpace, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types';\nimport {type RecordIdentityFragment, useCreateRecordMutation, usePurgeRecordMutation} from '_ui/_gqlTypes';\nimport {EditRecord} from '../EditRecord';\nimport {type PossibleSubmitButtons, type SubmitButtonsName} from '../_types';\nimport {useGetSubmitButtons} from '../hooks/useGetSubmitButtons';\nimport {useForm} from 'antd/lib/form/Form';\nimport {useCreateCancelConfirm} from '../hooks/useCreateCancelConfirm';\nimport {EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} from '../constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {createPortal} from 'react-dom';\nimport {SUBMIT_BUTTONS_PORTAL} from '_ui/constants';\nimport {ErrorBoundary} from '_ui/components/ErrorBoundary';\nimport {ErrorComponent} from './ErrorComponent';\nimport {useGetInitialRecordValues} from './getInitialRecordValues';\n\ninterface IEditRecordPageProps {\n    record: RecordIdentityFragment['whoAmI'] | null;\n    creationFormId?: string;\n    editionFormId?: string;\n    library: string;\n    title?: ReactNode;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create\" button\n    onCreateAndEdit?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create and edit\" button\n    submitButtons?: PossibleSubmitButtons;\n    valuesVersion?: IValueVersion;\n    showRefreshButton?: boolean;\n    showHeader?: boolean;\n    withInfoButton?: boolean;\n    onClose?: () => void;\n    showSidebar?: boolean;\n    enableSidebar?: boolean;\n    sidebarContainer?: HTMLElement;\n    isSubmitButtonsPortal?: boolean;\n    removePadding?: boolean;\n}\n\nconst Header = styled.div`\n    grid-area: title;\n    align-self: center;\n    font-size: 1rem;\n    padding: 16px 32px;\n    height: 82px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n`;\n\nconst emptyFunction = () => null;\n\nexport const EditRecordPage: FunctionComponent<IEditRecordPageProps> = ({\n    record,\n    library,\n    creationFormId,\n    editionFormId,\n    onCreate,\n    onCreateAndEdit,\n    valuesVersion,\n    title,\n    showHeader = true,\n    submitButtons = ['create'],\n    withInfoButton,\n    onClose = emptyFunction,\n    enableSidebar,\n    showSidebar,\n    sidebarContainer,\n    isSubmitButtonsPortal = false,\n    removePadding = false,\n}) => {\n    const {t} = useSharedTranslation();\n    const [currentRecord, setCurrentRecord] = useState<RecordIdentityFragment['whoAmI'] | null>(record);\n    const clickedSubmitButton = useRef<SubmitButtonsName | null>(null);\n    const formElementId = useRef(window.crypto.randomUUID());\n    const [isCreation, setIsCreation] = useState(!record);\n    const [isReady, setIsReady] = useState(!!record);\n    const [isError, setIsError] = useState(false);\n    const [createRecord] = useCreateRecordMutation();\n    const [purgeRecordMutation] = usePurgeRecordMutation();\n    const [formId, setFormId] = useState<string>(\n        isCreation ? (creationFormId ?? 'creation') : (editionFormId ?? 'edition'),\n    );\n    const [formCreateButtonsContainer, setFormCreateButtonsContainer] = useState<HTMLElement>();\n    const values = useGetInitialRecordValues();\n\n    useEffect(() => {\n        if (isSubmitButtonsPortal) {\n            const formCreateButtonsElement = document.getElementById(SUBMIT_BUTTONS_PORTAL);\n            if (formCreateButtonsElement) {\n                setFormCreateButtonsContainer(formCreateButtonsElement);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        const createEmptyRecordFunction = async () => {\n            const {data} = await createRecord({\n                variables: {\n                    library,\n                    skipActivate: true,\n                    data: {values},\n                },\n            });\n            const recordId = data?.createRecord.record?.id;\n            setCurrentRecord(data?.createRecord.record.whoAmI ?? null);\n            if (!recordId) {\n                setIsError(true);\n                return;\n            }\n\n            setIsReady(true);\n        };\n\n        if (isCreation && !isReady) {\n            createEmptyRecordFunction();\n        }\n    }, []);\n\n    const _handleClickSubmit = (button: SubmitButtonsName) => {\n        clickedSubmitButton.current = button;\n    };\n\n    const _purgeRecordOnCreationCancel = () =>\n        purgeRecordMutation({\n            errorPolicy: 'ignore',\n            variables: {\n                libraryId: currentRecord?.library?.id,\n                recordId: currentRecord?.id,\n            },\n        });\n\n    const _closeAfterConfirm = async () => {\n        if (currentRecord?.id && currentRecord?.library?.id) {\n            _purgeRecordOnCreationCancel();\n        }\n        return onClose();\n    };\n\n    const showCancelConfirm = useCreateCancelConfirm(_closeAfterConfirm);\n\n    const displayedSubmitButtons = useGetSubmitButtons(\n        submitButtons,\n        formElementId.current,\n        isCreation,\n        _handleClickSubmit,\n    );\n    const [antdForm] = useForm();\n\n    const _handleClose = () => {\n        if (isCreation) {\n            if (antdForm.isFieldsTouched()) {\n                return showCancelConfirm();\n            } else {\n                _purgeRecordOnCreationCancel();\n            }\n        }\n\n        return onClose();\n    };\n\n    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');\n\n    const _handleCreate = (newRecord: RecordIdentityFragment['whoAmI']) => {\n        setCurrentRecord(newRecord);\n\n        if (onCreateAndEdit && clickedSubmitButton.current === 'createAndEdit') {\n            setFormId(editionFormId ?? 'edition');\n            setIsCreation(false);\n            onCreateAndEdit(newRecord);\n            return;\n        }\n\n        if (onCreate && clickedSubmitButton.current === 'create') {\n            onCreate(newRecord);\n            return;\n        }\n    };\n\n    return (\n        <>\n            {showHeader && (\n                <>\n                    <Header>\n                        {title !== undefined ? (\n                            title\n                        ) : (\n                            <KitTypography.Title level=\"h2\" style={{margin: 0}}>\n                                {currentRecord?.label ?? t('record_edition.new_record')}\n                            </KitTypography.Title>\n                        )}\n                        <div\n                            id={EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS}\n                            data-testid={EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS}\n                        />\n                        <KitButton onClick={_handleClose} icon={<FontAwesomeIcon icon={faXmark} />}>\n                            {closeButtonLabel}\n                        </KitButton>\n                        <KitSpace>{displayedSubmitButtons}</KitSpace>\n                    </Header>\n                    <KitDivider noMargin color=\"lightGrey\" />\n                </>\n            )}\n            {isSubmitButtonsPortal &&\n                formCreateButtonsContainer &&\n                createPortal(displayedSubmitButtons, formCreateButtonsContainer)}\n            <ErrorBoundary>\n                {isError && <ErrorComponent />}\n                {!isReady && <KitLoader />}\n                {isReady && (\n                    <EditRecord\n                        antdForm={antdForm}\n                        formId={formId}\n                        isFormCreationMode={isCreation}\n                        formElementId={formElementId.current}\n                        record={currentRecord}\n                        library={library}\n                        valuesVersion={valuesVersion}\n                        onCreate={_handleCreate}\n                        containerStyle={showHeader ? {height: 'calc(100% - 82px)'} : {height: '100%'}}\n                        withInfoButton={withInfoButton}\n                        enableSidebar={enableSidebar}\n                        showSidebar={showSidebar}\n                        sidebarContainer={sidebarContainer}\n                        removePadding={removePadding}\n                    />\n                )}\n            </ErrorBoundary>\n        </>\n    );\n};\n"]}
+{"version":3,"file":"EditRecordPage.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordPage/EditRecordPage.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, type ReactNode, useEffect, useMemo, useRef, useState} from 'react';\nimport {KitButton, KitDivider, KitLoader, KitSpace, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types';\nimport {type RecordIdentityFragment, useCreateRecordMutation, usePurgeRecordMutation} from '_ui/_gqlTypes';\nimport {EditRecord} from '../EditRecord';\nimport {type PossibleSubmitButtons, type SubmitButtonsName} from '../_types';\nimport {useGetSubmitButtons} from '../hooks/useGetSubmitButtons';\nimport {useForm} from 'antd/lib/form/Form';\nimport {useCreateCancelConfirm} from '../hooks/useCreateCancelConfirm';\nimport {EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS} from '../constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {createPortal} from 'react-dom';\nimport {SUBMIT_BUTTONS_PORTAL} from '_ui/constants';\nimport {ErrorBoundary} from '_ui/components/ErrorBoundary';\nimport {ErrorComponent} from './ErrorComponent';\nimport {useGetInitialRecordValues} from './getInitialRecordValues';\n\ninterface IEditRecordPageProps {\n    record: RecordIdentityFragment['whoAmI'] | null;\n    creationFormId?: string;\n    editionFormId?: string;\n    library: string;\n    title?: ReactNode;\n    onCreate?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create\" button\n    onCreateAndEdit?: (newRecord: RecordIdentityFragment['whoAmI']) => void; // Called after submitting via the \"create and edit\" button\n    submitButtons?: PossibleSubmitButtons;\n    valuesVersion?: IValueVersion;\n    showRefreshButton?: boolean;\n    showHeader?: boolean;\n    withInfoButton?: boolean;\n    onClose?: () => void;\n    showSidebar?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecordPage\n    enableSidebar?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecordPage\n    sidebarContainer?: HTMLElement; // TODO: Should be removed when sidebar is fully removed from EditRecordPage\n    forceDisableSidebarInAppStudio?: boolean; // TODO: Should be removed when sidebar is fully removed from EditRecordPage\n    isSubmitButtonsPortal?: boolean;\n    removePadding?: boolean;\n}\n\nconst Header = styled.div`\n    grid-area: title;\n    align-self: center;\n    font-size: 1rem;\n    padding: 16px 32px;\n    height: 82px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n`;\n\nconst emptyFunction = () => null;\n\nexport const EditRecordPage: FunctionComponent<IEditRecordPageProps> = ({\n    record,\n    library,\n    creationFormId,\n    editionFormId,\n    onCreate,\n    onCreateAndEdit,\n    valuesVersion,\n    title,\n    showHeader = true,\n    submitButtons = ['create'],\n    withInfoButton,\n    onClose = emptyFunction,\n    enableSidebar,\n    showSidebar,\n    sidebarContainer,\n    forceDisableSidebarInAppStudio,\n    isSubmitButtonsPortal = false,\n    removePadding = false,\n}) => {\n    const {t} = useSharedTranslation();\n    const [currentRecord, setCurrentRecord] = useState<RecordIdentityFragment['whoAmI'] | null>(record);\n    const clickedSubmitButton = useRef<SubmitButtonsName | null>(null);\n    const formElementId = useRef(window.crypto.randomUUID());\n    const [isCreation, setIsCreation] = useState(!record);\n    const [isReady, setIsReady] = useState(!!record);\n    const [isError, setIsError] = useState(false);\n    const [createRecord] = useCreateRecordMutation();\n    const [purgeRecordMutation] = usePurgeRecordMutation();\n    const [formId, setFormId] = useState<string>(\n        isCreation ? (creationFormId ?? 'creation') : (editionFormId ?? 'edition'),\n    );\n    const [formCreateButtonsContainer, setFormCreateButtonsContainer] = useState<HTMLElement>();\n\n    useEffect(() => {\n        if (isSubmitButtonsPortal) {\n            const formCreateButtonsElement = document.getElementById(SUBMIT_BUTTONS_PORTAL);\n            if (formCreateButtonsElement) {\n                setFormCreateButtonsContainer(formCreateButtonsElement);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        const createEmptyRecordFunction = async () => {\n            const values = useGetInitialRecordValues();\n            const {data} = await createRecord({\n                variables: {\n                    library,\n                    skipActivate: true,\n                    data: {values},\n                },\n            });\n            const recordId = data?.createRecord.record?.id;\n            setCurrentRecord(data?.createRecord.record.whoAmI ?? null);\n            if (!recordId) {\n                setIsError(true);\n                return;\n            }\n\n            setIsReady(true);\n        };\n\n        if (isCreation && !isReady) {\n            createEmptyRecordFunction();\n        }\n    }, []);\n\n    const _handleClickSubmit = (button: SubmitButtonsName) => {\n        clickedSubmitButton.current = button;\n    };\n\n    const _purgeRecordOnCreationCancel = () =>\n        purgeRecordMutation({\n            errorPolicy: 'ignore',\n            variables: {\n                libraryId: currentRecord?.library?.id,\n                recordId: currentRecord?.id,\n            },\n        });\n\n    const _closeAfterConfirm = async () => {\n        if (currentRecord?.id && currentRecord?.library?.id) {\n            _purgeRecordOnCreationCancel();\n        }\n        return onClose();\n    };\n\n    const showCancelConfirm = useCreateCancelConfirm(_closeAfterConfirm);\n\n    const [antdForm] = useForm();\n\n    const _handleClose = () => {\n        if (isCreation) {\n            if (antdForm.isFieldsTouched()) {\n                return showCancelConfirm();\n            } else {\n                _purgeRecordOnCreationCancel();\n            }\n        }\n\n        return onClose();\n    };\n    const closeButtonLabel = isCreation ? t('global.cancel') : t('global.close');\n\n    const displayedSubmitButtons = useGetSubmitButtons(\n        submitButtons,\n        formElementId.current,\n        isCreation,\n        _handleClickSubmit,\n        _handleClose,\n    );\n\n    const _handleCreate = (newRecord: RecordIdentityFragment['whoAmI']) => {\n        setCurrentRecord(newRecord);\n\n        if (onCreateAndEdit && clickedSubmitButton.current === 'createAndEdit') {\n            setFormId(editionFormId ?? 'edition');\n            setIsCreation(false);\n            onCreateAndEdit(newRecord);\n            return;\n        }\n\n        if (onCreate && clickedSubmitButton.current === 'create') {\n            onCreate(newRecord);\n            return;\n        }\n    };\n\n    return (\n        <>\n            {showHeader && (\n                <>\n                    <Header>\n                        {title !== undefined ? (\n                            title\n                        ) : (\n                            <KitTypography.Title level=\"h2\" style={{margin: 0}}>\n                                {currentRecord?.label ?? t('record_edition.new_record')}\n                            </KitTypography.Title>\n                        )}\n                        <div\n                            id={EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS}\n                            data-testid={EDIT_RECORD_MODAL_HEADER_CONTAINER_BUTTONS}\n                        />\n                        <KitButton onClick={_handleClose} icon={<FontAwesomeIcon icon={faXmark} />}>\n                            {closeButtonLabel}\n                        </KitButton>\n                        <KitSpace>{displayedSubmitButtons}</KitSpace>\n                    </Header>\n                    <KitDivider noMargin color=\"lightGrey\" />\n                </>\n            )}\n            {isSubmitButtonsPortal &&\n                formCreateButtonsContainer &&\n                createPortal(displayedSubmitButtons, formCreateButtonsContainer)}\n            <ErrorBoundary>\n                {isError && <ErrorComponent />}\n                {!isReady && <KitLoader />}\n                {isReady && (\n                    <EditRecord\n                        antdForm={antdForm}\n                        formId={formId}\n                        isFormCreationMode={isCreation}\n                        formElementId={formElementId.current}\n                        record={currentRecord}\n                        library={library}\n                        valuesVersion={valuesVersion}\n                        onCreate={_handleCreate}\n                        containerStyle={showHeader ? {height: 'calc(100% - 82px)'} : {height: '100%'}}\n                        withInfoButton={withInfoButton}\n                        enableSidebar={enableSidebar}\n                        forceDisableSidebarInAppStudio={forceDisableSidebarInAppStudio}\n                        showSidebar={showSidebar}\n                        sidebarContainer={sidebarContainer}\n                        removePadding={removePadding}\n                    />\n                )}\n            </ErrorBoundary>\n        </>\n    );\n};\n"]}

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

@@ -1,2 +1,2 @@
-export type SubmitButtonsName = 'create' | 'createAndEdit';
+export type SubmitButtonsName = 'create' | 'createAndEdit' | 'closeCancel';
 export type PossibleSubmitButtons = SubmitButtonsName[];

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

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/RecordEdition/_types.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nexport type SubmitButtonsName = 'create' | 'createAndEdit';\nexport type PossibleSubmitButtons = SubmitButtonsName[];\n"]}
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/RecordEdition/_types.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nexport type SubmitButtonsName = 'create' | 'createAndEdit' | 'closeCancel';\nexport type PossibleSubmitButtons = SubmitButtonsName[];\n"]}