@leav/ui 0.4.0 → 1.0.0-e073ed8e

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

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

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

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

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/FormDivider/index.d.ts

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

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { IFormTabsSettings } from '@leav/utils';
+import { IFormElementProps } from '../../_types';
+declare const FormTabs: FunctionComponent<IFormElementProps<IFormTabsSettings>>;
+export default FormTabs;

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

@@ -1,7 +1,4 @@
 import { jsx as _jsx } 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 { FormUIElementTypes, localizedTranslation, TabsDirection } from '@leav/utils';
 import { Tabs } from 'antd';
 import styled from 'styled-components';
@@ -23,12 +20,12 @@ const StyledTabs = styled(Tabs) `
         height: 100%;
     }
 `;
-function FormTabs({ element, ...elementProps }) {
+const FormTabs = ({ element, ...elementProps }) => {
     const { lang } = useLang();
     const tabPosition = element.settings.direction === TabsDirection.VERTICAL ? 'left' : 'top';
-    const tabItems = element.settings.tabs.map(tab => {
+    const tabItems = element.settings.tabs.map(({ id, label }) => {
         const tabContainer = {
-            id: `${element.id}/${tab.id}`,
+            id: `${element.id}/${id}`,
             containerId: element.id,
             settings: {},
             attribute: null,
@@ -39,12 +36,12 @@ function FormTabs({ element, ...elementProps }) {
             values: null
         };
         return {
-            label: localizedTranslation(tab.label, lang),
-            key: tab.id,
+            label: localizedTranslation(label, lang),
+            key: id,
             children: _jsx(tabContainer.uiElement, { ...elementProps, element: tabContainer })
         };
     });
     return _jsx(StyledTabs, { tabPosition: tabPosition, "data-testid": "form-tabs", items: tabItems });
-}
+};
 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":";AAIA,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,MAAM,QAAQ,GAA4D,CAAC,EAAC,OAAO,EAAE,GAAG,YAAY,EAAC,EAAE,EAAE;IACrG,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,CAAC,EAAC,EAAE,EAAE,KAAK,EAAC,EAAE,EAAE;QACvD,MAAM,YAAY,GAAoB;YAClC,EAAE,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE;YACzB,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,KAAK,EAAE,IAAI,CAAC;YACxC,GAAG,EAAE,EAAE;YACP,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,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

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

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 }: IFormElementProps<IFormFrameSettings>): JSX.Element;
 export default Frame;

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

@@ -1,25 +1,53 @@
 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 }) {
+    const { record } = useRecordEditionContext();
+    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;AAEvC,OAAO,EAAC,uBAAuB,EAAC,MAAM,qCAAqC,CAAC;AAE5E,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,EAAwC;IAC1E,MAAM,EAAC,MAAM,EAAC,GAAG,uBAAuB,EAAE,CAAC;IAC3C,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

@@ -0,0 +1,14 @@
+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>;
+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,87 @@
-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 { 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(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,
+        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/index.d.ts

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

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 {};

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

@@ -0,0 +1,85 @@
+import { APICallStatus } from '../../../_types';
+import { AntForm } from 'aristid-ds';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { ErrorTypes } from '@leav/utils';
+export const useExplorerLinkRecords = ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }) => {
+    const { t } = useSharedTranslation();
+    const form = AntForm.useFormInstance();
+    const removeValues = (filterFn, useIdValue = false) => {
+        if (!filterFn) {
+            form.setFieldValue(attribute.id, []);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: attribute.required ? [t('errors.standard_field_required')] : []
+                }
+            ]);
+            setBackendValues([]);
+            return;
+        }
+        const newBackendValues = backendValues.filter(backendValue => filterFn(useIdValue ? backendValue.id_value : backendValue.linkValue.id));
+        form.setFieldValue(attribute.id, newBackendValues.map(({ linkValue }) => linkValue.id));
+        form.setFields([
+            {
+                name: attribute.id,
+                errors: attribute.required && newBackendValues.length === 0 ? [t('errors.standard_field_required')] : []
+            }
+        ]);
+        setBackendValues(previousBackendValues => previousBackendValues.filter(backendValue => filterFn(useIdValue ? backendValue.id_value : backendValue.linkValue.id)));
+    };
+    const handleDeleteAllValues = async () => {
+        const deleteRes = await onDeleteMultipleValues(attribute.id, backendValues.filter(backendValue => backendValue.id_value), null);
+        if (deleteRes.status === APICallStatus.SUCCESS) {
+            removeValues();
+        }
+    };
+    const handleExplorerRemoveValue = (item) => {
+        removeValues(id => id !== item.itemId);
+    };
+    const handleExplorerMassDeactivateValues = (_massSelectedFilter, massSelection) => {
+        removeValues(idValue => !massSelection.includes(idValue), true);
+    };
+    const handleExplorerLinkValue = (saveValuesResult) => {
+        if (saveValuesResult.status === APICallStatus.SUCCESS) {
+            const saveLinkValues = saveValuesResult.values;
+            form.setFieldValue(attribute.id, [
+                ...backendValues.map(({ linkValue }) => linkValue.id),
+                ...saveLinkValues.map(({ linkValue }) => linkValue.id)
+            ]);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: []
+                }
+            ]);
+            setBackendValues(previousBackendValues => [...previousBackendValues, ...saveLinkValues]);
+        }
+        if (saveValuesResult.status === APICallStatus.ERROR && saveValuesResult.errors) {
+            const attributeError = saveValuesResult.errors.filter(err => err.attribute === attribute.id)?.[0];
+            if (attributeError) {
+                const errorMessage = attributeError.type === ErrorTypes.VALIDATION_ERROR
+                    ? attributeError.message
+                    : t(`errors.${attributeError.type}`);
+                form.setFields([
+                    {
+                        name: attribute.id,
+                        errors: [errorMessage]
+                    }
+                ]);
+            }
+        }
+    };
+    const handleExplorerCreateValue = ({ recordIdCreated, saveValuesResultOnLink }) => {
+        if (saveValuesResultOnLink) {
+            handleExplorerLinkValue(saveValuesResultOnLink);
+        }
+    };
+    return {
+        handleDeleteAllValues,
+        handleExplorerRemoveValue,
+        handleExplorerMassDeactivateValues,
+        handleExplorerLinkValue,
+        handleExplorerCreateValue
+    };
+};
+//# sourceMappingURL=useExplorerLinkRecords.js.map

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

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

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

@@ -0,0 +1,24 @@
+import { Explorer } from '../../../../../../components/Explorer';
+import { ComponentProps, Dispatch, SetStateAction } from 'react';
+import { DeleteMultipleValuesFunc } from '../../../_types';
+import { JoinLibraryContextFragment, RecordFormAttributeLinkAttributeFragment } from '../../../../../../_gqlTypes';
+import { RecordFormElementsValueLinkValue } from '../../../../../../hooks/useGetRecordForm';
+interface ILinkRecords {
+    libraryId: string;
+    recordId: string;
+    isFormCreationMode: boolean;
+    attribute: RecordFormAttributeLinkAttributeFragment;
+    joinLibraryContext: JoinLibraryContextFragment;
+    columnsToDisplay: ComponentProps<typeof Explorer>['defaultViewSettings']['attributesIds'];
+    backendValues: RecordFormElementsValueLinkValue[];
+    setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;
+    isReadOnly: boolean;
+    isFieldInError: boolean;
+    hasNoValue: boolean;
+    onDeleteMultipleValues: DeleteMultipleValuesFunc;
+}
+export declare const useLinkRecords: ({ libraryId, recordId, isFormCreationMode, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, isReadOnly, isFieldInError, hasNoValue, onDeleteMultipleValues }: ILinkRecords) => {
+    UnlinkAllRecords: JSX.Element;
+    LinkRecordsExplorer: JSX.Element;
+};
+export {};