@leav/ui 1.6.0-fb9dc9ec → 1.7.0-178015c1

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExplorerLinkRecords.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/explorer/link-record/useExplorerLinkRecords.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type RecordFilterInput, type RecordFormAttributeLinkAttributeFragment} from '_ui/_gqlTypes';\nimport {APICallStatus, type ISubmitMultipleResult} from '../../../../_types';\nimport {type Dispatch, type SetStateAction} from 'react';\nimport {type IItemData, type MassSelection} from '_ui/components/Explorer/_types';\nimport {AntForm} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type RecordFormElementsValueLinkValue} from '_ui/hooks/useGetRecordForm';\nimport {ErrorTypes} from '@leav/utils';\n\ninterface IUseExplorerLinkRecordsProps {\n    attribute: RecordFormAttributeLinkAttributeFragment;\n    backendValues: RecordFormElementsValueLinkValue[];\n    setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;\n}\n\nexport const useExplorerLinkRecords = ({attribute, backendValues, setBackendValues}: IUseExplorerLinkRecordsProps) => {\n    const {t} = useSharedTranslation();\n\n    const form = AntForm.useFormInstance();\n\n    const removeValues = (filterFn?: (id: string) => boolean, useIdValue: boolean = false) => {\n        if (!filterFn) {\n            form.setFieldValue(attribute.id, []);\n            form.setFields([\n                {\n                    name: attribute.id,\n                    errors: attribute.required ? [t('errors.standard_field_required')] : [],\n                },\n            ]);\n            setBackendValues([]);\n            return;\n        }\n\n        const newBackendValues = backendValues.filter(backendValue =>\n            filterFn(useIdValue ? backendValue.id_value : backendValue.linkValue.id),\n        );\n\n        form.setFieldValue(\n            attribute.id,\n            newBackendValues.map(({linkValue}) => linkValue.id),\n        );\n\n        form.setFields([\n            {\n                name: attribute.id,\n                errors:\n                    attribute.required && newBackendValues.length === 0 ? [t('errors.standard_field_required')] : [],\n            },\n        ]);\n\n        setBackendValues(previousBackendValues =>\n            previousBackendValues.filter(backendValue =>\n                filterFn(useIdValue ? backendValue.id_value : backendValue.linkValue.id),\n            ),\n        );\n    };\n\n    const handleExplorerRemoveValue = (item: IItemData) => {\n        removeValues(id => id !== item.itemId);\n    };\n\n    const handleExplorerMassDeactivateValues = (\n        _massSelectedFilter: RecordFilterInput[],\n        massSelection: MassSelection,\n    ) => {\n        removeValues(idValue => !massSelection.includes(idValue), true);\n    };\n\n    const handleExplorerLinkValue = (saveValuesResult: ISubmitMultipleResult) => {\n        if (saveValuesResult.status === APICallStatus.SUCCESS) {\n            const saveLinkValues = saveValuesResult.values as unknown as RecordFormElementsValueLinkValue[];\n\n            form.setFieldValue(attribute.id, [\n                ...backendValues.map(({linkValue}) => linkValue.id),\n                ...saveLinkValues.map(({linkValue}) => linkValue.id),\n            ]);\n\n            form.setFields([\n                {\n                    name: attribute.id,\n                    errors: [],\n                },\n            ]);\n\n            setBackendValues(previousBackendValues => [...previousBackendValues, ...saveLinkValues]);\n        }\n\n        if (saveValuesResult.status === APICallStatus.ERROR && saveValuesResult.errors) {\n            const attributeError = saveValuesResult.errors.filter(err => err.attribute === attribute.id)?.[0];\n\n            if (attributeError) {\n                const errorMessage =\n                    attributeError.type === ErrorTypes.VALIDATION_ERROR\n                        ? attributeError.message\n                        : t(`errors.${attributeError.type}`);\n\n                form.setFields([\n                    {\n                        name: attribute.id,\n                        errors: [errorMessage],\n                    },\n                ]);\n            }\n        }\n    };\n\n    const handleExplorerCreateValue = ({\n        recordIdCreated,\n        saveValuesResultOnLink,\n    }: {\n        recordIdCreated: string;\n        saveValuesResultOnLink?: ISubmitMultipleResult;\n    }) => {\n        if (saveValuesResultOnLink) {\n            handleExplorerLinkValue(saveValuesResultOnLink);\n        }\n    };\n\n    return {\n        handleExplorerRemoveValue,\n        handleExplorerMassDeactivateValues,\n        handleExplorerLinkValue,\n        handleExplorerCreateValue,\n    };\n};\n"]}

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/{link-record → explorer/link-record}/useLinkRecords.d.ts

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

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

@@ -0,0 +1,98 @@
+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 { Explorer } from '../../../../../../../components/Explorer';
+import { useEffect, useState } from 'react';
+import { AntForm, KitButton, KitSpace, KitTooltip } from 'aristid-ds';
+import { useExplorerLinkRecords } from './useExplorerLinkRecords';
+import { useSharedTranslation } from '../../../../../../../hooks/useSharedTranslation';
+import { useEditRecordModal } from '../../../../../../../components/RecordEdition/EditRecordModal/useEditRecordModal';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faEye, faPlus } from '@fortawesome/free-solid-svg-icons';
+import { INPUT_MAX_HEIGHT } from '../../../../formConstants';
+import styled from 'styled-components';
+const _shouldUpdateExplorerActions = (ref, explorerActions) => ref?.createAction?.disabled !== explorerActions?.createAction?.disabled ||
+    ref?.linkAction?.disabled !== explorerActions?.linkAction?.disabled ||
+    ref?.totalCount !== explorerActions?.totalCount;
+const ActionButton = styled(KitButton) `
+    margin-top: ${props => (props.$hasNoValue ? 0 : 'calc((var(--general-spacing-xs)) * 1px)')};
+`;
+export const useLinkRecords = ({ libraryId, recordId, editionFormId, isFormCreationMode, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, isReadOnly, hasNoValue, }) => {
+    const { t } = useSharedTranslation();
+    const form = AntForm.useFormInstance();
+    const [explorerActions, setExplorerActions] = useState(null);
+    const { handleExplorerCreateValue, handleExplorerLinkValue, handleExplorerMassDeactivateValues, handleExplorerRemoveValue, } = useExplorerLinkRecords({
+        attribute,
+        backendValues,
+        setBackendValues,
+    });
+    const _handleExplorerRef = (ref) => {
+        if (_shouldUpdateExplorerActions(ref, explorerActions)) {
+            setExplorerActions({
+                createAction: ref?.createAction,
+                linkAction: ref?.linkAction,
+                totalCount: ref?.totalCount,
+            });
+        }
+    };
+    const _getExplorerItemActions = () => {
+        if (isReadOnly) {
+            return [];
+        }
+        if ((!attribute.multiple_values && attribute.required) ||
+            (attribute.multiple_values && backendValues.length === 1 && attribute.required)) {
+            return [];
+        }
+        return ['remove'];
+    };
+    useEffect(() => {
+        if (!isFormCreationMode && backendValues.length === 0 && attribute.required) {
+            form.setFields([{ name: attribute.id, errors: [t('errors.standard_field_required')] }]);
+        }
+    }, []);
+    const { EditRecordModal, openEditRecordModal } = useEditRecordModal();
+    return {
+        LinkRecordsExplorer: recordId && (_jsxs(_Fragment, { children: [_jsx(Explorer, { ref: _handleExplorerRef, defaultViewSettings: {
+                        attributesIds: columnsToDisplay,
+                    }, entrypoint: {
+                        type: 'link',
+                        parentLibraryId: libraryId,
+                        parentRecordId: recordId,
+                        linkAttributeId: attribute.id,
+                    }, defaultCallbacks: {
+                        item: {
+                            remove: handleExplorerRemoveValue,
+                        },
+                        mass: {
+                            deactivate: handleExplorerMassDeactivateValues,
+                        },
+                        primary: {
+                            link: handleExplorerLinkValue,
+                            create: handleExplorerCreateValue,
+                        },
+                    }, 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(), itemActions: [
+                        {
+                            label: t('explorer.edit-item'),
+                            icon: _jsx(FontAwesomeIcon, { icon: faEye }),
+                            useItemActionOnRowClick: true,
+                            callback: item => {
+                                openEditRecordModal({
+                                    library: item.libraryId,
+                                    record: {
+                                        id: item.itemId,
+                                        label: item.whoAmI?.label,
+                                        subLabel: item.whoAmI?.subLabel,
+                                        color: item.whoAmI?.color,
+                                        library: { id: item.libraryId },
+                                    },
+                                    editionFormId,
+                                });
+                            },
+                        },
+                    ], joinLibraryContext: joinLibraryContext, hidePrimaryActions: true, hideTableHeader: !columnsToDisplay?.length, useSmallHeaderSize: true, tableBodyHeight: INPUT_MAX_HEIGHT }), !isReadOnly && (_jsx(KitSpace, { size: "xs", style: { padding: '1rem' }, children: _jsx(KitTooltip, { title: explorerActions?.linkAction?.label, children: _jsx(ActionButton, { type: "secondary", size: "m", "$hasNoValue": hasNoValue, icon: _jsx(FontAwesomeIcon, { icon: faPlus }), disabled: isReadOnly || (attribute.multiple_values && explorerActions?.linkAction?.disabled), onClick: explorerActions?.linkAction?.callback, "aria-label": explorerActions?.linkAction?.label }) }) })), EditRecordModal] })),
+    };
+};
+//# sourceMappingURL=useLinkRecords.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLinkRecords.js","sourceRoot":"","sources":["../../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/explorer/link-record/useLinkRecords.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAA0D,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAInG,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAC,MAAM,YAAY,CAAC;AACpE,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,kBAAkB,EAAC,MAAM,iEAAiE,CAAC;AACnG,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,KAAK,EAAE,MAAM,EAAC,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAC3D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAkBvC,MAAM,4BAA4B,GAAG,CAAC,GAAiB,EAAE,eAA6B,EAAE,EAAE,CACtF,GAAG,EAAE,YAAY,EAAE,QAAQ,KAAK,eAAe,EAAE,YAAY,EAAE,QAAQ;IACvE,GAAG,EAAE,UAAU,EAAE,QAAQ,KAAK,eAAe,EAAE,UAAU,EAAE,QAAQ;IACnE,GAAG,EAAE,UAAU,KAAK,eAAe,EAAE,UAAU,CAAC;AAEpD,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAwB;kBAC5C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC;CAC7F,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,aAAa,EACb,kBAAkB,EAClB,SAAS,EACT,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,UAAU,GACC,EAAE,EAAE;IACf,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;IACvC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAElF,MAAM,EACF,yBAAyB,EACzB,uBAAuB,EACvB,kCAAkC,EAClC,yBAAyB,GAC5B,GAAG,sBAAsB,CAAC;QACvB,SAAS;QACT,aAAa;QACb,gBAAgB;KACnB,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,CAAC,GAAiB,EAAE,EAAE;QAC7C,IAAI,4BAA4B,CAAC,GAAG,EAAE,eAAe,CAAC,EAAE,CAAC;YACrD,kBAAkB,CAAC;gBACf,YAAY,EAAE,GAAG,EAAE,YAAY;gBAC/B,UAAU,EAAE,GAAG,EAAE,UAAU;gBAC3B,UAAU,EAAE,GAAG,EAAE,UAAU;aAC9B,CAAC,CAAC;QACP,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAoB,EAAE;QAClD,IAAI,UAAU,EAAE,CAAC;YACb,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IACI,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,QAAQ,CAAC;YAClD,CAAC,SAAS,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC,EACjF,CAAC;YACC,OAAO,EAAE,CAAC;QACd,CAAC;QAED,OAAO,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,kBAAkB,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC1E,IAAI,CAAC,SAAS,CAAC,CAAC,EAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;QAC1F,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAC,eAAe,EAAE,mBAAmB,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAEpE,OAAO;QACH,mBAAmB,EAAE,QAAQ,IAAI,CAC7B,8BACI,KAAC,QAAQ,IACL,GAAG,EAAE,kBAAkB,EACvB,mBAAmB,EAAE;wBACjB,aAAa,EAAE,gBAAgB;qBAClC,EACD,UAAU,EAAE;wBACR,IAAI,EAAE,MAAM;wBACZ,eAAe,EAAE,SAAS;wBAC1B,cAAc,EAAE,QAAQ;wBACxB,eAAe,EAAE,SAAS,CAAC,EAAE;qBAChC,EACD,gBAAgB,EAAE;wBACd,IAAI,EAAE;4BACF,MAAM,EAAE,yBAAyB;yBACpC;wBACD,IAAI,EAAE;4BACF,UAAU,EAAE,kCAAkC;yBACjD;wBACD,OAAO,EAAE;4BACL,IAAI,EAAE,uBAAuB;4BAC7B,MAAM,EAAE,yBAAyB;yBACpC;qBACJ,EACD,SAAS,EAAE,KAAK,EAChB,UAAU,EAAE,KAAK,EACjB,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAChE,gBAAgB,EACZ,UAAU;wBACV,CAAC,SAAS,CAAC,eAAe;wBAC1B,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,EAEnF,qBAAqB,EAAE,uBAAuB,EAAE,EAChD,WAAW,EAAE;wBACT;4BACI,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;4BAC9B,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,KAAK,GAAI;4BACtC,uBAAuB,EAAE,IAAI;4BAC7B,QAAQ,EAAE,IAAI,CAAC,EAAE;gCACb,mBAAmB,CAAC;oCAChB,OAAO,EAAE,IAAI,CAAC,SAAS;oCACvB,MAAM,EAAE;wCACJ,EAAE,EAAE,IAAI,CAAC,MAAM;wCACf,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK;wCACzB,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ;wCAC/B,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK;wCACzB,OAAO,EAAE,EAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAC;qCAChC;oCACD,aAAa;iCAChB,CAAC,CAAC;4BACP,CAAC;yBACJ;qBACJ,EACD,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,QAClB,eAAe,EAAE,CAAC,gBAAgB,EAAE,MAAM,EAC1C,kBAAkB,QAClB,eAAe,EAAE,gBAAgB,GACnC,EACD,CAAC,UAAU,IAAI,CACZ,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,YACxC,KAAC,UAAU,IAAC,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,YACjD,KAAC,YAAY,IACT,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,GAAG,iBACK,UAAU,EACvB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,EACvC,QAAQ,EACJ,UAAU,IAAI,CAAC,SAAS,CAAC,eAAe,IAAI,eAAe,EAAE,UAAU,EAAE,QAAQ,CAAC,EAEtF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,gBAClC,eAAe,EAAE,UAAU,EAAE,KAAK,GAChD,GACO,GACN,CACd,EACA,eAAe,IACjB,CACN;KACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {Explorer} from '_ui/components/Explorer';\nimport {type IExplorerRef} from '_ui/components/Explorer/Explorer';\nimport {type ComponentProps, type Dispatch, type SetStateAction, useEffect, useState} from 'react';\nimport {type DeleteMultipleValuesFunc} from '../../../../_types';\nimport {type JoinLibraryContextFragment, type RecordFormAttributeLinkAttributeFragment} from '_ui/_gqlTypes';\nimport {type RecordFormElementsValueLinkValue} from '_ui/hooks/useGetRecordForm';\nimport {AntForm, KitButton, KitSpace, KitTooltip} from 'aristid-ds';\nimport {useExplorerLinkRecords} from './useExplorerLinkRecords';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useEditRecordModal} from '_ui/components/RecordEdition/EditRecordModal/useEditRecordModal';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faEye, faPlus} from '@fortawesome/free-solid-svg-icons';\nimport {INPUT_MAX_HEIGHT} from '../../../../formConstants';\nimport styled from 'styled-components';\n\ninterface ILinkRecords {\n    libraryId: string;\n    recordId: string;\n    editionFormId: string;\n    isFormCreationMode: boolean;\n    attribute: RecordFormAttributeLinkAttributeFragment;\n    joinLibraryContext: JoinLibraryContextFragment;\n    columnsToDisplay: ComponentProps<typeof Explorer>['defaultViewSettings']['attributesIds'];\n    backendValues: RecordFormElementsValueLinkValue[];\n    setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;\n    isReadOnly: boolean;\n    isFieldInError: boolean;\n    hasNoValue: boolean;\n    onDeleteMultipleValues: DeleteMultipleValuesFunc;\n}\n\nconst _shouldUpdateExplorerActions = (ref: IExplorerRef, explorerActions: IExplorerRef) =>\n    ref?.createAction?.disabled !== explorerActions?.createAction?.disabled ||\n    ref?.linkAction?.disabled !== explorerActions?.linkAction?.disabled ||\n    ref?.totalCount !== explorerActions?.totalCount;\n\nconst ActionButton = styled(KitButton)<{$hasNoValue: boolean}>`\n    margin-top: ${props => (props.$hasNoValue ? 0 : 'calc((var(--general-spacing-xs)) * 1px)')};\n`;\n\nexport const useLinkRecords = ({\n    libraryId,\n    recordId,\n    editionFormId,\n    isFormCreationMode,\n    attribute,\n    joinLibraryContext,\n    columnsToDisplay,\n    backendValues,\n    setBackendValues,\n    isReadOnly,\n    hasNoValue,\n}: ILinkRecords) => {\n    const {t} = useSharedTranslation();\n    const form = AntForm.useFormInstance();\n    const [explorerActions, setExplorerActions] = useState<IExplorerRef | null>(null);\n\n    const {\n        handleExplorerCreateValue,\n        handleExplorerLinkValue,\n        handleExplorerMassDeactivateValues,\n        handleExplorerRemoveValue,\n    } = useExplorerLinkRecords({\n        attribute,\n        backendValues,\n        setBackendValues,\n    });\n\n    const _handleExplorerRef = (ref: IExplorerRef) => {\n        if (_shouldUpdateExplorerActions(ref, explorerActions)) {\n            setExplorerActions({\n                createAction: ref?.createAction,\n                linkAction: ref?.linkAction,\n                totalCount: ref?.totalCount,\n            });\n        }\n    };\n\n    const _getExplorerItemActions = (): Array<'remove'> => {\n        if (isReadOnly) {\n            return [];\n        }\n\n        if (\n            (!attribute.multiple_values && attribute.required) ||\n            (attribute.multiple_values && backendValues.length === 1 && attribute.required)\n        ) {\n            return [];\n        }\n\n        return ['remove'];\n    };\n\n    useEffect(() => {\n        if (!isFormCreationMode && backendValues.length === 0 && attribute.required) {\n            form.setFields([{name: attribute.id, errors: [t('errors.standard_field_required')]}]);\n        }\n    }, []);\n\n    const {EditRecordModal, openEditRecordModal} = useEditRecordModal();\n\n    return {\n        LinkRecordsExplorer: recordId && (\n            <>\n                <Explorer\n                    ref={_handleExplorerRef}\n                    defaultViewSettings={{\n                        attributesIds: columnsToDisplay,\n                    }}\n                    entrypoint={{\n                        type: 'link',\n                        parentLibraryId: libraryId,\n                        parentRecordId: recordId,\n                        linkAttributeId: attribute.id,\n                    }}\n                    defaultCallbacks={{\n                        item: {\n                            remove: handleExplorerRemoveValue,\n                        },\n                        mass: {\n                            deactivate: handleExplorerMassDeactivateValues,\n                        },\n                        primary: {\n                            link: handleExplorerLinkValue,\n                            create: handleExplorerCreateValue,\n                        },\n                    }}\n                    showTitle={false}\n                    showSearch={false}\n                    selectionMode={attribute.multiple_values ? 'multiple' : 'simple'}\n                    disableSelection={\n                        isReadOnly ||\n                        !attribute.multiple_values ||\n                        (attribute.required && attribute.multiple_values && backendValues.length === 1)\n                    }\n                    defaultActionsForItem={_getExplorerItemActions()}\n                    itemActions={[\n                        {\n                            label: t('explorer.edit-item'),\n                            icon: <FontAwesomeIcon icon={faEye} />,\n                            useItemActionOnRowClick: true,\n                            callback: item => {\n                                openEditRecordModal({\n                                    library: item.libraryId,\n                                    record: {\n                                        id: item.itemId,\n                                        label: item.whoAmI?.label,\n                                        subLabel: item.whoAmI?.subLabel,\n                                        color: item.whoAmI?.color,\n                                        library: {id: item.libraryId},\n                                    },\n                                    editionFormId,\n                                });\n                            },\n                        },\n                    ]}\n                    joinLibraryContext={joinLibraryContext}\n                    hidePrimaryActions\n                    hideTableHeader={!columnsToDisplay?.length}\n                    useSmallHeaderSize\n                    tableBodyHeight={INPUT_MAX_HEIGHT} // In a form we want the table body height at 320px\n                />\n                {!isReadOnly && (\n                    <KitSpace size=\"xs\" style={{padding: '1rem'}}>\n                        <KitTooltip title={explorerActions?.linkAction?.label}>\n                            <ActionButton\n                                type=\"secondary\"\n                                size=\"m\"\n                                $hasNoValue={hasNoValue}\n                                icon={<FontAwesomeIcon icon={faPlus} />}\n                                disabled={\n                                    isReadOnly || (attribute.multiple_values && explorerActions?.linkAction?.disabled)\n                                }\n                                onClick={explorerActions?.linkAction?.callback}\n                                aria-label={explorerActions?.linkAction?.label}\n                            />\n                        </KitTooltip>\n                    </KitSpace>\n                )}\n                {EditRecordModal}\n            </>\n        ),\n    };\n};\n"]}

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/{ExplorerWrapper.d.ts → InputExtraAlignLeft.d.ts}

@@ -1,11 +1,12 @@
-export declare const ExplorerWrapper: import("styled-components").IStyledComponent<"web", {
+export declare const InputExtraAlignLeft: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement>;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
@@ -36,7 +37,6 @@ export declare const ExplorerWrapper: import("styled-components").IStyledCompone
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -50,55 +50,57 @@ export declare const ExplorerWrapper: import("styled-components").IStyledCompone
     unselectable?: "on" | "off" | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
     children?: import("react").ReactNode;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: boolean | "false" | "true" | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: boolean | "false" | "true" | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "false" | "true" | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "false" | "true" | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "false" | "true" | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden'?: boolean | "false" | "true" | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: boolean | "false" | "true" | undefined;
-    'aria-multiline'?: boolean | "false" | "true" | undefined;
-    'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-readonly'?: boolean | "false" | "true" | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: boolean | "false" | "true" | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: boolean | "false" | "true" | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: boolean | "false" | "true" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-busy"?: boolean | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: boolean | "false" | "true" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: boolean | "false" | "true" | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: boolean | "false" | "true" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: boolean | "false" | "true" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: boolean | "false" | "true" | undefined;
+    "aria-multiline"?: boolean | "false" | "true" | undefined;
+    "aria-multiselectable"?: boolean | "false" | "true" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: boolean | "false" | "true" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: boolean | "false" | "true" | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: boolean | "false" | "true" | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -120,7 +122,7 @@ export declare const ExplorerWrapper: import("styled-components").IStyledCompone
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
     onChange?: import("react").FormEventHandler<HTMLDivElement>;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement>;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement>;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
     onInput?: import("react").FormEventHandler<HTMLDivElement>;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement>;

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/{link-record/ActionButton.js → shared/InputExtraAlignLeft.js}

@@ -1,9 +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)')};
+export const InputExtraAlignLeft = styled.div `
+    margin-right: auto;
+    line-height: 12px;
 `;
-//# sourceMappingURL=ActionButton.js.map
+//# sourceMappingURL=InputExtraAlignLeft.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputExtraAlignLeft.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/InputExtraAlignLeft.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG5C,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport styled from 'styled-components';\n\nexport const InputExtraAlignLeft = styled.div`\n    margin-right: auto;\n    line-height: 12px;\n`;\n"]}

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

@@ -0,0 +1,3 @@
+export declare const InputWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("aristid-ds/dist/Kit/DataEntry/InputWrapper/types").IKitInputWrapper & import("react").RefAttributes<HTMLDivElement>, {
+    $readonlyBackground: boolean;
+}>> & import("react").ForwardRefExoticComponent<import("aristid-ds/dist/Kit/DataEntry/InputWrapper/types").IKitInputWrapper & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,31 @@
+// 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 { KitInputWrapper } from 'aristid-ds';
+import styled, { css } from 'styled-components';
+export const InputWrapper = styled(KitInputWrapper) `
+    ${props => props.$readonlyBackground &&
+    css `
+            .kit-input-wrapper-content {
+                background-color: var(--general-utilities-neutral-light);
+            }
+        `}
+
+    &.disabled {
+        .kit-input-wrapper-content {
+            background-color: var(--general-utilities-neutral-light);
+        }
+    }
+
+    &.error:not(.disabled) {
+        .kit-input-wrapper-content {
+            background-color: var(--general-utilities-error-light);
+        }
+    }
+
+    .ant-empty-image,
+    .ant-empty-description {
+        display: none;
+    }
+`;
+//# sourceMappingURL=InputWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/InputWrapper.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAAC,MAAM,YAAY,CAAC;AAC3C,OAAO,MAAM,EAAE,EAAC,GAAG,EAAC,MAAM,mBAAmB,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,CAAC,CAAgC;MAC7E,KAAK,CAAC,EAAE,CACN,KAAK,CAAC,mBAAmB;IACzB,GAAG,CAAA;;;;SAIF;;;;;;;;;;;;;;;;;;CAkBR,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {KitInputWrapper} from 'aristid-ds';\nimport styled, {css} from 'styled-components';\n\nexport const InputWrapper = styled(KitInputWrapper)<{$readonlyBackground: boolean}>`\n    ${props =>\n        props.$readonlyBackground &&\n        css`\n            .kit-input-wrapper-content {\n                background-color: var(--general-utilities-neutral-light);\n            }\n        `}\n\n    &.disabled {\n        .kit-input-wrapper-content {\n            background-color: var(--general-utilities-neutral-light);\n        }\n    }\n\n    &.error:not(.disabled) {\n        .kit-input-wrapper-content {\n            background-color: var(--general-utilities-error-light);\n        }\n    }\n\n    .ant-empty-image,\n    .ant-empty-description {\n        display: none;\n    }\n`;\n"]}

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

@@ -0,0 +1,3 @@
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $metadataEdit: boolean;
+}>>;

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

@@ -0,0 +1,8 @@
+// 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 styled from 'styled-components';
+export const Wrapper = styled.div `
+    margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};
+`;
+//# sourceMappingURL=Wrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/Wrapper.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAA0B;qBACtC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;CAChE,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport styled from 'styled-components';\n\nexport const Wrapper = styled.div<{$metadataEdit: boolean}>`\n    margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};\n`;\n"]}

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

@@ -0,0 +1,3 @@
+import { type FunctionComponent } from 'react';
+import { type LinkFieldProps } from '../_types';
+export declare const LinkFieldTags: FunctionComponent<LinkFieldProps>;

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

@@ -0,0 +1,57 @@
+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 { useState } from 'react';
+import { AntForm, KitIdCard, KitSpace, KitTag } from 'aristid-ds';
+import { LINK_FIELD_ID_PREFIX } from '../../../../../../constants';
+import { localizedTranslation } from '@leav/utils';
+import { useLang } from '../../../../../../hooks';
+import { ComputeIndicator } from '../../shared/ComputeIndicator';
+import { computeCalculatedFlags, computeInheritedFlags } from '../../shared/calculatedInheritedFlags';
+import { useUnlinkAllRecords } from '../unlink-all-records/useUnlinkAllRecords';
+import { useUnlinkRecord } from './unlink-record/useUnlinkRecord';
+import { useLinkRecord } from './link-record/useLinkRecord';
+import { Wrapper } from '../shared/Wrapper';
+import { InputExtraAlignLeft } from '../shared/InputExtraAlignLeft';
+import { InputWrapper } from '../shared/InputWrapper';
+export const LinkFieldTags = ({ element, readonly, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false, }) => {
+    const { lang } = useLang();
+    const { settings, attribute, joinLibraryContext, } = element;
+    const [backendValues, setBackendValues] = useState(element.values);
+    const calculatedFlags = computeCalculatedFlags(backendValues);
+    const inheritedFlags = computeInheritedFlags(backendValues);
+    const label = localizedTranslation(settings.label, lang);
+    const form = AntForm.useFormInstance();
+    const fieldErrors = form.getFieldError(attribute.id);
+    const isFieldInError = fieldErrors.length > 0;
+    // TODO: Temporary const that should be removed (and all it's usages) when we will have a proper way to override multiple values
+    const tmpCantOverrideValues = attribute.multiple_values &&
+        (calculatedFlags.calculatedValues?.length > 1 || inheritedFlags.inheritedValues?.length > 1);
+    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly || tmpCantOverrideValues;
+    const { UnlinkAllRecordsButton } = useUnlinkAllRecords({
+        attribute,
+        backendValues,
+        setBackendValues,
+        onDeleteMultipleValues,
+        isReadOnly,
+        isFieldInError,
+    });
+    const { canUnlinkRecord, unlinkRecord } = useUnlinkRecord({
+        attribute,
+        backendValues,
+        isReadOnly,
+        setBackendValues,
+        onValueDelete,
+    });
+    const { LinkRecordButton } = useLinkRecord({
+        attribute,
+        isReadOnly,
+        onValueSubmit,
+        backendValues,
+        setBackendValues,
+        joinLibraryContext,
+    });
+    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsx(AntForm.Item, { name: attribute.id, noStyle: true, children: _jsx(InputWrapper, { id: LINK_FIELD_ID_PREFIX + attribute.id, label: label, required: attribute.required, bordered: true, status: isFieldInError ? 'error' : undefined, helper: isFieldInError ? String(fieldErrors[0]) : undefined, extra: _jsxs(_Fragment, { children: [_jsx(InputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), UnlinkAllRecordsButton] }), "$readonlyBackground": isReadOnly, children: _jsxs(KitSpace, { direction: "vertical", children: [_jsx(KitSpace, { direction: "horizontal", size: "xxs", wrap: true, children: backendValues.map(value => (_jsx(KitTag, { type: "secondary", onClose: canUnlinkRecord ? () => unlinkRecord(value.id_value) : undefined, children: _jsx(KitIdCard, { description: value.linkValue.whoAmI?.label }) }, value.id_value))) }), LinkRecordButton] }) }) }) }));
+};
+//# sourceMappingURL=LinkFieldTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkFieldTags.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/tag/LinkFieldTags.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useState, type FunctionComponent} from 'react';\nimport {type LinkFieldProps} from '../_types';\nimport {type JoinLibraryContextFragment, type RecordFormAttributeLinkAttributeFragment} from '_ui/_gqlTypes';\nimport {AntForm, KitIdCard, KitSpace, KitTag} from 'aristid-ds';\nimport {LINK_FIELD_ID_PREFIX} from '_ui/constants';\nimport {localizedTranslation} from '@leav/utils';\nimport {useLang} from '_ui/hooks';\nimport {ComputeIndicator} from '../../shared/ComputeIndicator';\nimport {type RecordFormElementsValueLinkValue} from '_ui/hooks/useGetRecordForm';\nimport {computeCalculatedFlags, computeInheritedFlags} from '../../shared/calculatedInheritedFlags';\nimport {useUnlinkAllRecords} from '../unlink-all-records/useUnlinkAllRecords';\nimport {useUnlinkRecord} from './unlink-record/useUnlinkRecord';\nimport {useLinkRecord} from './link-record/useLinkRecord';\nimport {Wrapper} from '../shared/Wrapper';\nimport {InputExtraAlignLeft} from '../shared/InputExtraAlignLeft';\nimport {InputWrapper} from '../shared/InputWrapper';\n\nexport const LinkFieldTags: FunctionComponent<LinkFieldProps> = ({\n    element,\n    readonly,\n    onValueSubmit,\n    onValueDelete,\n    onDeleteMultipleValues,\n    metadataEdit = false,\n}) => {\n    const {lang} = useLang();\n\n    const {\n        settings,\n        attribute,\n        joinLibraryContext,\n    }: {\n        settings: typeof element.settings;\n        attribute?: RecordFormAttributeLinkAttributeFragment;\n        joinLibraryContext?: JoinLibraryContextFragment;\n    } = element;\n\n    const [backendValues, setBackendValues] = useState<RecordFormElementsValueLinkValue[]>(element.values);\n\n    const calculatedFlags = computeCalculatedFlags(backendValues);\n    const inheritedFlags = computeInheritedFlags(backendValues);\n    const label = localizedTranslation(settings.label, lang);\n    const form = AntForm.useFormInstance();\n    const fieldErrors = form.getFieldError(attribute.id);\n\n    const isFieldInError = fieldErrors.length > 0;\n\n    // TODO: Temporary const that should be removed (and all it's usages) when we will have a proper way to override multiple values\n    const tmpCantOverrideValues =\n        attribute.multiple_values &&\n        (calculatedFlags.calculatedValues?.length > 1 || inheritedFlags.inheritedValues?.length > 1);\n    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly || tmpCantOverrideValues;\n\n    const {UnlinkAllRecordsButton} = useUnlinkAllRecords({\n        attribute,\n        backendValues,\n        setBackendValues,\n        onDeleteMultipleValues,\n        isReadOnly,\n        isFieldInError,\n    });\n\n    const {canUnlinkRecord, unlinkRecord} = useUnlinkRecord({\n        attribute,\n        backendValues,\n        isReadOnly,\n        setBackendValues,\n        onValueDelete,\n    });\n\n    const {LinkRecordButton} = useLinkRecord({\n        attribute,\n        isReadOnly,\n        onValueSubmit,\n        backendValues,\n        setBackendValues,\n        joinLibraryContext,\n    });\n\n    return (\n        <Wrapper $metadataEdit={metadataEdit}>\n            <AntForm.Item name={attribute.id} noStyle>\n                <InputWrapper\n                    id={LINK_FIELD_ID_PREFIX + attribute.id}\n                    label={label}\n                    required={attribute.required}\n                    bordered\n                    status={isFieldInError ? 'error' : undefined}\n                    helper={isFieldInError ? String(fieldErrors[0]) : undefined}\n                    extra={\n                        <>\n                            <InputExtraAlignLeft>\n                                <ComputeIndicator calculatedFlags={calculatedFlags} inheritedFlags={inheritedFlags} />\n                            </InputExtraAlignLeft>\n                            {UnlinkAllRecordsButton}\n                        </>\n                    }\n                    $readonlyBackground={isReadOnly}\n                >\n                    <KitSpace direction=\"vertical\">\n                        <KitSpace direction=\"horizontal\" size=\"xxs\" wrap>\n                            {backendValues.map(value => (\n                                <KitTag\n                                    key={value.id_value}\n                                    type=\"secondary\"\n                                    onClose={canUnlinkRecord ? () => unlinkRecord(value.id_value) : undefined}\n                                >\n                                    <KitIdCard description={value.linkValue.whoAmI?.label} />\n                                </KitTag>\n                            ))}\n                        </KitSpace>\n                        {LinkRecordButton}\n                    </KitSpace>\n                </InputWrapper>\n            </AntForm.Item>\n        </Wrapper>\n    );\n};\n"]}

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

@@ -0,0 +1,16 @@
+import { type JoinLibraryContextFragment, type RecordFormAttributeLinkAttributeFragment } from '../../../../../../../_gqlTypes';
+import { type SubmitValueFunc } from '../../../../../../../components/RecordEdition/EditRecordContent/_types';
+import { type Dispatch, type SetStateAction } from 'react';
+import { type RecordFormElementsValueLinkValue } from '../../../../../../../hooks/useGetRecordForm';
+interface IUseLinkRecordProps {
+    attribute: RecordFormAttributeLinkAttributeFragment;
+    isReadOnly: boolean;
+    onValueSubmit: SubmitValueFunc;
+    backendValues: RecordFormElementsValueLinkValue[];
+    setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;
+    joinLibraryContext?: JoinLibraryContextFragment;
+}
+export declare const useLinkRecord: ({ attribute, isReadOnly, onValueSubmit, backendValues, setBackendValues, joinLibraryContext, }: IUseLinkRecordProps) => {
+    LinkRecordButton: JSX.Element;
+};
+export {};

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

@@ -0,0 +1,82 @@
+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 { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { LINK_RECORDS_MODAL_CLASSNAME } from '../../../../../../../components/Explorer/_constants';
+import { APICallStatus, } from '../../../../../../../components/RecordEdition/EditRecordContent/_types';
+import { SelectRecordForLinkModal } from '../../../../../../../components/SelectRecordForLinkModal';
+import { TOOLTIP_DEFAULT_DELAY_IN_SECONDS } from '../../../../../../../constants';
+import { AntForm, KitButton, KitTooltip } from 'aristid-ds';
+import { useState } from 'react';
+import { useSharedTranslation } from '../../../../../../../hooks/useSharedTranslation';
+import { SelectTreeNodeModal } from '../../../TreeField/manage-tree-node-selection/SelectTreeNodeModal';
+export const useLinkRecord = ({ attribute, isReadOnly, onValueSubmit, backendValues, setBackendValues, joinLibraryContext, }) => {
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const { t } = useSharedTranslation();
+    const antdForm = AntForm.useFormInstance();
+    const _buildValueToSubmit = (recordId) => ({
+        id: recordId,
+        whoAmI: { id: recordId, library: { id: attribute.linked_library?.id } },
+    });
+    const _handleLinkRecord = async (data) => {
+        let submitRes;
+        if (attribute.multiple_values) {
+            submitRes = await onValueSubmit(data.records.list.map(record => ({ value: _buildValueToSubmit(record.id), idValue: null, attribute })), null);
+        }
+        else {
+            submitRes = await onValueSubmit([
+                {
+                    value: _buildValueToSubmit(data.records.list[0].id),
+                    idValue: backendValues[0]?.id_value ?? null,
+                    attribute,
+                },
+            ], null);
+        }
+        if (submitRes.status === APICallStatus.SUCCESS) {
+            const linkValues = submitRes.values;
+            if (attribute.multiple_values) {
+                setBackendValues(previousBackendValues => [...previousBackendValues, ...linkValues]);
+            }
+            else {
+                setBackendValues([linkValues[0]]);
+            }
+        }
+        if (submitRes.status === APICallStatus.ERROR) {
+            antdForm.setFields([
+                {
+                    name: attribute.id,
+                    errors: [submitRes.error],
+                },
+            ]);
+        }
+    };
+    const isReplacementMode = backendValues.length > 0 && !attribute.multiple_values;
+    const linkedLibraryId = joinLibraryContext &&
+        'linked_library' in joinLibraryContext.mandatoryAttribute &&
+        joinLibraryContext.mandatoryAttribute.linked_library?.id;
+    const linkedTreeId = joinLibraryContext &&
+        'linked_tree' in joinLibraryContext.mandatoryAttribute &&
+        joinLibraryContext.mandatoryAttribute.linked_tree?.id;
+    return {
+        LinkRecordButton: !isReadOnly ? (_jsxs(_Fragment, { children: [_jsx(KitTooltip, { title: isReplacementMode ? t('global.replace') : t('global.add'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(KitButton, { type: "secondary", size: "m", icon: _jsx(FontAwesomeIcon, { icon: faPlus }), onClick: () => {
+                            setIsModalOpen(true);
+                        } }) }), linkedTreeId ? (_jsx(SelectTreeNodeModal, { open: isModalOpen, attribute: {
+                        multiple_values: attribute.multiple_values,
+                        linked_tree: {
+                            id: linkedTreeId,
+                        },
+                    }, title: t(attribute.multiple_values ? 'tree-node-selection.title_many' : 'tree-node-selection.title'), 
+                    // We can select new node(s), ignoring current value(s).
+                    // Selected element might be duplicated in link attribute in backend for now.
+                    backendValues: [], onClose: () => setIsModalOpen(false), onConfirm: async (selectedNodes) => {
+                        const nodeIds = selectedNodes.map(node => node.id);
+                        await _handleLinkRecord({ records: { list: nodeIds.map(id => ({ id })) } });
+                    } })) : (_jsx(SelectRecordForLinkModal, { className: LINK_RECORDS_MODAL_CLASSNAME, open: isModalOpen, childLibraryId: linkedLibraryId || attribute.linked_library?.id, onSelectionCompleted: async (data) => {
+                        await _handleLinkRecord(data);
+                        setIsModalOpen(false);
+                    }, columnsToDisplay: [], replacementMode: isReplacementMode, selectionMode: !attribute.multiple_values ? 'simple' : 'multiple', hideSelectAllAction: !attribute.multiple_values, valuesList: attribute.linkValuesList?.values?.map(value => value.id), allowFreeEntry: attribute.linkValuesList?.allowFreeEntry, isMultivalue: attribute.multiple_values, onClose: () => setIsModalOpen(false), joinLibraryContext: joinLibraryContext }))] })) : undefined,
+    };
+};
+//# sourceMappingURL=useLinkRecord.js.map