@leav/ui 0.4.0-8a31349 → 0.4.0-8a9f5492

package/dist/components/RecordEdition/EditRecordContent/hooks/useCreateEmptyRecordMutation.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 { useCreateEmptyRecordMutation } from '../../../../_gqlTypes';
+import { APICallStatus } from '../_types';
+export default function useExecuteCreateEmptyRecordMutation() {
+    const [executeCreateEmptyRecord] = useCreateEmptyRecordMutation();
+    return {
+        createEmptyRecord: async (libraryId) => {
+            const creationResult = await executeCreateEmptyRecord({
+                variables: { library: libraryId }
+            });
+            if (creationResult.data.createEmptyRecord.valuesErrors?.length > 0) {
+                return {
+                    status: APICallStatus.ERROR,
+                    errors: creationResult.data.createEmptyRecord.valuesErrors
+                };
+            }
+            else {
+                return {
+                    status: APICallStatus.SUCCESS,
+                    record: creationResult.data.createEmptyRecord.record.whoAmI
+                };
+            }
+        }
+    };
+}
+//# sourceMappingURL=useCreateEmptyRecordMutation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateEmptyRecordMutation.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordContent/hooks/useCreateEmptyRecordMutation.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAwB,MAAM,WAAW,CAAC;AAM/D,MAAM,CAAC,OAAO,UAAU,mCAAmC;IACvD,MAAM,CAAC,wBAAwB,CAAC,GAAG,4BAA4B,EAAE,CAAC;IAElE,OAAO;QACH,iBAAiB,EAAE,KAAK,EAAC,SAAS,EAAC,EAAE;YACjC,MAAM,cAAc,GAAG,MAAM,wBAAwB,CAAC;gBAClD,SAAS,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC;aAClC,CAAC,CAAC;YACH,IAAI,cAAc,CAAC,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;gBACjE,OAAO;oBACH,MAAM,EAAE,aAAa,CAAC,KAAK;oBAC3B,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,iBAAiB,CAAC,YAAY;iBAC7D,CAAC;YACN,CAAC;iBAAM,CAAC;gBACJ,OAAO;oBACH,MAAM,EAAE,aAAa,CAAC,OAAO;oBAC7B,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM;iBAC9D,CAAC;YACN,CAAC;QACL,CAAC;KACJ,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,11 @@
+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
+ * @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,35 @@
+// 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
+ * @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);
+        }
+    }, [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;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAA6B,EAAE,EAAE;IAC9D,8CAA8C;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEhF,+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;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,7 +1,7 @@
 import { FormInstance } from 'antd';
 import { IFormElementProps } from '../../_types';
 import { GetRecordColumnsValuesRecord } from '../../../../../_queries/records/getRecordColumnsValues';
-declare function Container({ element, computedValues, antdForm, formIdToLoad, readonly, pendingValues, onValueSubmit, onValueDelete, onDeleteMultipleValues }: IFormElementProps<{}> & {
+declare function Container({ element, isFormCreationMode, computedValues, antdForm, readonly, onValueSubmit, onValueDelete, onDeleteMultipleValues }: IFormElementProps<{}> & {
     antdForm?: FormInstance;
     computedValues: GetRecordColumnsValuesRecord;
 }): JSX.Element;

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

@@ -4,11 +4,11 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // 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, formIdToLoad, readonly, pendingValues, onValueSubmit, onValueDelete, onDeleteMultipleValues }) {
+function Container({ element, isFormCreationMode, computedValues, antdForm, readonly, onValueSubmit, onValueDelete, onDeleteMultipleValues }) {
     const { elements: formElements } = useRecordEditionContext();
     const children = formElements[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, pendingValues: pendingValues, formIdToLoad: formIdToLoad, 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, computedValues: computedValues, readonly: readonly, antdForm: antdForm, onValueSubmit: onValueSubmit, onValueDelete: onValueDelete, onDeleteMultipleValues: onDeleteMultipleValues, isFormCreationMode: isFormCreationMode })) }) }, 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,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,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;IAChD,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,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE,sBAAsB,GAChD,CACL,GACC,IAfsC,EAAE,CAAC,EAAE,CAgB/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;AAC5C,OAAO,EAAC,uBAAuB,EAAC,MAAM,qCAAqC,CAAC;AAI5E,SAAS,SAAS,CAAC,EACf,OAAO,EACP,kBAAkB,EAClB,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;IAChD,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,EAC9C,kBAAkB,EAAE,kBAAkB,GACxC,CACL,GACC,IAdsC,EAAE,CAAC,EAAE,CAe/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.d.ts

@@ -1,4 +1,5 @@
+import { FunctionComponent } from 'react';
 import { IFormTabsSettings } from '@leav/utils';
 import { IFormElementProps } from '../../_types';
-declare function FormTabs({ element, ...elementProps }: IFormElementProps<IFormTabsSettings>): JSX.Element;
+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/Frame/Frame.js

@@ -9,7 +9,7 @@ const Wrapper = styled.iframe `
     border: none;
 `;
 function Frame({ element, onValueSubmit }) {
-    const { readOnly: isRecordReadOnly, record } = useRecordEditionContext();
+    const { record } = useRecordEditionContext();
     const iFrameRef = useRef(null);
     const [iframeLoaded, setIframeLoaded] = useState(false);
     useEffect(() => {

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,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,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAC,GAAG,uBAAuB,EAAE,CAAC;IACvE,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"}
+{"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

@@ -1,10 +1,10 @@
-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>;
-type LinkFieldProps = IFormElementProps<ICommonFieldsSettings & {
+type LinkFieldProps = IFormElementProps<IFormLinkFieldSettings & {
     columns?: Array<{
         id: string;
         label: Record<string, string>;

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // 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 { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
 import { AntForm, KitInputWrapper } from 'aristid-ds';
 import { useLang } from '../../../../../hooks';
@@ -12,8 +12,7 @@ import { LINK_FIELD_ID_PREFIX } from '../../../../../constants';
 import { computeCalculatedFlags, computeInheritedFlags } from '../shared/calculatedInheritedFlags';
 import { ComputeIndicator } from '../shared/ComputeIndicator';
 import { useOutsideInteractionDetector } from '../shared/useOutsideInteractionDetector';
-import { useLinkRecordsInCreation } from './link-record-in-creation/useLinkRecordsInCreation';
-import { useLinkRecordsInEdition } from './link-record-in-edition/useLinkRecordsInEdition';
+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')};
@@ -40,14 +39,10 @@ const KitInputWrapperStyled = styled(KitInputWrapper) `
         display: none;
     }
 `;
-const LinkField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMultipleValues, onValueSubmit, onValueDelete, metadataEdit = false }) => {
+const LinkField = ({ element, readonly, isFormCreationMode, onDeleteMultipleValues, metadataEdit = false }) => {
     const { state, dispatch } = useEditRecordReducer();
     const { lang } = useLang();
-    const { settings, attribute } = element;
-    const attributesPendingDefaultValues = pendingValues?.[attribute.id]
-        ? Object.values(pendingValues?.[attribute.id])
-        : [];
-    const [attributePendingValues, setAttributePendingValues] = useState(attributesPendingDefaultValues);
+    const { settings, attribute, joinLibraryContext } = element;
     const [backendValues, setBackendValues] = useState(element.values);
     const calculatedFlags = computeCalculatedFlags(backendValues);
     const inheritedFlags = computeInheritedFlags(backendValues);
@@ -55,57 +50,38 @@ const LinkField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMul
     const label = localizedTranslation(settings.label, lang);
     const fieldErrors = form.getFieldError(attribute.id);
     const columnsToDisplay = settings.columns?.map(({ id }) => id);
-    const isReadOnly = attribute.readonly || readonly;
+    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly;
     const isFieldInError = fieldErrors.length > 0;
-    useEffect(() => {
-        setAttributePendingValues(pendingValues?.[attribute.id]
-            ? Object.values(pendingValues?.[attribute.id])
-            : []);
-    }, [pendingValues, attribute.id]);
     useOutsideInteractionDetector({
         attribute,
         activeAttribute: state.activeAttribute,
         attributePrefix: LINK_FIELD_ID_PREFIX,
         dispatch,
-        formIdToLoad,
         backendValues,
-        pendingValues: attributePendingValues,
         allowedSelectors: [
             'div[role="status"]:has(.kit-snackbar-message)',
             '.kit-modal-wrapper',
             `.${CREATE_RECORD_MODAL_CLASSNAME}`,
             `.${LINK_RECORDS_MODAL_CLASSNAME}`,
-            `.${EDIT_RECORD_MODAL_CLASSNAME}`
+            `.${EDIT_RECORD_MODAL_CLASSNAME}`,
+            '.kit-select-dropdown-content'
         ]
     });
-    const { UnlinkAllRecordsInCreation, LinkRecordsInCreation } = useLinkRecordsInCreation({
-        attribute,
-        libraryId: attribute.linked_library.id,
-        pendingValues: attributePendingValues,
-        activeAttribute: state.activeAttribute,
-        dispatch,
-        isHookUsed: formIdToLoad === 'creation',
-        isReadOnly,
-        isFieldInError,
-        onValueSubmit,
-        onValueDelete
-    });
-    const { UnlinkAllRecordsInEdition, LinkRecordsInEditionExplorer } = useLinkRecordsInEdition({
+    const { UnlinkAllRecords, LinkRecordsExplorer } = useLinkRecords({
         libraryId: state.libraryId,
         recordId: state.record?.id,
+        isFormCreationMode,
         attribute,
+        joinLibraryContext,
         columnsToDisplay,
         backendValues,
         setBackendValues,
-        activeAttribute: state.activeAttribute,
-        dispatch,
-        isHookUsed: formIdToLoad !== 'creation',
         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, 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 }) }), formIdToLoad === 'creation' ? UnlinkAllRecordsInCreation : UnlinkAllRecordsInEdition] }), children: formIdToLoad === 'creation' ? LinkRecordsInCreation : LinkRecordsInEditionExplorer }) }) }));
+    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-in-edition/useLinkRecords.d.ts → link-record/useExplorerLinkRecords.d.ts}

@@ -3,13 +3,13 @@ import { DeleteMultipleValuesFunc, ISubmitMultipleResult } from '../../../_types
 import { Dispatch, SetStateAction } from 'react';
 import { IItemData, MassSelection } from '../../../../../../components/Explorer/_types';
 import { RecordFormElementsValueLinkValue } from '../../../../../../hooks/useGetRecordForm';
-interface IUseLinkRecordsProps {
+interface IUseExplorerLinkRecordsProps {
     attribute: RecordFormAttributeLinkAttributeFragment;
     backendValues: RecordFormElementsValueLinkValue[];
     setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;
     onDeleteMultipleValues: DeleteMultipleValuesFunc;
 }
-export declare const useLinkRecords: ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }: IUseLinkRecordsProps) => {
+export declare const useExplorerLinkRecords: ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }: IUseExplorerLinkRecordsProps) => {
     handleDeleteAllValues: () => Promise<void>;
     handleExplorerRemoveValue: (item: IItemData) => void;
     handleExplorerMassDeactivateValues: (_massSelectedFilter: RecordFilterInput[], massSelection: MassSelection) => void;

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/{link-record-in-edition/useLinkRecords.js → link-record/useExplorerLinkRecords.js}

@@ -2,7 +2,7 @@ import { APICallStatus } from '../../../_types';
 import { AntForm } from 'aristid-ds';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 import { ErrorTypes } from '@leav/utils';
-export const useLinkRecords = ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }) => {
+export const useExplorerLinkRecords = ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues }) => {
     const { t } = useSharedTranslation();
     const form = AntForm.useFormInstance();
     const removeValues = (filterFn, useIdValue = false) => {
@@ -52,7 +52,7 @@ export const useLinkRecords = ({ attribute, backendValues, setBackendValues, onD
                     errors: []
                 }
             ]);
-            setBackendValues([...backendValues, ...saveLinkValues]);
+            setBackendValues(previousBackendValues => [...previousBackendValues, ...saveLinkValues]);
         }
         if (saveValuesResult.status === APICallStatus.ERROR && saveValuesResult.errors) {
             const attributeError = saveValuesResult.errors.filter(err => err.attribute === attribute.id)?.[0];
@@ -82,4 +82,4 @@ export const useLinkRecords = ({ attribute, backendValues, setBackendValues, onD
         handleExplorerCreateValue
     };
 };
-//# sourceMappingURL=useLinkRecords.js.map
+//# 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 {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/{link-record-in-edition/useLinkRecordsInEdition.js → link-record/useLinkRecords.js}

@@ -1,50 +1,29 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Explorer } from '../../../../../../components/Explorer';
 import { useEffect, useState } from 'react';
-import { FaList } from 'react-icons/fa';
-import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 import { ExplorerWrapper } from '../shared/ExplorerWrapper';
-import { LinkActionsButtons } from '../shared/LinkActionsButtons';
 import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
-import { AntForm } from 'aristid-ds';
-import { EditRecordReducerActionsTypes } from '../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
-import { useLinkRecords } from './useLinkRecords';
+import { AntForm, KitSpace } from 'aristid-ds';
+import { useExplorerLinkRecords } from './useExplorerLinkRecords';
+import { FaList } from 'react-icons/fa';
+import { ActionButton } from './ActionButton';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 const _shouldUpdateExplorerActions = (ref, explorerActions) => ref?.createAction?.disabled !== explorerActions?.createAction?.disabled ||
     ref?.linkAction?.disabled !== explorerActions?.linkAction?.disabled ||
     ref?.totalCount !== explorerActions?.totalCount;
-export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, columnsToDisplay, backendValues, setBackendValues, activeAttribute, dispatch, isHookUsed, isReadOnly, isFieldInError, hasNoValue, onDeleteMultipleValues }) => {
+export const useLinkRecords = ({ libraryId, recordId, isFormCreationMode, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, isReadOnly, isFieldInError, hasNoValue, onDeleteMultipleValues }) => {
     const { t } = useSharedTranslation();
-    const [explorerActions, setExplorerActions] = useState(null);
     const form = AntForm.useFormInstance();
-    const { handleDeleteAllValues, handleExplorerCreateValue, handleExplorerLinkValue, handleExplorerMassDeactivateValues, handleExplorerRemoveValue } = useLinkRecords({
+    const [explorerActions, setExplorerActions] = useState(null);
+    const { handleDeleteAllValues, handleExplorerCreateValue, handleExplorerLinkValue, handleExplorerMassDeactivateValues, handleExplorerRemoveValue } = useExplorerLinkRecords({
         attribute,
         backendValues,
         setBackendValues,
         onDeleteMultipleValues
     });
-    useEffect(() => {
-        if (isHookUsed && backendValues.length === 0 && attribute.required) {
-            // Set field in error when LinkField is displayed for the first time. Otherwise, errors will be handled by _removeValues() or _handleExplorerLinkValue()
-            form.setFields([
-                {
-                    name: attribute.id,
-                    errors: [t('errors.standard_field_required')]
-                }
-            ]);
-        }
-    }, []);
-    useEffect(() => {
-        if (isHookUsed && activeAttribute?.attribute.id === attribute.id) {
-            // Update active value used in the sidebar when backendValues change
-            dispatch({
-                type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
-                values: backendValues
-            });
-        }
-    }, [backendValues]);
     const _handleExplorerRef = (ref) => {
         if (_shouldUpdateExplorerActions(ref, explorerActions)) {
             setExplorerActions({
@@ -64,12 +43,14 @@ export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, column
         }
         return ['edit', 'remove'];
     };
+    useEffect(() => {
+        if (!isFormCreationMode && backendValues.length === 0 && attribute.required) {
+            form.setFields([{ name: attribute.id, errors: [t('errors.standard_field_required')] }]);
+        }
+    }, []);
     return {
-        UnlinkAllRecordsInEdition: isHookUsed &&
-            backendValues.length > 1 &&
-            attribute.multiple_values &&
-            !attribute.required && (_jsx(DeleteAllValuesButton, { handleDelete: handleDeleteAllValues, disabled: isReadOnly, danger: isFieldInError })),
-        LinkRecordsInEditionExplorer: isHookUsed && recordId && (_jsxs(_Fragment, { children: [_jsx(ExplorerWrapper, { children: _jsx(Explorer, { ref: _handleExplorerRef, defaultViewSettings: {
+        UnlinkAllRecords: backendValues.length > 1 && attribute.multiple_values && !attribute.required && (_jsx(DeleteAllValuesButton, { handleDelete: handleDeleteAllValues, disabled: isReadOnly, danger: isFieldInError })),
+        LinkRecordsExplorer: recordId && (_jsxs(_Fragment, { children: [_jsx(ExplorerWrapper, { children: _jsx(Explorer, { ref: _handleExplorerRef, defaultViewSettings: {
                             attributesIds: columnsToDisplay
                         }, entrypoint: {
                             type: 'link',
@@ -89,17 +70,7 @@ export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, column
                             }
                         }, showTitle: false, showSearch: false, selectionMode: attribute.multiple_values ? 'multiple' : 'simple', disableSelection: isReadOnly ||
                             !attribute.multiple_values ||
-                            (attribute.required && attribute.multiple_values && backendValues.length === 1), defaultActionsForItem: _getExplorerItemActions(), hidePrimaryActions: true, hideTableHeader: true, iconsOnlyItemActions: true }) }), _jsx(LinkActionsButtons, { createButtonProps: {
-                        icon: explorerActions?.createAction?.icon,
-                        label: explorerActions?.createAction?.label,
-                        callback: explorerActions?.createAction?.callback,
-                        disabled: isReadOnly || explorerActions?.createAction?.disabled
-                    }, linkButtonProps: {
-                        icon: _jsx(FaList, {}),
-                        label: explorerActions?.linkAction?.label,
-                        callback: explorerActions?.linkAction?.callback,
-                        disabled: isReadOnly || (attribute.multiple_values && explorerActions?.linkAction?.disabled)
-                    }, hasNoValue: hasNoValue })] }))
+                            (attribute.required && attribute.multiple_values && backendValues.length === 1), defaultActionsForItem: _getExplorerItemActions(), joinLibraryContext: joinLibraryContext, hidePrimaryActions: true, hideTableHeader: true, iconsOnlyItemActions: true }) }), _jsxs(KitSpace, { size: "xs", style: { padding: '1rem' }, children: [_jsx(ActionButton, { type: "secondary", size: "m", "$hasNoValue": hasNoValue, icon: explorerActions?.createAction?.icon, disabled: isReadOnly || explorerActions?.createAction?.disabled, onClick: explorerActions?.createAction?.callback, children: explorerActions?.createAction?.label }), _jsx(ActionButton, { type: "secondary", size: "m", "$hasNoValue": hasNoValue, icon: _jsx(FaList, {}), disabled: isReadOnly || (attribute.multiple_values && explorerActions?.linkAction?.disabled), onClick: explorerActions?.linkAction?.callback, children: explorerActions?.linkAction?.label })] })] }))
     };
 };
-//# sourceMappingURL=useLinkRecordsInEdition.js.map
+//# sourceMappingURL=useLinkRecords.js.map

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

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

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

@@ -7,6 +7,7 @@ export const FILTER_ON_ID_DEFAULT_FIELDS = {
     attribute: {
         format: AttributeFormat.text,
         label: 'id',
+        id: 'id',
         type: AttributeType.simple
     },
     field: 'id',

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAGpF,MAAM,CAAC,MAAM,2BAA2B,GAA2C;IAC/E,EAAE,EAAE,EAAE;IACN,SAAS,EAAE;QACP,MAAM,EAAE,eAAe,CAAC,IAAI;QAC5B,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,aAAa,CAAC,MAAM;KAC7B;IACD,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,qBAAqB,CAAC,KAAK;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA8B;IACxD;QACI,GAAG,2BAA2B;QAC9B,KAAK,EAAE,WAAW;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAGpF,MAAM,CAAC,MAAM,2BAA2B,GAA2C;IAC/E,EAAE,EAAE,EAAE;IACN,SAAS,EAAE;QACP,MAAM,EAAE,eAAe,CAAC,IAAI;QAC5B,KAAK,EAAE,IAAI;QACX,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,aAAa,CAAC,MAAM;KAC7B;IACD,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,qBAAqB,CAAC,KAAK;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA8B;IACxD;QACI,GAAG,2BAA2B;QAC9B,KAAK,EAAE,WAAW;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC"}