@leav/ui 1.6.0 → 1.7.0-13483399

package/dist/components/RecordEdition/EditRecordContent/shared/ValuesVersionBtn/ValuesVersionBtn.js

@@ -3,12 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { Button, Dropdown, Space } from 'antd';
-import { VscLayers, VscLayersActive } from 'react-icons/vsc';
-import { themeVars } from '../../../../../antdTheme';
 import { BasicButton } from '../../../../../components';
 import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
 import { getValueVersionLabel } from '../../../../../_utils';
 import { VersionFieldScope } from '../../_types';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLayerGroup } from '@fortawesome/free-solid-svg-icons';
 function ValuesVersionBtn({ versions, activeScope, onScopeChange, basic, ...buttonProps }) {
     const { t } = useSharedTranslation();
     const hasInheritedVersion = !!versions[VersionFieldScope.INHERITED];
@@ -18,37 +18,22 @@ function ValuesVersionBtn({ versions, activeScope, onScopeChange, basic, ...butt
         onScopeChange(item.key);
     };
     const currentVersionLabel = getValueVersionLabel(versions[VersionFieldScope.CURRENT]);
-    const iconProps = {
-        size: '1.8em',
-        style: {
-            paddingTop: '5px',
-        },
-    };
-    const icon = activeScope === VersionFieldScope.CURRENT ? _jsx(VscLayersActive, { ...iconProps }) : _jsx(VscLayers, { ...iconProps });
     const menuItems = [
         {
             key: VersionFieldScope.CURRENT,
-            label: (_jsxs(Space, { style: { paddingLeft: hasInheritedVersion ? '1rem' : 0 }, children: [icon, currentVersionLabel] })),
+            label: (_jsxs(Space, { style: { paddingLeft: hasInheritedVersion ? '1rem' : 0 }, children: [_jsx(FontAwesomeIcon, { icon: faLayerGroup }), currentVersionLabel] })),
             onClick: _handleVersionSelect,
         },
     ];
     if (hasInheritedVersion) {
         const inheritedVersionLabel = getValueVersionLabel(versions[VersionFieldScope.INHERITED]) + ` (${t('values_version.inherited_value')})`;
-        const inheritedIconProps = {
-            size: '1.8em',
-            style: {
-                paddingTop: '5px',
-                color: themeVars.inheritedValuesVersionColor,
-            },
-        };
-        const inheritedIcon = activeScope === VersionFieldScope.INHERITED ? (_jsx(VscLayersActive, { ...inheritedIconProps })) : (_jsx(VscLayers, { ...inheritedIconProps }));
         menuItems.unshift({
             key: VersionFieldScope.INHERITED,
-            label: (_jsxs(Space, { children: [inheritedIcon, inheritedVersionLabel] })),
+            label: (_jsxs(Space, { children: [_jsx(FontAwesomeIcon, { icon: faLayerGroup }), inheritedVersionLabel] })),
             onClick: _handleVersionSelect,
         });
     }
-    const buttonIcon = _jsx(VscLayers, { size: "1.35em", style: { paddingTop: '3px' } });
+    const buttonIcon = _jsx(FontAwesomeIcon, { icon: faLayerGroup });
     const button = basic ? (_jsx(BasicButton, { "aria-label": "values-version", shape: "circle", ...buttonProps, icon: buttonIcon, centered: true })) : (_jsx(Button, { "aria-label": "values-version", shape: "circle", ...buttonProps, icon: buttonIcon }));
     return (_jsx(Dropdown, { trigger: ['click'], menu: { items: menuItems, activeKey: activeScope }, children: button }));
 }

package/dist/components/RecordEdition/EditRecordContent/shared/ValuesVersionBtn/ValuesVersionBtn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValuesVersionBtn.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/shared/ValuesVersionBtn/ValuesVersionBtn.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 {Button, type ButtonProps, Dropdown, Space} from 'antd';\nimport {type ItemType} from 'antd/es/menu/interface';\nimport {type MenuItemType} from 'rc-menu/lib/interface';\nimport {VscLayers, VscLayersActive} from 'react-icons/vsc';\nimport {themeVars} from '_ui/antdTheme';\nimport {BasicButton} from '_ui/components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types/values';\nimport {getValueVersionLabel} from '_ui/_utils';\nimport {VersionFieldScope} from '../../_types';\n\ninterface IValuesVersionBtnProps extends Omit<ButtonProps, 'value'> {\n    versions: {[scope in VersionFieldScope]: IValueVersion};\n    activeScope: VersionFieldScope;\n    onScopeChange: (scope: VersionFieldScope) => void;\n    basic?: boolean;\n}\n\nfunction ValuesVersionBtn({\n    versions,\n    activeScope,\n    onScopeChange,\n    basic,\n    ...buttonProps\n}: IValuesVersionBtnProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const hasInheritedVersion = !!versions[VersionFieldScope.INHERITED];\n\n    const _handleVersionSelect: MenuItemType['onClick'] = item => {\n        item.domEvent.preventDefault();\n        item.domEvent.stopPropagation();\n\n        onScopeChange(item.key as VersionFieldScope);\n    };\n\n    const currentVersionLabel = getValueVersionLabel(versions[VersionFieldScope.CURRENT]);\n    const iconProps = {\n        size: '1.8em',\n        style: {\n            paddingTop: '5px',\n        },\n    };\n    const icon =\n        activeScope === VersionFieldScope.CURRENT ? <VscLayersActive {...iconProps} /> : <VscLayers {...iconProps} />;\n    const menuItems: ItemType[] = [\n        {\n            key: VersionFieldScope.CURRENT,\n            label: (\n                <Space style={{paddingLeft: hasInheritedVersion ? '1rem' : 0}}>\n                    {icon}\n                    {currentVersionLabel}\n                </Space>\n            ),\n            onClick: _handleVersionSelect,\n        },\n    ];\n\n    if (hasInheritedVersion) {\n        const inheritedVersionLabel =\n            getValueVersionLabel(versions[VersionFieldScope.INHERITED]) + ` (${t('values_version.inherited_value')})`;\n\n        const inheritedIconProps = {\n            size: '1.8em',\n            style: {\n                paddingTop: '5px',\n                color: themeVars.inheritedValuesVersionColor,\n            },\n        };\n\n        const inheritedIcon =\n            activeScope === VersionFieldScope.INHERITED ? (\n                <VscLayersActive {...inheritedIconProps} />\n            ) : (\n                <VscLayers {...inheritedIconProps} />\n            );\n        menuItems.unshift({\n            key: VersionFieldScope.INHERITED,\n            label: (\n                <Space>\n                    {inheritedIcon}\n                    {inheritedVersionLabel}\n                </Space>\n            ),\n            onClick: _handleVersionSelect,\n        });\n    }\n\n    const buttonIcon = <VscLayers size=\"1.35em\" style={{paddingTop: '3px'}} />;\n    const button = basic ? (\n        <BasicButton aria-label=\"values-version\" shape=\"circle\" {...buttonProps} icon={buttonIcon} centered />\n    ) : (\n        <Button aria-label=\"values-version\" shape=\"circle\" {...buttonProps} icon={buttonIcon} />\n    );\n\n    return (\n        <Dropdown trigger={['click']} menu={{items: menuItems, activeKey: activeScope}}>\n            {button}\n        </Dropdown>\n    );\n}\n\nexport default ValuesVersionBtn;\n"]}
+{"version":3,"file":"ValuesVersionBtn.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordContent/shared/ValuesVersionBtn/ValuesVersionBtn.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,MAAM,EAAoB,QAAQ,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AAI/D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,oBAAoB,EAAC,MAAM,YAAY,CAAC;AAChD,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAS/D,SAAS,gBAAgB,CAAC,EACtB,QAAQ,EACR,WAAW,EACX,aAAa,EACb,KAAK,EACL,GAAG,WAAW,EACO;IACrB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,mBAAmB,GAAG,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAEpE,MAAM,oBAAoB,GAA4B,IAAI,CAAC,EAAE;QACzD,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC;QAC/B,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC;QAEhC,aAAa,CAAC,IAAI,CAAC,GAAwB,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,QAAQ,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtF,MAAM,SAAS,GAAe;QAC1B;YACI,GAAG,EAAE,iBAAiB,CAAC,OAAO;YAC9B,KAAK,EAAE,CACH,MAAC,KAAK,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAC,aACzD,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,EACtC,mBAAmB,IAChB,CACX;YACD,OAAO,EAAE,oBAAoB;SAChC;KACJ,CAAC;IAEF,IAAI,mBAAmB,EAAE,CAAC;QACtB,MAAM,qBAAqB,GACvB,oBAAoB,CAAC,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,gCAAgC,CAAC,GAAG,CAAC;QAE9G,SAAS,CAAC,OAAO,CAAC;YACd,GAAG,EAAE,iBAAiB,CAAC,SAAS;YAChC,KAAK,EAAE,CACH,MAAC,KAAK,eACF,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,EACtC,qBAAqB,IAClB,CACX;YACD,OAAO,EAAE,oBAAoB;SAChC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,UAAU,GAAG,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,CAAC;IAC3D,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CACnB,KAAC,WAAW,kBAAY,gBAAgB,EAAC,KAAK,EAAC,QAAQ,KAAK,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,SAAG,CACzG,CAAC,CAAC,CAAC,CACA,KAAC,MAAM,kBAAY,gBAAgB,EAAC,KAAK,EAAC,QAAQ,KAAK,WAAW,EAAE,IAAI,EAAE,UAAU,GAAI,CAC3F,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAC,YACzE,MAAM,GACA,CACd,CAAC;AACN,CAAC;AAED,eAAe,gBAAgB,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 {Button, type ButtonProps, Dropdown, Space} from 'antd';\nimport {type ItemType} from 'antd/es/menu/interface';\nimport {type MenuItemType} from 'rc-menu/lib/interface';\nimport {themeVars} from '_ui/antdTheme';\nimport {BasicButton} from '_ui/components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type IValueVersion} from '_ui/types/values';\nimport {getValueVersionLabel} from '_ui/_utils';\nimport {VersionFieldScope} from '../../_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faLayerGroup} from '@fortawesome/free-solid-svg-icons';\n\ninterface IValuesVersionBtnProps extends Omit<ButtonProps, 'value'> {\n    versions: {[scope in VersionFieldScope]: IValueVersion};\n    activeScope: VersionFieldScope;\n    onScopeChange: (scope: VersionFieldScope) => void;\n    basic?: boolean;\n}\n\nfunction ValuesVersionBtn({\n    versions,\n    activeScope,\n    onScopeChange,\n    basic,\n    ...buttonProps\n}: IValuesVersionBtnProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const hasInheritedVersion = !!versions[VersionFieldScope.INHERITED];\n\n    const _handleVersionSelect: MenuItemType['onClick'] = item => {\n        item.domEvent.preventDefault();\n        item.domEvent.stopPropagation();\n\n        onScopeChange(item.key as VersionFieldScope);\n    };\n\n    const currentVersionLabel = getValueVersionLabel(versions[VersionFieldScope.CURRENT]);\n\n    const menuItems: ItemType[] = [\n        {\n            key: VersionFieldScope.CURRENT,\n            label: (\n                <Space style={{paddingLeft: hasInheritedVersion ? '1rem' : 0}}>\n                    <FontAwesomeIcon icon={faLayerGroup} />\n                    {currentVersionLabel}\n                </Space>\n            ),\n            onClick: _handleVersionSelect,\n        },\n    ];\n\n    if (hasInheritedVersion) {\n        const inheritedVersionLabel =\n            getValueVersionLabel(versions[VersionFieldScope.INHERITED]) + ` (${t('values_version.inherited_value')})`;\n\n        menuItems.unshift({\n            key: VersionFieldScope.INHERITED,\n            label: (\n                <Space>\n                    <FontAwesomeIcon icon={faLayerGroup} />\n                    {inheritedVersionLabel}\n                </Space>\n            ),\n            onClick: _handleVersionSelect,\n        });\n    }\n\n    const buttonIcon = <FontAwesomeIcon icon={faLayerGroup} />;\n    const button = basic ? (\n        <BasicButton aria-label=\"values-version\" shape=\"circle\" {...buttonProps} icon={buttonIcon} centered />\n    ) : (\n        <Button aria-label=\"values-version\" shape=\"circle\" {...buttonProps} icon={buttonIcon} />\n    );\n\n    return (\n        <Dropdown trigger={['click']} menu={{items: menuItems, activeKey: activeScope}}>\n            {button}\n        </Dropdown>\n    );\n}\n\nexport default ValuesVersionBtn;\n"]}

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