@leav/ui 0.4.0-c5a6936 → 0.4.0-c689c2a2

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/uiElements/Container/Container.d.ts

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

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

@@ -3,12 +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, computedValues, antdForm, readonly, onValueSubmit, onValueDelete, onDeleteMultipleValues }) {
-    const { elements: formElements } = useRecordEditionContext();
-    const children = formElements[element.id] ?? [];
+function Container({ element, antdForm, readonly, onValueSubmit, onValueDelete, onCustomEvent, onDeleteMultipleValues, record, isFormCreationMode, 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, computedValues: computedValues, readonly: readonly, antdForm: antdForm, onValueSubmit: onValueSubmit, onValueDelete: onValueDelete, onDeleteMultipleValues: onDeleteMultipleValues })) }) }, el.id))) }));
+    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, onValueSubmit: onValueSubmit, onValueDelete: onValueDelete, onCustomEvent: onCustomEvent, onDeleteMultipleValues: onDeleteMultipleValues, record: record, isFormCreationMode: isFormCreationMode, 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;AAI5E,SAAS,SAAS,CAAC,EACf,OAAO,EACP,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,sBAAsB,EACwE;IAC9F,MAAM,EAAC,QAAQ,EAAE,YAAY,EAAC,GAAG,uBAAuB,EAAE,CAAC;IAC3D,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;IAEhD,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,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE,sBAAsB,GAChD,CACL,GACC,IAbsC,EAAE,CAAC,EAAE,CAc/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,QAAQ,EACR,aAAa,EACb,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,MAAM,EACN,kBAAkB,EAClB,yBAAyB,EACzB,mBAAmB,EAKtB;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,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE,sBAAsB,EAC9C,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,GACC,IAjBsC,EAAE,CAAC,EAAE,CAkB/C,CACT,CAAC,GACH,CACN,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormDivider.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/FormDivider/FormDivider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,OAAO,EAAC,MAAM,MAAM,CAAC;AAI7B,SAAS,WAAW,CAAC,EAAC,OAAO,EAA0C;IACnE,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC;IAC7C,OAAO,KAAC,OAAO,cAAE,KAAK,GAAW,CAAC;AACtC,CAAC;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FormDivider.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/FormDivider/FormDivider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,OAAO,EAAC,MAAM,MAAM,CAAC;AAG7B,SAAS,WAAW,CAAC,EAAC,OAAO,EAA0C;IACnE,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC;IAC7C,OAAO,KAAC,OAAO,cAAE,KAAK,GAAW,CAAC;AACtC,CAAC;AAED,eAAe,WAAW,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;
@@ -18,14 +21,12 @@ const StyledTabs = styled(Tabs) `
         overflow: visible;
         height: 100%;
     }
-    .ant-tabs-content,
-    .ant-tabs-tabpane {
-        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}`,
@@ -44,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,EAAqB,oBAAoB,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AACvG,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;;;;;;;;;;CAUrD,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

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

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

@@ -1,25 +1,51 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
-import { useRecordEditionContext } from '../../hooks/useRecordEditionContext';
-function Frame({ element }) {
-    const { readOnly: isRecordReadOnly, record } = useRecordEditionContext();
+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 => {
-            // eslint-disable-next-line
-            console.log('event', 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);
     }, []);
-    const Wrapper = styled.iframe `
-        width: 100%;
-        height: ${element.settings.height || '100%'};
-        min-height: ${element.settings.height || '500px'};
-        border: none;
-    `;
-    return _jsx(Wrapper, { src: element.settings.url });
+    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

@@ -1 +1 @@
-{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/Frame/Frame.tsx"],"names":[],"mappings":";AAKA,OAAc,EAAC,SAAS,EAAS,MAAM,OAAO,CAAC;AAC/C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,uBAAuB,EAAC,MAAM,qCAAqC,CAAC;AAE5E,SAAS,KAAK,CAAC,EAAC,OAAO,EAAwC;IAC3D,MAAM,EAAC,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAC,GAAG,uBAAuB,EAAE,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;YACpB,2BAA2B;YAC3B,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChC,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;IAEP,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;;kBAEf,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,MAAM;sBAC7B,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,OAAO;;KAEnD,CAAC;IAEF,OAAO,KAAC,OAAO,IAAC,GAAG,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAY,CAAC;AAC1D,CAAC;AAED,eAAe,KAAK,CAAC"}
+{"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/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;

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

@@ -1,103 +1,90 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { localizedTranslation } from '@leav/utils';
-import { useContext, useEffect, useReducer } from 'react';
-import CreationErrorContext from '../../../../../components/RecordEdition/EditRecord/creationErrorContext';
+import { useEffect, useState } from 'react';
 import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-import { arrayValueVersionToObject } from '../../../../../_utils';
-import getActiveFieldValues from '../../helpers/getActiveFieldValues';
-import { useRecordEditionContext } from '../../hooks/useRecordEditionContext';
-import linkFieldReducer from '../../reducers/linkFieldReducer';
-import { computeInitialState, LinkFieldReducerActionsType } from '../../reducers/linkFieldReducer/linkFieldReducer';
-import { APICallStatus } from '../../_types';
-import { MonoValueSelect } from '../../../../../components/RecordEdition/EditRecordContent/uiElements/LinkField/MonoValueSelect/MonoValueSelect';
-import { AntForm } from 'aristid-ds';
-import { MultiValueSelect } from './MultiValueSelect/MultiValueSelect';
+import { AntForm, KitInputWrapper } from 'aristid-ds';
 import { useLang } from '../../../../../hooks';
-const LinkField = ({ element, onValueSubmit, onValueDelete }) => {
-    const { t } = useSharedTranslation();
-    const { lang } = useLang();
-    const { readOnly: isRecordReadOnly, record } = useRecordEditionContext();
-    const { state: editRecordState } = useEditRecordReducer();
-    const creationErrors = useContext(CreationErrorContext);
-    const [state, dispatch] = useReducer(linkFieldReducer, computeInitialState({
-        element,
-        formVersion: editRecordState.valuesVersion,
-        isRecordReadOnly,
-        record
-    }));
-    const attribute = state.attribute;
-    const activeValues = getActiveFieldValues(state);
-    const activeVersion = state.values[state.activeScope].version;
-    useEffect(() => {
-        if (creationErrors[attribute.id]) {
-            dispatch({
-                type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
-                errorMessage: creationErrors[attribute.id].map(err => err.message).join(' ')
-            });
-        }
-    }, [creationErrors, attribute.id]);
-    const _handleDeleteValue = async (value) => {
-        const deleteRes = await onValueDelete({ payload: value.linkValue.id, id_value: value.id_value }, attribute.id);
-        if (deleteRes.status === APICallStatus.SUCCESS) {
-            dispatch({
-                type: LinkFieldReducerActionsType.DELETE_VALUE,
-                idValue: value.id_value
-            });
-        }
-    };
-    const _handleUpdateValueSubmit = async (values) => {
-        const valuesToSave = values.map(value => ({
-            attribute,
-            idValue: value.idValue,
-            value: value.value
-        }));
-        const res = await onValueSubmit(valuesToSave, activeVersion);
-        if (res.status === APICallStatus.ERROR) {
-            dispatch({
-                type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
-                errorMessage: res.error
-            });
+import styled from 'styled-components';
+import { LINK_FIELD_ID_PREFIX } from '../../../../../constants';
+import { computeCalculatedFlags, computeInheritedFlags } from '../shared/calculatedInheritedFlags';
+import { ComputeIndicator } from '../shared/ComputeIndicator';
+import { useOutsideInteractionDetector } from '../shared/useOutsideInteractionDetector';
+import { useLinkRecords } from './link-record/useLinkRecords';
+import { CREATE_RECORD_MODAL_CLASSNAME, EDIT_RECORD_MODAL_CLASSNAME, LINK_RECORDS_MODAL_CLASSNAME } from '../../../../../components/Explorer/_constants';
+const Wrapper = styled.div `
+    margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};
+`;
+const KitInputExtraAlignLeft = styled.div `
+    margin-right: auto;
+    line-height: 12px;
+`;
+const KitInputWrapperStyled = styled(KitInputWrapper) `
+    &.disabled {
+        .kit-input-wrapper-content {
+            background-color: var(--general-utilities-neutral-light);
         }
-        else if (res.values) {
-            const formattedValues = res.values.map(v => ({
-                ...v,
-                version: arrayValueVersionToObject(v.version),
-                metadata: v.metadata?.map(metadata => ({
-                    ...metadata,
-                    value: {
-                        ...metadata.value,
-                        version: arrayValueVersionToObject(metadata.value?.version ?? [])
-                    }
-                }))
-            }));
-            dispatch({
-                type: LinkFieldReducerActionsType.ADD_VALUES,
-                values: formattedValues
-            });
+    }
+
+    &.error:not(.disabled) {
+        .kit-input-wrapper-content {
+            background-color: var(--general-utilities-error-light);
         }
-        if (res?.errors?.length) {
-            const selectedRecordsById = values.reduce((acc, cur) => ({ ...acc, [cur.value.id]: cur.value }), {});
-            const errorsMessage = res.errors.map(err => {
-                const linkedRecordLabel = selectedRecordsById[err.input].label || selectedRecordsById[err.input].id;
-                return `${linkedRecordLabel}: ${err.message}`;
-            });
-            dispatch({
-                type: LinkFieldReducerActionsType.SET_ERROR_MESSAGE,
-                errorMessage: errorsMessage
-            });
-        }
-    };
-    const label = localizedTranslation(state.formElement.settings.label, lang);
-    return (_jsx(AntForm.Item, { name: attribute.id, rules: [
-            {
-                required: state.formElement.attribute.required,
-                message: t('errors.standard_field_required')
-            }
-        ], children: attribute.multiple_values === true ? (_jsx(MultiValueSelect, { activeValues: activeValues, attribute: attribute, label: label, required: state.formElement.attribute.required, onValueDeselect: _handleDeleteValue, onSelectChange: _handleUpdateValueSubmit })) : (_jsx(MonoValueSelect, { activeValue: activeValues[0], attribute: attribute, label: label, required: state.formElement.attribute.required, onSelectClear: _handleDeleteValue, onSelectChange: _handleUpdateValueSubmit })) }));
+    }
+
+    .ant-empty-image,
+    .ant-empty-description {
+        display: none;
+    }
+`;
+const LinkField = ({ element, readonly, isFormCreationMode, onDeleteMultipleValues, metadataEdit = false }) => {
+    const { state, dispatch } = useEditRecordReducer();
+    const { lang } = useLang();
+    const { settings, attribute, joinLibraryContext } = element;
+    const [backendValues, setBackendValues] = useState([]);
+    useEffect(() => {
+        setBackendValues(element.values);
+    }, [element.values]);
+    const calculatedFlags = computeCalculatedFlags(backendValues);
+    const inheritedFlags = computeInheritedFlags(backendValues);
+    const form = AntForm.useFormInstance();
+    const label = localizedTranslation(settings.label, lang);
+    const fieldErrors = form.getFieldError(attribute.id);
+    const columnsToDisplay = settings.columns?.map(({ id }) => id);
+    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly;
+    const isFieldInError = fieldErrors.length > 0;
+    useOutsideInteractionDetector({
+        attribute,
+        activeAttribute: state.activeAttribute,
+        attributePrefix: LINK_FIELD_ID_PREFIX,
+        dispatch,
+        elementValues: backendValues,
+        allowedSelectors: [
+            'div[role="status"]:has(.kit-snackbar-message)',
+            '.kit-modal-wrapper',
+            `.${CREATE_RECORD_MODAL_CLASSNAME}`,
+            `.${LINK_RECORDS_MODAL_CLASSNAME}`,
+            `.${EDIT_RECORD_MODAL_CLASSNAME}`,
+            '.kit-select-dropdown-content'
+        ]
+    });
+    const { UnlinkAllRecords, LinkRecordsExplorer } = useLinkRecords({
+        libraryId: state.libraryId,
+        recordId: state.record?.id,
+        isFormCreationMode,
+        attribute,
+        joinLibraryContext,
+        columnsToDisplay,
+        backendValues,
+        setBackendValues,
+        isReadOnly,
+        isFieldInError,
+        hasNoValue: backendValues.length === 0,
+        onDeleteMultipleValues
+    });
+    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsx(AntForm.Item, { name: attribute.id, noStyle: true, children: _jsx(KitInputWrapperStyled, { id: LINK_FIELD_ID_PREFIX + attribute.id, "data-testid": "link-field", label: label, required: attribute.required, bordered: true, disabled: isReadOnly, status: isFieldInError ? 'error' : undefined, helper: isFieldInError ? String(fieldErrors[0]) : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), UnlinkAllRecords] }), children: LinkRecordsExplorer }) }) }));
 };
 export default LinkField;
 //# sourceMappingURL=LinkField.js.map

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

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/ActionButton.d.ts

@@ -0,0 +1,3 @@
+export declare const ActionButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("aristid-ds/dist/Kit/General/Button/types").IKitButton & import("react").RefAttributes<HTMLElement>, {
+    $hasNoValue: boolean;
+}>> & import("aristid-ds/dist/Kit/General/Button/types").KitButtonCompoundedComponent;

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/ActionButton.js

@@ -0,0 +1,9 @@
+// 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 { KitButton } from 'aristid-ds';
+import styled from 'styled-components';
+export const ActionButton = styled(KitButton) `
+    margin-top: ${props => (props.$hasNoValue ? 0 : 'calc((var(--general-spacing-xs)) * 1px)')};
+`;
+//# sourceMappingURL=ActionButton.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/ActionButton.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAwB;kBACnD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC;CAC7F,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/useExplorerLinkRecords.d.ts

@@ -0,0 +1,22 @@
+import { RecordFilterInput, RecordFormAttributeLinkAttributeFragment } from '../../../../../../_gqlTypes';
+import { DeleteMultipleValuesFunc, ISubmitMultipleResult } from '../../../_types';
+import { Dispatch, SetStateAction } from 'react';
+import { IItemData, MassSelection } from '../../../../../../components/Explorer/_types';
+import { RecordFormElementsValueLinkValue } from '../../../../../../hooks/useGetRecordForm';
+interface IUseExplorerLinkRecordsProps {
+    attribute: RecordFormAttributeLinkAttributeFragment;
+    backendValues: RecordFormElementsValueLinkValue[];
+    setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;
+    onDeleteMultipleValues: DeleteMultipleValuesFunc;
+}
+export declare const useExplorerLinkRecords: ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }: IUseExplorerLinkRecordsProps) => {
+    handleDeleteAllValues: () => Promise<void>;
+    handleExplorerRemoveValue: (item: IItemData) => void;
+    handleExplorerMassDeactivateValues: (_massSelectedFilter: RecordFilterInput[], massSelection: MassSelection) => void;
+    handleExplorerLinkValue: (saveValuesResult: ISubmitMultipleResult) => void;
+    handleExplorerCreateValue: ({ recordIdCreated, saveValuesResultOnLink }: {
+        recordIdCreated: string;
+        saveValuesResultOnLink?: ISubmitMultipleResult;
+    }) => void;
+};
+export {};