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

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

@@ -0,0 +1,28 @@
+// 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 { useCreateRecordMutation } from '../../../../_gqlTypes';
+import { APICallStatus } from '../_types';
+export default function useExecuteCreateRecordMutation() {
+    const [executeCreateRecord] = useCreateRecordMutation();
+    return {
+        createRecord: async (libraryId, values) => {
+            const creationResult = await executeCreateRecord({
+                variables: { library: libraryId, data: { values } }
+            });
+            if (creationResult.data.createRecord.valuesErrors?.length > 0) {
+                return {
+                    status: APICallStatus.ERROR,
+                    errors: creationResult.data.createRecord.valuesErrors
+                };
+            }
+            else {
+                return {
+                    status: APICallStatus.SUCCESS,
+                    record: creationResult.data.createRecord.record.whoAmI
+                };
+            }
+        }
+    };
+}
+//# sourceMappingURL=useCreateRecordMutation.js.map

package/dist/components/RecordEdition/EditRecordContent/hooks/useCreateRecordMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateRecordMutation.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordContent/hooks/useCreateRecordMutation.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,EAAC,aAAa,EAAmB,MAAM,WAAW,CAAC;AAM1D,MAAM,CAAC,OAAO,UAAU,8BAA8B;IAClD,MAAM,CAAC,mBAAmB,CAAC,GAAG,uBAAuB,EAAE,CAAC;IAExD,OAAO;QACH,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE;YACtC,MAAM,cAAc,GAAG,MAAM,mBAAmB,CAAC;gBAC7C,SAAS,EAAE,EAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,EAAC,MAAM,EAAC,EAAC;aAClD,CAAC,CAAC;YACH,IAAI,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5D,OAAO;oBACH,MAAM,EAAE,aAAa,CAAC,KAAK;oBAC3B,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY;iBACxD,CAAC;YACN,CAAC;iBAAM,CAAC;gBACJ,OAAO;oBACH,MAAM,EAAE,aAAa,CAAC,OAAO;oBAC7B,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM;iBACzD,CAAC;YACN,CAAC;QACL,CAAC;KACJ,CAAC;AACN,CAAC"}

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

@@ -1,18 +1,14 @@
-// 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 { useApolloClient } from '@apollo/client';
 import { ErrorTypes, objectToNameValueArray } from '@leav/utils';
 import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { useValuesCacheUpdate } from '../../../../hooks/useValuesCacheUpdate';
 import { useSaveValueBatchMutation } from '../../../../_gqlTypes';
 import { APICallStatus } from '../_types';
 export default function useExecuteSaveValueBatchMutation() {
-    const { cache } = useApolloClient();
+    const { t } = useSharedTranslation();
     const [executeSaveValueBatch, { loading }] = useSaveValueBatchMutation();
     const updateValuesCache = useValuesCacheUpdate();
-    const { t } = useSharedTranslation();
     return {
+        loading,
         saveValues: async (record, values, version, deleteEmpty = false) => {
             try {
                 const saveRes = await executeSaveValueBatch({
@@ -57,8 +53,7 @@ export default function useExecuteSaveValueBatchMutation() {
                     : err.message;
                 return { status: APICallStatus.ERROR, error: message };
             }
-        },
-        loading
+        }
     };
 }
 //# sourceMappingURL=useExecuteSaveValueBatchMutation.js.map

package/dist/components/RecordEdition/EditRecordContent/hooks/useExecuteSaveValueBatchMutation.js.map

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

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

@@ -0,0 +1,13 @@
+import { IRecordForm } from '../../../../hooks/useGetRecordForm';
+/**
+ * Hook to fetch values from visible elements in a form (elements in the visible tab + other elements outside a tab)
+ * @param formIdToLoad
+ * @param recordForm
+ * @param tabIdVisible
+ */
+export declare const useFetchVisibleFormValue: (formIdToLoad: string, recordForm: IRecordForm, tabIdVisible: string) => {
+    loading: boolean;
+    error: any;
+    refetchRecordFormWithValues: () => Promise<void>;
+    recordFormWithValues: IRecordForm;
+};

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

@@ -0,0 +1,119 @@
+// 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 { useGetRecordFormElementsValuesLazyQuery } from '../../../../_gqlTypes';
+import { useEffect, useState } from 'react';
+import { FormUIElementTypes } from '@leav/utils';
+/**
+ * Hook to fetch values from visible elements in a form (elements in the visible tab + other elements outside a tab)
+ * @param formIdToLoad
+ * @param recordForm
+ * @param tabIdVisible
+ */
+export const useFetchVisibleFormValue = (formIdToLoad, recordForm, tabIdVisible) => {
+    const [error, setError] = useState(null);
+    const [recordFormWithValues, setRecordFormWithValues] = useState(null);
+    const [elementIdsVisible, setElementIdsVisible] = useState([]);
+    const [elementsIdsFetched, setElementsIdsFetched] = useState([]);
+    const [getRecordFormElementsValues, { loading }] = useGetRecordFormElementsValuesLazyQuery({
+        fetchPolicy: 'no-cache'
+    });
+    // Get all elements visible
+    // Exclude uiElement of a type link
+    const getElementIdsVisible = () => {
+        // Find element ids from record.elements that are in the first page of a tab or are not a tab
+        const containerToExclude = [];
+        recordForm.elements.forEach(el => {
+            if (el.uiElementType === FormUIElementTypes.TABS) {
+                const tabSettings = el.settings?.find(s => s.key === 'tabs');
+                // Exclude all tab ids that are not equals to tabIdVisible variable
+                containerToExclude.push(...tabSettings.value.filter(e => e.id !== tabIdVisible).map(e => e.id));
+            }
+        });
+        // Find all elements visible
+        return recordForm.elements
+            .filter(e => e.uiElementType !== FormUIElementTypes.LINK)
+            .filter(e => 
+        // filters all elements where containers id contains /${e.id}
+        !containerToExclude.some(c => e.containerId?.includes(c)))
+            .map(e => e.id);
+    };
+    useEffect(() => {
+        (async () => {
+            if (!recordForm || !formIdToLoad || tabIdVisible === undefined) {
+                return;
+            }
+            // skip on creation form
+            if (formIdToLoad === 'creation') {
+                return;
+            }
+            const elementIds = getElementIdsVisible();
+            setElementIdsVisible(elementIds);
+            // List of elementIds that we don't have fetched their values yet
+            const elementIdsToFetch = elementIds.filter(e => !elementsIdsFetched.includes(e));
+            if (!elementIdsToFetch.length) {
+                return;
+            }
+            try {
+                const result = await getRecordFormElementsValues({
+                    variables: {
+                        libraryId: recordForm.library.id,
+                        recordId: recordForm.recordId,
+                        formId: formIdToLoad,
+                        elementIds: elementIdsToFetch
+                    }
+                });
+                setElementsIdsFetched([...elementsIdsFetched, ...elementIdsToFetch]);
+                const recordFormElementValues = (result.data?.getRecordFormElementsValues ||
+                    []);
+                updateRecordFormWithValues(recordFormElementValues);
+            }
+            catch (e) {
+                setError(e);
+            }
+        })();
+    }, [formIdToLoad, recordForm, tabIdVisible]);
+    // Merge new values into recordForm
+    const updateRecordFormWithValues = (elementsValues) => {
+        setRecordFormWithValues({
+            ...recordForm,
+            elements: recordForm.elements.map(e => {
+                const elementValue = elementsValues.find((v) => v.id === e.id);
+                if (elementValue) {
+                    return {
+                        ...e,
+                        values: elementValue.values,
+                        valueError: elementValue.valueError
+                    };
+                }
+                else {
+                    return e;
+                }
+            })
+        });
+    };
+    // Create a refetch function for computed fields
+    const refetchRecordFormWithValues = async () => {
+        try {
+            const result = await getRecordFormElementsValues({
+                variables: {
+                    libraryId: recordForm.library.id,
+                    recordId: recordForm.recordId,
+                    formId: formIdToLoad,
+                    elementIds: elementIdsVisible
+                }
+            });
+            updateRecordFormWithValues((result.data?.getRecordFormElementsValues || []));
+        }
+        catch (e) {
+            setError(e);
+        }
+    };
+    return {
+        loading,
+        error,
+        refetchRecordFormWithValues,
+        recordFormWithValues
+    };
+};
+//# sourceMappingURL=useFetchVisibleFormValue.js.map

package/dist/components/RecordEdition/EditRecordContent/hooks/useFetchVisibleFormValue.js.map

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

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

@@ -0,0 +1,12 @@
+import { RecordFormElement } from '../../../../hooks/useGetRecordForm';
+/**
+ * Hook to manage tab visibility and tab click events in the EditRecordContent component
+ * @returns Object containing the visible tab ID and a handler for tab click events
+ * undefined = not loaded yet, null = no tabs found, string = id found
+ * @param elements
+ */
+export declare const useTabManagement: (elements: RecordFormElement[]) => {
+    tabIdVisible: string;
+    handleTabClick: (tabIdClicked: string) => void;
+};
+export default useTabManagement;

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

@@ -0,0 +1,39 @@
+// 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 { useState, useEffect } from 'react';
+/**
+ * Hook to manage tab visibility and tab click events in the EditRecordContent component
+ * @returns Object containing the visible tab ID and a handler for tab click events
+ * undefined = not loaded yet, null = no tabs found, string = id found
+ * @param elements
+ */
+export const useTabManagement = (elements) => {
+    // State to track the currently visible tab ID
+    const [tabIdVisible, setTabIdVisible] = useState(undefined);
+    // Initialize the visible tab ID when the record form is loaded
+    useEffect(() => {
+        // When we load the record form, get the ID of the first tab
+        const firstTabId = elements?.find(e => e.uiElementType === 'tabs')?.settings?.find(s => s.key === 'tabs')
+            ?.value[0]?.id;
+        if (firstTabId) {
+            setTabIdVisible(firstTabId);
+        }
+        else {
+            setTabIdVisible(null);
+        }
+    }, [elements]);
+    /**
+     * Handler for tab click events
+     * @param tabIdClicked The ID of the tab that was clicked
+     */
+    const handleTabClick = (tabIdClicked) => {
+        setTabIdVisible(tabIdClicked);
+    };
+    return {
+        tabIdVisible,
+        handleTabClick
+    };
+};
+export default useTabManagement;
+//# sourceMappingURL=useTabManagement.js.map

package/dist/components/RecordEdition/EditRecordContent/hooks/useTabManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabManagement.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordContent/hooks/useTabManagement.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAG1C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAA6B,EAAE,EAAE;IAC9D,8CAA8C;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA4B,SAAS,CAAC,CAAC;IAEvF,+DAA+D;IAC/D,SAAS,CAAC,GAAG,EAAE;QACX,4DAA4D;QAC5D,MAAM,UAAU,GAAG,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,KAAK,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC;YACrG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAEnB,IAAI,UAAU,EAAE,CAAC;YACb,eAAe,CAAC,UAAU,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACJ,eAAe,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf;;;OAGG;IACH,MAAM,cAAc,GAAG,CAAC,YAAoB,EAAE,EAAE;QAC5C,eAAe,CAAC,YAAY,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO;QACH,YAAY;QACZ,cAAc;KACjB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -3,7 +3,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { InfoCircleOutlined, InfoOutlined } from '@ant-design/icons';
-import { isTypeStandard } from '@leav/utils';
 import { Button, Tooltip } from 'antd';
 import { BasicButton } from '../../../../../components';
 import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
@@ -13,14 +12,9 @@ function ValueDetailsBtn({ value, attribute, basic = false, ...buttonProps }) {
     const { dispatch } = useEditRecordReducer();
     const { t } = useSharedTranslation();
     const _handleClick = () => {
-        const editingValue = isTypeStandard(attribute.type) ? value?.payload : null;
         dispatch({
             type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
-            value: {
-                value,
-                editingValue,
-                attribute
-            }
+            attribute
         });
     };
     const detailsButton = basic ? (_jsx(BasicButton, { shape: "circle", ...buttonProps, icon: _jsx(InfoCircleOutlined, {}), onClick: _handleClick })) : (_jsx(Button, { shape: "circle", ...buttonProps, icon: _jsx(InfoOutlined, {}), onClick: _handleClick }));

package/dist/components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/ValueDetailsBtn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueDetailsBtn.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/ValueDetailsBtn.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,kBAAkB,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAC,MAAM,EAAe,OAAO,EAAC,MAAM,MAAM,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,6BAA6B,EAAC,MAAM,kEAAkE,CAAC;AAC/G,OAAO,EAAC,oBAAoB,EAAC,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAUpE,SAAS,eAAe,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,WAAW,EAAwB;IAC7F,MAAM,EAAC,QAAQ,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAC1C,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,MAAM,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAE,KAAiC,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;QACzG,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,gBAAgB;YACpD,KAAK,EAAE;gBACH,KAAK;gBACL,YAAY;gBACZ,SAAS;aACZ;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAC1B,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,KAAK,WAAW,EAAE,IAAI,EAAE,KAAC,kBAAkB,KAAG,EAAE,OAAO,EAAE,YAAY,GAAI,CACvG,CAAC,CAAC,CAAC,CACA,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,KAAK,WAAW,EAAE,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,OAAO,EAAE,YAAY,GAAI,CAC5F,CAAC;IAEF,OAAO,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,CAAC,sCAAsC,CAAC,YAAG,aAAa,GAAW,CAAC;AAChG,CAAC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ValueDetailsBtn.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/ValueDetailsBtn.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,kBAAkB,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAC,MAAM,EAAe,OAAO,EAAC,MAAM,MAAM,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,6BAA6B,EAAC,MAAM,kEAAkE,CAAC;AAC/G,OAAO,EAAC,oBAAoB,EAAC,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAUpE,SAAS,eAAe,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,WAAW,EAAwB;IAC7F,MAAM,EAAC,QAAQ,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAC1C,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC;YACL,IAAI,EAAE,6BAA6B,CAAC,gBAAgB;YACpD,SAAS;SACZ,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAC1B,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,KAAK,WAAW,EAAE,IAAI,EAAE,KAAC,kBAAkB,KAAG,EAAE,OAAO,EAAE,YAAY,GAAI,CACvG,CAAC,CAAC,CAAC,CACA,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,KAAK,WAAW,EAAE,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,OAAO,EAAE,YAAY,GAAI,CAC5F,CAAC;IAEF,OAAO,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,CAAC,sCAAsC,CAAC,YAAG,aAAa,GAAW,CAAC;AAChG,CAAC;AAED,eAAe,eAAe,CAAC"}

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

@@ -1,6 +1,8 @@
 import { FormInstance } from 'antd';
 import { IFormElementProps } from '../../_types';
-declare function Container({ element, antdForm, onValueSubmit, onValueDelete, onDeleteMultipleValues }: IFormElementProps<{}> & {
+import { GetRecordColumnsValuesRecord } from '../../../../../_queries/records/getRecordColumnsValues';
+declare function Container({ element, antdForm, formIdToLoad, readonly, pendingValues, onValueSubmit, onValueDelete, onCustomEvent, onDeleteMultipleValues, record, valuesMappedByAttributeId, elementsByContainer }: IFormElementProps<{}> & {
     antdForm?: FormInstance;
+    valuesMappedByAttributeId?: GetRecordColumnsValuesRecord;
 }): JSX.Element;
 export default Container;

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

@@ -3,11 +3,10 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { Col, Row } from 'antd';
-import { useRecordEditionContext } from '../../hooks/useRecordEditionContext';
-function Container({ element, antdForm, onValueSubmit, onValueDelete, onDeleteMultipleValues }) {
-    const { elements: formElements } = useRecordEditionContext();
-    const children = formElements[element.id] ?? [];
-    return (_jsx(_Fragment, { children: children.map(el => (_jsx(Row, { "data-testid": "container-child-element", children: _jsx(Col, { span: 24, children: el.uiElement && (_jsx(el.uiElement, { element: el, antdForm: antdForm, onValueSubmit: onValueSubmit, onValueDelete: onValueDelete, onDeleteMultipleValues: onDeleteMultipleValues })) }) }, el.id))) }));
+function Container({ element, antdForm, formIdToLoad, readonly, pendingValues, onValueSubmit, onValueDelete, onCustomEvent, onDeleteMultipleValues, record, valuesMappedByAttributeId, elementsByContainer }) {
+    const children = elementsByContainer?.[element.id] ?? [];
+    const isAlone = children.length < 2;
+    return (_jsx(_Fragment, { children: children.map(el => (_jsx(Row, { "data-testid": "container-child-element", style: isAlone && { height: '100%' }, children: _jsx(Col, { span: 24, children: el.uiElement && (_jsx(el.uiElement, { element: el, valuesMappedByAttributeId: valuesMappedByAttributeId, readonly: readonly, antdForm: antdForm, pendingValues: pendingValues, formIdToLoad: formIdToLoad, onValueSubmit: onValueSubmit, onValueDelete: onValueDelete, onCustomEvent: onCustomEvent, onDeleteMultipleValues: onDeleteMultipleValues, record: record, elementsByContainer: elementsByContainer })) }) }, el.id))) }));
 }
 export default Container;
 //# sourceMappingURL=Container.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/Container/Container.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAgB,GAAG,EAAC,MAAM,MAAM,CAAC;AAC5C,OAAO,EAAC,uBAAuB,EAAC,MAAM,qCAAqC,CAAC;AAG5E,SAAS,SAAS,CAAC,EACf,OAAO,EACP,QAAQ,EACR,aAAa,EACb,aAAa,EACb,sBAAsB,EAC0B;IAChD,MAAM,EAAC,QAAQ,EAAE,YAAY,EAAC,GAAG,uBAAuB,EAAE,CAAC;IAC3D,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;IAEhD,OAAO,CACH,4BACK,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAChB,KAAC,GAAG,mBAAa,yBAAyB,YACtC,KAAC,GAAG,IAAC,IAAI,EAAE,EAAE,YACR,EAAE,CAAC,SAAS,IAAI,CACb,KAAC,EAAE,CAAC,SAAS,IACT,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE,sBAAsB,GAChD,CACL,GACC,IAXsC,EAAE,CAAC,EAAE,CAY/C,CACT,CAAC,GACH,CACN,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/Container/Container.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAgB,GAAG,EAAC,MAAM,MAAM,CAAC;AAI5C,SAAS,SAAS,CAAC,EACf,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,MAAM,EACN,yBAAyB,EACzB,mBAAmB,EAItB;IACG,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;IAEzD,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAEpC,OAAO,CACH,4BACK,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAChB,KAAC,GAAG,mBAAa,yBAAyB,EAAa,KAAK,EAAE,OAAO,IAAI,EAAC,MAAM,EAAE,MAAM,EAAC,YACrF,KAAC,GAAG,IAAC,IAAI,EAAE,EAAE,YACR,EAAE,CAAC,SAAS,IAAI,CACb,KAAC,EAAE,CAAC,SAAS,IACT,OAAO,EAAE,EAAE,EACX,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE,sBAAsB,EAC9C,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,GACC,IAlBsC,EAAE,CAAC,EAAE,CAmB/C,CACT,CAAC,GACH,CACN,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}

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

@@ -9,6 +9,9 @@ import { themeVars } from '../../../../../antdTheme';
 import { useLang } from '../../../../../hooks';
 import { FormElementTypes } from '../../../../../_gqlTypes';
 import { formComponents } from '..';
+import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
+import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
+import { useEffect, useState } from 'react';
 const StyledTabs = styled(Tabs) `
     && {
         padding: 1rem;
@@ -16,11 +19,14 @@ const StyledTabs = styled(Tabs) `
         margin: 1rem 0;
         border-radius: 3px;
         overflow: visible;
+        height: 100%;
     }
 `;
 function FormTabs({ element, ...elementProps }) {
     const { lang } = useLang();
     const tabPosition = element.settings.direction === TabsDirection.VERTICAL ? 'left' : 'top';
+    const [tabIndex, setTabIndex] = useState(null);
+    const { state, dispatch } = useEditRecordReducer();
     const tabItems = element.settings.tabs.map(tab => {
         const tabContainer = {
             id: `${element.id}/${tab.id}`,
@@ -39,7 +45,26 @@ function FormTabs({ element, ...elementProps }) {
             children: _jsx(tabContainer.uiElement, { ...elementProps, element: tabContainer })
         };
     });
-    return _jsx(StyledTabs, { tabPosition: tabPosition, "data-testid": "form-tabs", items: tabItems });
+    useEffect(() => {
+        if (state.tabActiveIndex) {
+            setTabIndex(state.tabActiveIndex);
+        }
+    }, [state.tabActiveIndex]);
+    const onTabClick = (key) => {
+        // update tabActiveIndex editRecordReducerContext
+        // used to put back automatically the current tab when loader display is done -> FormTabs is rerendered
+        dispatch({
+            type: EditRecordReducerActionsTypes.UPDATE_TAB_ACTIVE_INDEX,
+            tabActiveIndex: key
+        });
+        // propagate the event onTabClick to parent
+        elementProps.onCustomEvent?.({
+            eventName: 'onTabClick',
+            tabIdClicked: key,
+            element
+        });
+    };
+    return (_jsx(StyledTabs, { activeKey: tabIndex || (tabItems.length > 0 ? tabItems[0].key : undefined), tabPosition: tabPosition, "data-testid": "form-tabs", items: tabItems, onTabClick: onTabClick }));
 }
 export default FormTabs;
 //# sourceMappingURL=FormTabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormTabs.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/FormTabs/FormTabs.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,kBAAkB,EAAmB,oBAAoB,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AACpG,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,cAAc,EAAC,MAAM,IAAI,CAAC;AAGlC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;4BAGH,SAAS,CAAC,gBAAgB;;;;;CAKrD,CAAC;AAEF,SAAS,QAAQ,CAAC,EAAC,OAAO,EAAE,GAAG,YAAY,EAAuC;IAC9E,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,SAAS,KAAK,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3F,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QAC7C,MAAM,YAAY,GAAoB;YAClC,EAAE,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE;YAC7B,WAAW,EAAE,OAAO,CAAC,EAAE;YACvB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,IAAI;YACf,IAAI,EAAE,gBAAgB,CAAC,MAAM;YAC7B,SAAS,EAAE,cAAc,CAAC,kBAAkB,CAAC,gBAAgB,CAAC;YAC9D,aAAa,EAAE,kBAAkB,CAAC,gBAAgB;YAClD,UAAU,EAAE,IAAI;YAChB,MAAM,EAAE,IAAI;SACf,CAAC;QAEF,OAAO;YACH,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC;YAC5C,GAAG,EAAE,GAAG,CAAC,EAAE;YACX,QAAQ,EAAE,KAAC,YAAY,CAAC,SAAS,OAAK,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI;SAChF,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,KAAC,UAAU,IAAC,WAAW,EAAE,WAAW,iBAAc,WAAW,EAAC,KAAK,EAAE,QAAQ,GAAI,CAAC;AAC7F,CAAC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"FormTabs.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/FormTabs/FormTabs.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import { IFormFrameSettings } from '@leav/utils';
+import { IFormElementProps } from '../../_types';
+declare function Frame({ element, onValueSubmit, record }: IFormElementProps<IFormFrameSettings>): JSX.Element;
+export default Frame;

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+const Wrapper = styled.iframe `
+    width: 100%;
+    height: ${props => props.height || '100%'};
+    min-height: ${props => props.height || '500px'};
+    border: none;
+`;
+function Frame({ element, onValueSubmit, record }) {
+    const iFrameRef = useRef(null);
+    const [iframeLoaded, setIframeLoaded] = useState(false);
+    useEffect(() => {
+        const iframe = iFrameRef.current;
+        if (iframe) {
+            const handleLoad = () => {
+                setIframeLoaded(true);
+            };
+            iframe.addEventListener('load', handleLoad);
+            return () => {
+                iframe.removeEventListener('load', handleLoad);
+            };
+        }
+    }, [iFrameRef]);
+    useEffect(() => {
+        const handler = event => {
+            switch (event.data.type) {
+                case 'submitValue':
+                    onValueSubmit(event.data.values, event.data.version);
+                    break;
+                default:
+                    //console.log('unknown message type');
+                    break;
+            }
+        };
+        window.addEventListener('message', handler);
+        // clean up
+        return () => window.removeEventListener('message', handler);
+    }, []);
+    useEffect(() => {
+        const iframe = iFrameRef.current;
+        if (iframe && iframeLoaded) {
+            iframe.contentWindow?.postMessage({
+                currentRecord: record
+            }, element.settings.url);
+        }
+    }, [record, iframeLoaded]);
+    return _jsx(Wrapper, { ref: iFrameRef, height: element.settings.height, src: element.settings.url });
+}
+export default Frame;
+//# sourceMappingURL=Frame.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/Frame/Frame.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;;cAEf,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM;kBAC3B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,OAAO;;CAEjD,CAAC;AAEF,SAAS,KAAK,CAAC,EAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAwC;IAClF,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,UAAU,GAAG,GAAG,EAAE;gBACpB,eAAe,CAAC,IAAI,CAAC,CAAC;YAC1B,CAAC,CAAC;YAEF,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;YAE5C,OAAO,GAAG,EAAE;gBACR,MAAM,CAAC,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;YACnD,CAAC,CAAC;QACN,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;YACpB,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACtB,KAAK,aAAa;oBACd,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBACrD,MAAM;gBACV;oBACI,sCAAsC;oBACtC,MAAM;YACd,CAAC;QACL,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAE5C,WAAW;QACX,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,IAAI,YAAY,EAAE,CAAC;YACzB,MAAM,CAAC,aAAa,EAAE,WAAW,CAC7B;gBACI,aAAa,EAAE,MAAM;aACxB,EACD,OAAO,CAAC,QAAQ,CAAC,GAAG,CACvB,CAAC;QACN,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3B,OAAO,KAAC,OAAO,IAAC,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAY,CAAC;AAC3G,CAAC;AAED,eAAe,KAAK,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/Frame/index.d.ts

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/{LinkField/ValuesAdd → Frame}/index.js

@@ -1,6 +1,6 @@
 // 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 ValuesAdd from './ValuesAdd';
-export default ValuesAdd;
+import Frame from './Frame';
+export default Frame;
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/Frame/index.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,eAAe,KAAK,CAAC"}

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

@@ -1,8 +1,14 @@
-import { ICommonFieldsSettings } from '@leav/utils';
 import { FunctionComponent } from 'react';
 import { RecordFormElementsValueLinkValue } from '../../../../../hooks/useGetRecordForm/useGetRecordForm';
 import { ILinkFieldState } from '../../reducers/linkFieldReducer/linkFieldReducer';
 import { IFormElementProps } from '../../_types';
+import { IFormLinkFieldSettings } from '@leav/utils/src/types/forms';
 export type LinkFieldReducerState = ILinkFieldState<RecordFormElementsValueLinkValue>;
-declare const LinkField: FunctionComponent<IFormElementProps<ICommonFieldsSettings>>;
+type LinkFieldProps = IFormElementProps<IFormLinkFieldSettings & {
+    columns?: Array<{
+        id: string;
+        label: Record<string, string>;
+    }>;
+}>;
+declare const LinkField: FunctionComponent<LinkFieldProps>;
 export default LinkField;