@leav/ui 1.6.0 → 1.7.0-178015c1

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

@@ -1,99 +1,12 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { localizedTranslation } from '@leav/utils';
-import { useState } from 'react';
-import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
-import { AntForm, KitInputWrapper } from 'aristid-ds';
-import { useLang } from '../../../../../hooks';
-import styled, { css } from 'styled-components';
-import { LINK_FIELD_ID_PREFIX } from '../../../../../constants';
-import { computeCalculatedFlags, computeInheritedFlags } from '../shared/calculatedInheritedFlags';
-import { ComputeIndicator } from '../shared/ComputeIndicator';
-import { useOutsideInteractionDetector } from '../shared/useOutsideInteractionDetector';
-import { useLinkRecords } from './link-record/useLinkRecords';
-import { CREATE_RECORD_MODAL_CLASSNAME, EDIT_RECORD_MODAL_CLASSNAME, LINK_RECORDS_MODAL_CLASSNAME, } from '../../../../../components/Explorer/_constants';
-const Wrapper = styled.div `
-    margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};
-`;
-const KitInputExtraAlignLeft = styled.div `
-    margin-right: auto;
-    line-height: 12px;
-`;
-const KitInputWrapperStyled = styled(KitInputWrapper) `
-    ${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);
-        }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LinkFieldExplorer } from './explorer/LinkFieldExplorer';
+import { LinkFieldTags } from './tag/LinkFieldTags';
+import { DisplayMode } from '@leav/utils';
+const LinkField = ({ element, readonly, isFormCreationMode, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false, }) => {
+    if (element.settings.displayMode === DisplayMode.TAG) {
+        return (_jsx(LinkFieldTags, { element: element, readonly: readonly, isFormCreationMode: isFormCreationMode, onValueSubmit: onValueSubmit, onValueDelete: onValueDelete, onDeleteMultipleValues: onDeleteMultipleValues, metadataEdit: metadataEdit }));
     }
-
-    &.error:not(.disabled) {
-        .kit-input-wrapper-content {
-            background-color: var(--general-utilities-error-light);
-        }
-    }
-
-    .ant-empty-image,
-    .ant-empty-description {
-        display: none;
-    }
-`;
-const LinkField = ({ element, readonly, isFormCreationMode, onDeleteMultipleValues, metadataEdit = false, }) => {
-    const { state, dispatch } = useEditRecordReducer();
-    const { lang } = useLang();
-    const { settings, attribute, joinLibraryContext, } = element;
-    const [backendValues, setBackendValues] = useState(element.values);
-    const calculatedFlags = computeCalculatedFlags(backendValues);
-    const inheritedFlags = computeInheritedFlags(backendValues);
-    const form = AntForm.useFormInstance();
-    const label = localizedTranslation(settings.label, lang);
-    const fieldErrors = form.getFieldError(attribute.id);
-    // 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 columnsToDisplay = settings.columns?.map(({ id }) => id);
-    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly || tmpCantOverrideValues;
-    const isFieldInError = fieldErrors.length > 0;
-    useOutsideInteractionDetector({
-        attribute,
-        activeAttribute: state.activeAttribute,
-        attributePrefix: LINK_FIELD_ID_PREFIX,
-        dispatch,
-        backendValues,
-        allowedSelectors: [
-            'div[role="status"]:has(.kit-snackbar-message)',
-            '.kit-modal-wrapper',
-            `.${CREATE_RECORD_MODAL_CLASSNAME}`,
-            `.${LINK_RECORDS_MODAL_CLASSNAME}`,
-            `.${EDIT_RECORD_MODAL_CLASSNAME}`,
-            '.kit-select-dropdown-content',
-        ],
-    });
-    const editionFormId = settings.editFormId ? settings.editFormId : 'edition';
-    const { UnlinkAllRecords, LinkRecordsExplorer } = useLinkRecords({
-        libraryId: state.libraryId,
-        recordId: state.record?.id,
-        editionFormId,
-        isFormCreationMode,
-        attribute,
-        joinLibraryContext,
-        columnsToDisplay,
-        backendValues,
-        setBackendValues,
-        isReadOnly,
-        isFieldInError,
-        hasNoValue: backendValues.length === 0,
-        onDeleteMultipleValues,
-    });
-    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsx(AntForm.Item, { name: attribute.id, noStyle: true, children: _jsx(KitInputWrapperStyled, { id: LINK_FIELD_ID_PREFIX + attribute.id, "data-testid": "link-field", label: label, required: attribute.required, bordered: true, status: isFieldInError ? 'error' : undefined, helper: isFieldInError ? String(fieldErrors[0]) : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), UnlinkAllRecords] }), "$readonlyBackground": isReadOnly, children: LinkRecordsExplorer }) }) }));
+    return (_jsx(LinkFieldExplorer, { element: element, readonly: readonly, isFormCreationMode: isFormCreationMode, onDeleteMultipleValues: onDeleteMultipleValues, metadataEdit: metadataEdit }));
 };
 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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","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 {localizedTranslation} from '@leav/utils';\nimport {type FunctionComponent, useEffect, useState} from 'react';\nimport {useEditRecordReducer} from '_ui/components/RecordEdition/editRecordReducer/useEditRecordReducer';\nimport {type RecordFormElementsValueLinkValue} from '_ui/hooks/useGetRecordForm/useGetRecordForm';\nimport {type JoinLibraryContextFragment, type RecordFormAttributeLinkAttributeFragment} from '_ui/_gqlTypes';\nimport {type ILinkFieldState} from '../../reducers/linkFieldReducer/linkFieldReducer';\nimport {type IFormElementProps} from '../../_types';\nimport {AntForm, KitInputWrapper} from 'aristid-ds';\nimport {useLang} from '_ui/hooks';\nimport styled, {css} from 'styled-components';\nimport {LINK_FIELD_ID_PREFIX} from '_ui/constants';\nimport {computeCalculatedFlags, computeInheritedFlags} from '../shared/calculatedInheritedFlags';\nimport {ComputeIndicator} from '../shared/ComputeIndicator';\nimport {useOutsideInteractionDetector} from '../shared/useOutsideInteractionDetector';\nimport {useLinkRecords} from './link-record/useLinkRecords';\nimport {\n    CREATE_RECORD_MODAL_CLASSNAME,\n    EDIT_RECORD_MODAL_CLASSNAME,\n    LINK_RECORDS_MODAL_CLASSNAME,\n} from '_ui/components/Explorer/_constants';\nimport {type IFormLinkFieldSettings} from '@leav/utils/src/types/forms';\n\nexport type LinkFieldReducerState = ILinkFieldState<RecordFormElementsValueLinkValue>;\n\nconst Wrapper = styled.div<{$metadataEdit: boolean}>`\n    margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};\n`;\n\nconst KitInputExtraAlignLeft = styled.div`\n    margin-right: auto;\n    line-height: 12px;\n`;\n\nconst KitInputWrapperStyled = 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\ntype LinkFieldProps = IFormElementProps<\n    IFormLinkFieldSettings & {\n        columns?: Array<{\n            id: string;\n            label: Record<string, string>;\n        }>;\n    }\n>;\n\nconst LinkField: FunctionComponent<LinkFieldProps> = ({\n    element,\n    readonly,\n    isFormCreationMode,\n    onDeleteMultipleValues,\n    metadataEdit = false,\n}) => {\n    const {state, dispatch} = useEditRecordReducer();\n    const {lang} = useLang();\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 form = AntForm.useFormInstance();\n    const label = localizedTranslation(settings.label, lang);\n    const fieldErrors = form.getFieldError(attribute.id);\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\n    const columnsToDisplay = settings.columns?.map(({id}) => id);\n    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly || tmpCantOverrideValues;\n    const isFieldInError = fieldErrors.length > 0;\n\n    useOutsideInteractionDetector({\n        attribute,\n        activeAttribute: state.activeAttribute,\n        attributePrefix: LINK_FIELD_ID_PREFIX,\n        dispatch,\n        backendValues,\n        allowedSelectors: [\n            'div[role=\"status\"]:has(.kit-snackbar-message)',\n            '.kit-modal-wrapper',\n            `.${CREATE_RECORD_MODAL_CLASSNAME}`,\n            `.${LINK_RECORDS_MODAL_CLASSNAME}`,\n            `.${EDIT_RECORD_MODAL_CLASSNAME}`,\n            '.kit-select-dropdown-content',\n        ],\n    });\n\n    const editionFormId = settings.editFormId ? settings.editFormId : 'edition';\n\n    const {UnlinkAllRecords, LinkRecordsExplorer} = useLinkRecords({\n        libraryId: state.libraryId,\n        recordId: state.record?.id,\n        editionFormId,\n        isFormCreationMode,\n        attribute,\n        joinLibraryContext,\n        columnsToDisplay,\n        backendValues,\n        setBackendValues,\n        isReadOnly,\n        isFieldInError,\n        hasNoValue: backendValues.length === 0,\n        onDeleteMultipleValues,\n    });\n\n    return (\n        <Wrapper $metadataEdit={metadataEdit}>\n            <AntForm.Item name={attribute.id} noStyle>\n                <KitInputWrapperStyled\n                    id={LINK_FIELD_ID_PREFIX + attribute.id}\n                    data-testid=\"link-field\"\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                            <KitInputExtraAlignLeft>\n                                <ComputeIndicator calculatedFlags={calculatedFlags} inheritedFlags={inheritedFlags} />\n                            </KitInputExtraAlignLeft>\n                            {UnlinkAllRecords}\n                        </>\n                    }\n                    $readonlyBackground={isReadOnly}\n                >\n                    {LinkRecordsExplorer}\n                </KitInputWrapperStyled>\n            </AntForm.Item>\n        </Wrapper>\n    );\n};\n\nexport default LinkField;\n"]}
+{"version":3,"file":"LinkField.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/LinkField.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAExC,MAAM,SAAS,GAAsC,CAAC,EAClD,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,sBAAsB,EACtB,YAAY,GAAG,KAAK,GACvB,EAAE,EAAE;IACD,IAAI,OAAO,CAAC,QAAQ,CAAC,WAAW,KAAK,WAAW,CAAC,GAAG,EAAE,CAAC;QACnD,OAAO,CACH,KAAC,aAAa,IACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,sBAAsB,EAAE,sBAAsB,EAC9C,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,iBAAiB,IACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,sBAAsB,EAAE,sBAAsB,EAC9C,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,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 {type FunctionComponent} from 'react';\nimport {type LinkFieldProps} from './_types';\nimport {LinkFieldExplorer} from './explorer/LinkFieldExplorer';\nimport {LinkFieldTags} from './tag/LinkFieldTags';\nimport {DisplayMode} from '@leav/utils';\n\nconst LinkField: FunctionComponent<LinkFieldProps> = ({\n    element,\n    readonly,\n    isFormCreationMode,\n    onValueSubmit,\n    onValueDelete,\n    onDeleteMultipleValues,\n    metadataEdit = false,\n}) => {\n    if (element.settings.displayMode === DisplayMode.TAG) {\n        return (\n            <LinkFieldTags\n                element={element}\n                readonly={readonly}\n                isFormCreationMode={isFormCreationMode}\n                onValueSubmit={onValueSubmit}\n                onValueDelete={onValueDelete}\n                onDeleteMultipleValues={onDeleteMultipleValues}\n                metadataEdit={metadataEdit}\n            />\n        );\n    }\n\n    return (\n        <LinkFieldExplorer\n            element={element}\n            readonly={readonly}\n            isFormCreationMode={isFormCreationMode}\n            onDeleteMultipleValues={onDeleteMultipleValues}\n            metadataEdit={metadataEdit}\n        />\n    );\n};\n\nexport default LinkField;\n"]}

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

@@ -0,0 +1,8 @@
+import { type IFormLinkFieldSettings } from '@leav/utils';
+import { type IFormElementProps } from '../../_types';
+export type LinkFieldProps = IFormElementProps<IFormLinkFieldSettings & {
+    columns?: Array<{
+        id: string;
+        label: Record<string, string>;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/_types.ts"],"names":[],"mappings":"","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 IFormLinkFieldSettings} from '@leav/utils';\nimport {type IFormElementProps} from '../../_types';\n\nexport type LinkFieldProps = IFormElementProps<\n    IFormLinkFieldSettings & {\n        columns?: Array<{\n            id: string;\n            label: Record<string, string>;\n        }>;\n    }\n>;\n"]}

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

@@ -0,0 +1,6 @@
+import { type FunctionComponent } from 'react';
+import { type RecordFormElementsValueLinkValue } from '../../../../../../hooks/useGetRecordForm/useGetRecordForm';
+import { type ILinkFieldState } from '../../../reducers/linkFieldReducer/linkFieldReducer';
+import { type LinkFieldProps } from '../_types';
+export type LinkFieldReducerState = ILinkFieldState<RecordFormElementsValueLinkValue>;
+export declare const LinkFieldExplorer: FunctionComponent<LinkFieldProps>;

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

@@ -0,0 +1,77 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { localizedTranslation } from '@leav/utils';
+import { useState } from 'react';
+import { useEditRecordReducer } from '../../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
+import { AntForm } from 'aristid-ds';
+import { useLang } from '../../../../../../hooks';
+import { LINK_FIELD_ID_PREFIX } from '../../../../../../constants';
+import { computeCalculatedFlags, computeInheritedFlags } from '../../shared/calculatedInheritedFlags';
+import { ComputeIndicator } from '../../shared/ComputeIndicator';
+import { useOutsideInteractionDetector } from '../../shared/useOutsideInteractionDetector';
+import { useLinkRecords } from './link-record/useLinkRecords';
+import { CREATE_RECORD_MODAL_CLASSNAME, EDIT_RECORD_MODAL_CLASSNAME, LINK_RECORDS_MODAL_CLASSNAME, } from '../../../../../../components/Explorer/_constants';
+import { useUnlinkAllRecords } from '../unlink-all-records/useUnlinkAllRecords';
+import { Wrapper } from '../shared/Wrapper';
+import { InputExtraAlignLeft } from '../shared/InputExtraAlignLeft';
+import { InputWrapper } from '../shared/InputWrapper';
+export const LinkFieldExplorer = ({ element, readonly, isFormCreationMode, onDeleteMultipleValues, metadataEdit = false, }) => {
+    const { state, dispatch } = useEditRecordReducer();
+    const { lang } = useLang();
+    const { settings, attribute, joinLibraryContext, } = element;
+    const [backendValues, setBackendValues] = useState(element.values);
+    const calculatedFlags = computeCalculatedFlags(backendValues);
+    const inheritedFlags = computeInheritedFlags(backendValues);
+    const form = AntForm.useFormInstance();
+    const label = localizedTranslation(settings.label, lang);
+    const fieldErrors = form.getFieldError(attribute.id);
+    // 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 columnsToDisplay = settings.columns?.map(({ id }) => id);
+    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly || tmpCantOverrideValues;
+    const isFieldInError = fieldErrors.length > 0;
+    useOutsideInteractionDetector({
+        attribute,
+        activeAttribute: state.activeAttribute,
+        attributePrefix: LINK_FIELD_ID_PREFIX,
+        dispatch,
+        backendValues,
+        allowedSelectors: [
+            'div[role="status"]:has(.kit-snackbar-message)',
+            '.kit-modal-wrapper',
+            `.${CREATE_RECORD_MODAL_CLASSNAME}`,
+            `.${LINK_RECORDS_MODAL_CLASSNAME}`,
+            `.${EDIT_RECORD_MODAL_CLASSNAME}`,
+            '.kit-select-dropdown-content',
+        ],
+    });
+    const editionFormId = settings.editFormId ? settings.editFormId : 'edition';
+    const { LinkRecordsExplorer } = useLinkRecords({
+        libraryId: state.libraryId,
+        recordId: state.record?.id,
+        editionFormId,
+        isFormCreationMode,
+        attribute,
+        joinLibraryContext,
+        columnsToDisplay,
+        backendValues,
+        setBackendValues,
+        isReadOnly,
+        isFieldInError,
+        hasNoValue: backendValues.length === 0,
+        onDeleteMultipleValues,
+    });
+    const { UnlinkAllRecordsButton } = useUnlinkAllRecords({
+        attribute,
+        backendValues,
+        setBackendValues,
+        onDeleteMultipleValues,
+        isReadOnly,
+        isFieldInError,
+    });
+    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: LinkRecordsExplorer }) }) }));
+};
+//# sourceMappingURL=LinkFieldExplorer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkFieldExplorer.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/explorer/LinkFieldExplorer.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 {localizedTranslation} from '@leav/utils';\nimport {type FunctionComponent, useState} from 'react';\nimport {useEditRecordReducer} from '_ui/components/RecordEdition/editRecordReducer/useEditRecordReducer';\nimport {type RecordFormElementsValueLinkValue} from '_ui/hooks/useGetRecordForm/useGetRecordForm';\nimport {type JoinLibraryContextFragment, type RecordFormAttributeLinkAttributeFragment} from '_ui/_gqlTypes';\nimport {type ILinkFieldState} from '../../../reducers/linkFieldReducer/linkFieldReducer';\nimport {AntForm} from 'aristid-ds';\nimport {useLang} from '_ui/hooks';\nimport {LINK_FIELD_ID_PREFIX} from '_ui/constants';\nimport {computeCalculatedFlags, computeInheritedFlags} from '../../shared/calculatedInheritedFlags';\nimport {ComputeIndicator} from '../../shared/ComputeIndicator';\nimport {useOutsideInteractionDetector} from '../../shared/useOutsideInteractionDetector';\nimport {useLinkRecords} from './link-record/useLinkRecords';\nimport {\n    CREATE_RECORD_MODAL_CLASSNAME,\n    EDIT_RECORD_MODAL_CLASSNAME,\n    LINK_RECORDS_MODAL_CLASSNAME,\n} from '_ui/components/Explorer/_constants';\nimport {type LinkFieldProps} from '../_types';\nimport {useUnlinkAllRecords} from '../unlink-all-records/useUnlinkAllRecords';\nimport {Wrapper} from '../shared/Wrapper';\nimport {InputExtraAlignLeft} from '../shared/InputExtraAlignLeft';\nimport {InputWrapper} from '../shared/InputWrapper';\n\nexport type LinkFieldReducerState = ILinkFieldState<RecordFormElementsValueLinkValue>;\n\nexport const LinkFieldExplorer: FunctionComponent<LinkFieldProps> = ({\n    element,\n    readonly,\n    isFormCreationMode,\n    onDeleteMultipleValues,\n    metadataEdit = false,\n}) => {\n    const {state, dispatch} = useEditRecordReducer();\n    const {lang} = useLang();\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 form = AntForm.useFormInstance();\n    const label = localizedTranslation(settings.label, lang);\n    const fieldErrors = form.getFieldError(attribute.id);\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\n    const columnsToDisplay = settings.columns?.map(({id}) => id);\n    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly || tmpCantOverrideValues;\n    const isFieldInError = fieldErrors.length > 0;\n\n    useOutsideInteractionDetector({\n        attribute,\n        activeAttribute: state.activeAttribute,\n        attributePrefix: LINK_FIELD_ID_PREFIX,\n        dispatch,\n        backendValues,\n        allowedSelectors: [\n            'div[role=\"status\"]:has(.kit-snackbar-message)',\n            '.kit-modal-wrapper',\n            `.${CREATE_RECORD_MODAL_CLASSNAME}`,\n            `.${LINK_RECORDS_MODAL_CLASSNAME}`,\n            `.${EDIT_RECORD_MODAL_CLASSNAME}`,\n            '.kit-select-dropdown-content',\n        ],\n    });\n\n    const editionFormId = settings.editFormId ? settings.editFormId : 'edition';\n\n    const {LinkRecordsExplorer} = useLinkRecords({\n        libraryId: state.libraryId,\n        recordId: state.record?.id,\n        editionFormId,\n        isFormCreationMode,\n        attribute,\n        joinLibraryContext,\n        columnsToDisplay,\n        backendValues,\n        setBackendValues,\n        isReadOnly,\n        isFieldInError,\n        hasNoValue: backendValues.length === 0,\n        onDeleteMultipleValues,\n    });\n\n    const {UnlinkAllRecordsButton} = useUnlinkAllRecords({\n        attribute,\n        backendValues,\n        setBackendValues,\n        onDeleteMultipleValues,\n        isReadOnly,\n        isFieldInError,\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                    {LinkRecordsExplorer}\n                </InputWrapper>\n            </AntForm.Item>\n        </Wrapper>\n    );\n};\n"]}

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

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

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

@@ -1,8 +1,8 @@
-import { APICallStatus } from '../../../_types';
+import { APICallStatus } from '../../../../_types';
 import { AntForm } from 'aristid-ds';
-import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { useSharedTranslation } from '../../../../../../../hooks/useSharedTranslation';
 import { ErrorTypes } from '@leav/utils';
-export const useExplorerLinkRecords = ({ attribute, backendValues, setBackendValues, onDeleteMultipleValues, }) => {
+export const useExplorerLinkRecords = ({ attribute, backendValues, setBackendValues }) => {
     const { t } = useSharedTranslation();
     const form = AntForm.useFormInstance();
     const removeValues = (filterFn, useIdValue = false) => {
@@ -27,12 +27,6 @@ export const useExplorerLinkRecords = ({ attribute, backendValues, setBackendVal
         ]);
         setBackendValues(previousBackendValues => previousBackendValues.filter(backendValue => filterFn(useIdValue ? backendValue.id_value : backendValue.linkValue.id)));
     };
-    const handleDeleteAllValues = async () => {
-        const deleteRes = await onDeleteMultipleValues(attribute.id, backendValues.filter(backendValue => backendValue.id_value), null);
-        if (deleteRes.status === APICallStatus.SUCCESS) {
-            removeValues();
-        }
-    };
     const handleExplorerRemoveValue = (item) => {
         removeValues(id => id !== item.itemId);
     };
@@ -75,7 +69,6 @@ export const useExplorerLinkRecords = ({ attribute, backendValues, setBackendVal
         }
     };
     return {
-        handleDeleteAllValues,
         handleExplorerRemoveValue,
         handleExplorerMassDeactivateValues,
         handleExplorerLinkValue,

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":"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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 {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"]}