@leav/ui 1.6.0-f3020e13 → 1.6.0-fa2e549e

package/dist/components/RecordEdition/EditRecordContent/antdUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"antdUtils.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordContent/antdUtils.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 {\n    type IRecordForm,\n    type RecordFormElementAttribute,\n    type RecordFormElementsValue,\n    type RecordFormElementsValueLinkValue,\n    type RecordFormElementsValueStandardValue,\n} from '_ui/hooks/useGetRecordForm';\nimport {AttributeFormat, AttributeType} from '_ui/_gqlTypes';\nimport {type IDateRangeValue} from '@leav/utils';\nimport {type Store} from 'antd/lib/form/interface';\nimport dayjs from 'dayjs';\n\nconst hasDateRangeValues = (dateRange: unknown): dateRange is IDateRangeValue =>\n    (dateRange as IDateRangeValue).from !== undefined && (dateRange as IDateRangeValue).to !== undefined;\n\nconst getCalculatedValue = values => values.find(value => value.isCalculated);\n\nconst getInheritedValue = values => values.find(value => value.isInherited);\n\nconst getUserInputValue = values =>\n    values.find(value => !value.isInherited && !value.isCalculated && value.raw_payload !== null);\n\nconst isRecordFormElementsValueLinkValue = (\n    value: RecordFormElementsValue,\n    attribute: RecordFormElementAttribute,\n): value is RecordFormElementsValueLinkValue =>\n    attribute.type === AttributeType.simple_link ||\n    (attribute.type === AttributeType.advanced_link && attribute.multiple_values === false);\n\nconst isRecordFormElementsValueLinkValues = (\n    values: RecordFormElementsValue[],\n    attribute: RecordFormElementAttribute,\n): values is RecordFormElementsValueLinkValue[] =>\n    attribute.type === AttributeType.advanced_link && attribute.multiple_values === true;\n\nconst isRecordFormElementsMultipleValues = (attribute: RecordFormElementAttribute) =>\n    attribute.type === AttributeType.advanced && attribute.multiple_values === true;\n\nconst formatStandardInitialValue = (\n    standardValue: RecordFormElementsValueStandardValue,\n    attribute: RecordFormElementAttribute,\n) => {\n    if (!standardValue?.raw_payload) {\n        return getEmptyInitialValue(attribute);\n    }\n\n    switch (attribute.format) {\n        case AttributeFormat.color:\n        case AttributeFormat.text:\n        case AttributeFormat.rich_text:\n        case AttributeFormat.boolean:\n            return standardValue.raw_payload;\n        case AttributeFormat.numeric:\n            return Number(standardValue.raw_payload);\n        case AttributeFormat.date:\n            return dayjs.unix(Number(standardValue.raw_payload));\n        case AttributeFormat.date_range:\n            if (hasDateRangeValues(standardValue.raw_payload)) {\n                return [\n                    dayjs.unix(Number(standardValue.raw_payload.from)),\n                    dayjs.unix(Number(standardValue.raw_payload.to)),\n                ];\n            } else if (typeof standardValue.raw_payload === 'string') {\n                const convertedFieldValue = JSON.parse(standardValue.raw_payload) as any;\n                return [dayjs.unix(Number(convertedFieldValue.from)), dayjs.unix(Number(convertedFieldValue.to))];\n            }\n    }\n};\n\nexport const EMPTY_INITIAL_VALUE_STRING = '';\nexport const EMPTY_INITIAL_VALUE_UNDEFINED = undefined;\n\nexport const getEmptyInitialValue = (attribute: RecordFormElementAttribute) => {\n    if ([AttributeFormat.date_range, AttributeFormat.color].includes(attribute.format)) {\n        return EMPTY_INITIAL_VALUE_UNDEFINED;\n    }\n    return EMPTY_INITIAL_VALUE_STRING;\n};\n\nexport const getAntdDisplayedValue = (\n    values: RecordFormElementsValueStandardValue[],\n    attribute: RecordFormElementAttribute,\n) =>\n    formatStandardInitialValue(\n        getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null,\n        attribute,\n    );\n\nexport const getAntdFormInitialValues = (recordForm: IRecordForm) =>\n    recordForm.elements.reduce<Store>((acc, {attribute, values}) => {\n        if (!attribute) {\n            return acc;\n        }\n\n        const value = getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null;\n\n        if (isRecordFormElementsValueLinkValue(value, attribute)) {\n            acc[attribute.id] = value?.linkValue?.id;\n            return acc;\n        }\n\n        if (isRecordFormElementsValueLinkValues(values, attribute)) {\n            acc[attribute.id] = values.map(val => val?.linkValue?.id ?? undefined);\n            return acc;\n        }\n\n        if (isRecordFormElementsMultipleValues(attribute)) {\n            const userInputValues = values.filter(val => val.id_value);\n            const calculatedValues = values.filter(val => val.isCalculated);\n            const inheritedValues = values.filter(val => val.isInherited);\n\n            const effectiveValues =\n                userInputValues.length > 0\n                    ? userInputValues\n                    : calculatedValues.length > 0\n                      ? calculatedValues\n                      : inheritedValues.length > 0\n                        ? inheritedValues\n                        : [];\n\n            acc[attribute.id] =\n                effectiveValues.length === 0\n                    ? [getEmptyInitialValue(attribute)]\n                    : effectiveValues\n                          .sort((a, b) => Number(a.id_value) - Number(b.id_value))\n                          .map(val => formatStandardInitialValue(val, attribute));\n            return acc;\n        }\n\n        const standardValue = value as RecordFormElementsValueStandardValue;\n\n        acc[attribute.id] = formatStandardInitialValue(standardValue, attribute);\n\n        return acc;\n    }, {});\n"]}
+{"version":3,"file":"antdUtils.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordContent/antdUtils.ts"],"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 {\n    type IRecordForm,\n    type RecordFormElementAttribute,\n    type RecordFormElementsValue,\n    type RecordFormElementsValueLinkValue,\n    type RecordFormElementsValueStandardValue,\n} from '_ui/hooks/useGetRecordForm';\nimport {AttributeFormat, AttributeType} from '_ui/_gqlTypes';\nimport {type IDateRangeValue} from '@leav/utils';\nimport {type Store} from 'antd/lib/form/interface';\nimport dayjs from 'dayjs';\n\nconst hasDateRangeValues = (dateRange: unknown): dateRange is IDateRangeValue =>\n    (dateRange as IDateRangeValue).from !== undefined && (dateRange as IDateRangeValue).to !== undefined;\n\nconst getCalculatedValue = values => values.find(value => value.isCalculated);\n\nconst getInheritedValue = values => values.find(value => value.isInherited);\n\nconst getUserInputValue = values =>\n    values.find(value => !value.isInherited && !value.isCalculated && value.raw_payload !== null);\n\nconst isRecordFormElementsValueLinkValue = (\n    value: RecordFormElementsValue,\n    attribute: RecordFormElementAttribute,\n): value is RecordFormElementsValueLinkValue =>\n    attribute.type === AttributeType.simple_link ||\n    (attribute.type === AttributeType.advanced_link && attribute.multiple_values === false);\n\nconst isRecordFormElementsValueLinkValues = (\n    values: RecordFormElementsValue[],\n    attribute: RecordFormElementAttribute,\n): values is RecordFormElementsValueLinkValue[] =>\n    attribute.type === AttributeType.advanced_link && attribute.multiple_values === true;\n\nconst isRecordFormElementsMultipleValues = (attribute: RecordFormElementAttribute) =>\n    attribute.type === AttributeType.advanced && attribute.multiple_values === true;\n\nconst formatStandardInitialValue = (\n    standardValue: RecordFormElementsValueStandardValue,\n    attribute: RecordFormElementAttribute,\n) => {\n    if (!standardValue?.raw_payload) {\n        return getEmptyInitialValue(attribute);\n    }\n\n    switch (attribute.format) {\n        case AttributeFormat.color:\n        case AttributeFormat.text:\n        case AttributeFormat.rich_text:\n        case AttributeFormat.boolean:\n            return standardValue.raw_payload;\n        case AttributeFormat.numeric:\n            return Number(standardValue.raw_payload);\n        case AttributeFormat.date:\n            return dayjs.unix(Number(standardValue.raw_payload));\n        case AttributeFormat.date_range:\n            if (hasDateRangeValues(standardValue.raw_payload)) {\n                return [\n                    dayjs.unix(Number(standardValue.raw_payload.from)),\n                    dayjs.unix(Number(standardValue.raw_payload.to)),\n                ];\n            } else if (typeof standardValue.raw_payload === 'string') {\n                const convertedFieldValue = JSON.parse(standardValue.raw_payload) as any;\n                return [dayjs.unix(Number(convertedFieldValue.from)), dayjs.unix(Number(convertedFieldValue.to))];\n            }\n    }\n};\n\nexport const EMPTY_INITIAL_VALUE_STRING = '';\nexport const EMPTY_INITIAL_VALUE_UNDEFINED = undefined;\n\nexport const getEmptyInitialValue = (attribute: RecordFormElementAttribute) => {\n    if ([AttributeFormat.date_range, AttributeFormat.color].includes(attribute.format)) {\n        return EMPTY_INITIAL_VALUE_UNDEFINED;\n    }\n    return EMPTY_INITIAL_VALUE_STRING;\n};\n\nexport const getAntdDisplayedValue = (\n    values: RecordFormElementsValueStandardValue[],\n    attribute: RecordFormElementAttribute,\n) =>\n    formatStandardInitialValue(\n        getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null,\n        attribute,\n    );\n\nexport const getAntdFormInitialValues = (recordForm: IRecordForm) =>\n    recordForm.elements.reduce<Store>((acc, {attribute, values}) => {\n        if (!attribute) {\n            return acc;\n        }\n\n        const value = getUserInputValue(values) ?? getInheritedValue(values) ?? getCalculatedValue(values) ?? null;\n\n        if (isRecordFormElementsValueLinkValue(value, attribute)) {\n            acc[attribute.id] = value?.linkValue?.id;\n            return acc;\n        }\n\n        if (isRecordFormElementsValueLinkValues(values, attribute)) {\n            acc[attribute.id] = values.map(val => val?.linkValue?.id ?? undefined);\n            return acc;\n        }\n\n        if (isRecordFormElementsMultipleValues(attribute)) {\n            const userInputValues = values.filter(val => val.id_value);\n            const calculatedValues = values.filter(val => val.isCalculated);\n            const inheritedValues = values.filter(val => val.isInherited);\n\n            const effectiveValues =\n                userInputValues.length > 0\n                    ? userInputValues\n                    : calculatedValues.length > 0\n                      ? calculatedValues\n                      : inheritedValues.length > 0\n                        ? inheritedValues\n                        : [];\n\n            acc[attribute.id] =\n                effectiveValues.length === 0\n                    ? [getEmptyInitialValue(attribute)]\n                    : effectiveValues\n                          .sort((a, b) => Number(a.id_value) - Number(b.id_value))\n                          .map(val => formatStandardInitialValue(val, attribute));\n            return acc;\n        }\n\n        const standardValue = value as RecordFormElementsValueStandardValue;\n\n        acc[attribute.id] = formatStandardInitialValue(standardValue, attribute);\n\n        return acc;\n    }, {});\n"]}

package/dist/components/RecordEdition/EditRecordContent/hooks/__mocks__/useDeleteValueMutation.d.ts

@@ -1,3 +1,3 @@
 export default function useDeleteValueMutation(): {
-    deleteValue: jest.Mock<any, any>;
+    deleteValue: jest.Mock<any, any, any>;
 };

package/dist/components/RecordEdition/EditRecordContent/hooks/__mocks__/useSaveValueMutation.d.ts

@@ -1,3 +1,3 @@
 export default function useSaveValueMutation(): {
-    saveValue: jest.Mock<any, any>;
+    saveValue: jest.Mock<any, any, any>;
 };

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

@@ -1,14 +1,4 @@
 import { type FunctionComponent } from 'react';
-import { type RecordFormElementsValueLinkValue } from '../../../../../hooks/useGetRecordForm/useGetRecordForm';
-import { type ILinkFieldState } from '../../reducers/linkFieldReducer/linkFieldReducer';
-import { type IFormElementProps } from '../../_types';
-import { type IFormLinkFieldSettings } from '@leav/utils/src/types/forms';
-export type LinkFieldReducerState = ILinkFieldState<RecordFormElementsValueLinkValue>;
-type LinkFieldProps = IFormElementProps<IFormLinkFieldSettings & {
-    columns?: Array<{
-        id: string;
-        label: Record<string, string>;
-    }>;
-}>;
+import { type LinkFieldProps } from './_types';
 declare const LinkField: FunctionComponent<LinkFieldProps>;
 export default LinkField;

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":"AAIA,OAAO,EAAC,aAAa,EAA6B,MAAM,oBAAoB,CAAC;AAG7E,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AAQvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAA+B,EAAE,EAAE;IACjH,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;IAEvC,MAAM,YAAY,GAAG,CAAC,QAAkC,EAAE,aAAsB,KAAK,EAAE,EAAE;QACrF,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YACrC,IAAI,CAAC,SAAS,CAAC;gBACX;oBACI,IAAI,EAAE,SAAS,CAAC,EAAE;oBAClB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;iBAC1E;aACJ,CAAC,CAAC;YACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;YACrB,OAAO;QACX,CAAC;QAED,MAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CACzD,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAC3E,CAAC;QAEF,IAAI,CAAC,aAAa,CACd,SAAS,CAAC,EAAE,EACZ,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CACtD,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC;YACX;gBACI,IAAI,EAAE,SAAS,CAAC,EAAE;gBAClB,MAAM,EACF,SAAS,CAAC,QAAQ,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;aACvG;SACJ,CAAC,CAAC;QAEH,gBAAgB,CAAC,qBAAqB,CAAC,EAAE,CACrC,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CACxC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAC3E,CACJ,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,IAAe,EAAE,EAAE;QAClD,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,kCAAkC,GAAG,CACvC,mBAAwC,EACxC,aAA4B,EAC9B,EAAE;QACA,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,gBAAuC,EAAE,EAAE;QACxE,IAAI,gBAAgB,CAAC,MAAM,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC;YACpD,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAuD,CAAC;YAEhG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,EAAE;gBAC7B,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC;gBACnD,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC;aACvD,CAAC,CAAC;YAEH,IAAI,CAAC,SAAS,CAAC;gBACX;oBACI,IAAI,EAAE,SAAS,CAAC,EAAE;oBAClB,MAAM,EAAE,EAAE;iBACb;aACJ,CAAC,CAAC;YAEH,gBAAgB,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,GAAG,qBAAqB,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC;QAC7F,CAAC;QAED,IAAI,gBAAgB,CAAC,MAAM,KAAK,aAAa,CAAC,KAAK,IAAI,gBAAgB,CAAC,MAAM,EAAE,CAAC;YAC7E,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAElG,IAAI,cAAc,EAAE,CAAC;gBACjB,MAAM,YAAY,GACd,cAAc,CAAC,IAAI,KAAK,UAAU,CAAC,gBAAgB;oBAC/C,CAAC,CAAC,cAAc,CAAC,OAAO;oBACxB,CAAC,CAAC,CAAC,CAAC,UAAU,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC;gBAE7C,IAAI,CAAC,SAAS,CAAC;oBACX;wBACI,IAAI,EAAE,SAAS,CAAC,EAAE;wBAClB,MAAM,EAAE,CAAC,YAAY,CAAC;qBACzB;iBACJ,CAAC,CAAC;YACP,CAAC;QACL,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,EAC/B,eAAe,EACf,sBAAsB,GAIzB,EAAE,EAAE;QACD,IAAI,sBAAsB,EAAE,CAAC;YACzB,uBAAuB,CAAC,sBAAsB,CAAC,CAAC;QACpD,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACH,yBAAyB;QACzB,kCAAkC;QAClC,uBAAuB;QACvB,yBAAyB;KAC5B,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 {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/{link-record → explorer/link-record}/useLinkRecords.js

@@ -2,29 +2,37 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // 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 { Explorer } from '../../../../../../../components/Explorer';
 import { useEffect, useState } from 'react';
-import { ExplorerWrapper } from '../shared/ExplorerWrapper';
-import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
-import { AntForm, KitSpace, KitTooltip } from 'aristid-ds';
+import { AntForm, KitButton, KitSpace, KitTooltip } from 'aristid-ds';
 import { useExplorerLinkRecords } from './useExplorerLinkRecords';
-import { ActionButton } from './ActionButton';
-import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-import { useEditRecordModal } from '../../../../../../components/RecordEdition/EditRecordModal/useEditRecordModal';
+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;
-export const useLinkRecords = ({ libraryId, recordId, editionFormId, isFormCreationMode, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, isReadOnly, isFieldInError, hasNoValue, onDeleteMultipleValues, }) => {
+const ActionButton = styled(KitButton) `
+    margin-top: ${props => (props.$hasNoValue ? 0 : 'calc((var(--general-spacing-xs)) * 1px)')};
+`;
+const ExplorerWrapper = styled.div `
+    max-height: ${INPUT_MAX_HEIGHT};
+
+    > div {
+        max-height: ${INPUT_MAX_HEIGHT};
+    }
+`;
+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 { handleDeleteAllValues, handleExplorerCreateValue, handleExplorerLinkValue, handleExplorerMassDeactivateValues, handleExplorerRemoveValue, } = useExplorerLinkRecords({
+    const { handleExplorerCreateValue, handleExplorerLinkValue, handleExplorerMassDeactivateValues, handleExplorerRemoveValue, } = useExplorerLinkRecords({
         attribute,
         backendValues,
         setBackendValues,
-        onDeleteMultipleValues,
     });
     const _handleExplorerRef = (ref) => {
         if (_shouldUpdateExplorerActions(ref, explorerActions)) {
@@ -52,10 +60,6 @@ export const useLinkRecords = ({ libraryId, recordId, editionFormId, isFormCreat
     }, []);
     const { EditRecordModal, openEditRecordModal } = useEditRecordModal();
     return {
-        UnlinkAllRecords: !isReadOnly &&
-            backendValues.length > 1 &&
-            attribute.multiple_values &&
-            !attribute.required && (_jsx(DeleteAllValuesButton, { handleDelete: handleDeleteAllValues, disabled: isReadOnly, danger: isFieldInError })),
         LinkRecordsExplorer: recordId && (_jsxs(_Fragment, { children: [_jsx(ExplorerWrapper, { children: _jsx(Explorer, { ref: _handleExplorerRef, defaultViewSettings: {
                             attributesIds: columnsToDisplay,
                         }, entrypoint: {

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,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;kBAChB,gBAAgB;;;sBAGZ,gBAAgB;;CAErC,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,eAAe,cACZ,KAAC,QAAQ,IACL,GAAG,EAAE,kBAAkB,EACvB,mBAAmB,EAAE;4BACjB,aAAa,EAAE,gBAAgB;yBAClC,EACD,UAAU,EAAE;4BACR,IAAI,EAAE,MAAM;4BACZ,eAAe,EAAE,SAAS;4BAC1B,cAAc,EAAE,QAAQ;4BACxB,eAAe,EAAE,SAAS,CAAC,EAAE;yBAChC,EACD,gBAAgB,EAAE;4BACd,IAAI,EAAE;gCACF,MAAM,EAAE,yBAAyB;6BACpC;4BACD,IAAI,EAAE;gCACF,UAAU,EAAE,kCAAkC;6BACjD;4BACD,OAAO,EAAE;gCACL,IAAI,EAAE,uBAAuB;gCAC7B,MAAM,EAAE,yBAAyB;6BACpC;yBACJ,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;4BACV,CAAC,SAAS,CAAC,eAAe;4BAC1B,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,EAEnF,qBAAqB,EAAE,uBAAuB,EAAE,EAChD,WAAW,EAAE;4BACT;gCACI,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;gCAC9B,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,KAAK,GAAI;gCACtC,uBAAuB,EAAE,IAAI;gCAC7B,QAAQ,EAAE,IAAI,CAAC,EAAE;oCACb,mBAAmB,CAAC;wCAChB,OAAO,EAAE,IAAI,CAAC,SAAS;wCACvB,MAAM,EAAE;4CACJ,EAAE,EAAE,IAAI,CAAC,MAAM;4CACf,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK;4CACzB,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ;4CAC/B,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK;4CACzB,OAAO,EAAE,EAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAC;yCAChC;wCACD,aAAa;qCAChB,CAAC,CAAC;gCACP,CAAC;6BACJ;yBACJ,EACD,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,QAClB,eAAe,SACjB,GACY,EACjB,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\nconst ExplorerWrapper = styled.div`\n    max-height: ${INPUT_MAX_HEIGHT};\n\n    > div {\n        max-height: ${INPUT_MAX_HEIGHT};\n    }\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                <ExplorerWrapper>\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\n                    />\n                </ExplorerWrapper>\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,4 +1,4 @@
-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;

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