@leav/ui 0.4.0-2b240f6 → 0.4.0-347facc

package/dist/components/LinkSelect/LinkSelect.js

@@ -3,11 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faPlus, faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons';
-import { KitButton, KitDivider, KitSelect, KitSpace } from 'aristid-ds';
+import { faMagnifyingGlass, faPlus } from '@fortawesome/free-solid-svg-icons';
+import { KitButton, KitDivider, KitLoader, KitSelect, KitSpace } from 'aristid-ds';
 import styled from 'styled-components';
-import { useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
+import { useDebouncedValue } from '../../hooks/useDebouncedValue';
+import { FaChevronDown } from 'react-icons/fa';
 const StyledDivider = styled(KitDivider) `
     margin: calc(var(--general-spacing-xs) * 1px);
 `;
@@ -16,29 +18,71 @@ const StyledContainer = styled.div `
     justify-content: center;
 `;
 const StyledKitSelect = styled(KitSelect) `
-    .ant-select-selection-overflow-item:not(.ant-select-selection-overflow-item-suffix) {
-        display: none;
+    &.select-without-tags {
+        .ant-select-selection-overflow-item:not(.ant-select-selection-overflow-item-suffix) {
+            display: none;
+        }
     }
 `;
-function LinkSelect({ tagDisplay, options, defaultValues, hideAdvancedSearch = false, onUpdateSelection, onCreate, onAdvanceSearch }) {
+function LinkSelect({ tagDisplay, options, defaultValues, hideAdvancedSearch = false, onUpdateSelection, onClickCreateButton, onBlur, onAdvanceSearch, onSearch }) {
     const { t } = useSharedTranslation();
-    const [openSelect, setOpenSelect] = useState(tagDisplay);
+    const itemsToLink = useRef(new Set());
+    const itemsToDelete = useRef(new Set());
+    const [isOpen, setIsOpen] = useState(false);
     const [currentSearch, setCurrentSearch] = useState('');
+    const debouncedSearch = useDebouncedValue(currentSearch, 500);
     const [emptyResults, setEmptyResults] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        if (!tagDisplay) {
+            setIsOpen(true);
+        }
+    }, [tagDisplay]);
+    useEffect(() => {
+        // Call API search when debounced search value changes
+        onSearch?.(debouncedSearch).then(() => {
+            setIsLoading(false);
+        });
+    }, [debouncedSearch]);
+    useEffect(() => {
+        if (debouncedSearch === '') {
+            setEmptyResults(false);
+        }
+        else {
+            setEmptyResults(options.length === 0);
+        }
+    }, [options, debouncedSearch]);
     const _handleChange = (selection) => {
-        onUpdateSelection(selection);
+        onUpdateSelection?.(selection);
     };
     const _handleSearch = (value) => {
+        setIsLoading(true);
         setCurrentSearch(value);
-        const optionsFiltered = options.filter(option => option.label.toLowerCase().includes(value.toLowerCase()));
-        setEmptyResults(optionsFiltered.length === 0 && value !== '');
     };
-    const dropdownButtons = (menu) => (_jsxs(_Fragment, { children: [menu, (emptyResults || !hideAdvancedSearch) && (_jsxs(_Fragment, { children: [_jsx(StyledDivider, {}), _jsx(StyledContainer, { children: _jsxs(KitSpace, { align: "center", direction: "vertical", size: "xs", children: [emptyResults && (_jsx(KitButton, { type: "secondary", icon: _jsx(FontAwesomeIcon, { icon: faPlus }), onClick: () => onCreate(currentSearch), children: `${t('record_edition.new_record')} "${currentSearch}"` })), !hideAdvancedSearch && (_jsx(KitButton, { type: "tertiary", icon: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass }), onClick: () => onAdvanceSearch(), children: t('record_edition.advanced_search') }))] }) })] }))] }));
-    return (_jsx(_Fragment, { children: tagDisplay ? (_jsx(KitSelect, { placeholder: t('record_edition.select'), mode: "multiple", defaultValue: defaultValues, options: options, optionFilterProp: "label", filterOption: (input, option) => option?.value?.toString().toLowerCase().includes(input.toLowerCase()), showSearch: true, onChange: value => _handleChange(value), onSearch: value => _handleSearch(value), dropdownRender: dropdownButtons })) : (_jsx(StyledKitSelect, { open: openSelect, placeholder: t('record_edition.select'), mode: "multiple", defaultValue: defaultValues, options: options, optionFilterProp: "label", filterOption: (input, option) => option?.value?.toString().toLowerCase().includes(input.toLowerCase()), showSearch: true, suffixIcon: _jsx("div", {}), allowClear: false, onBlur: () => {
-                setOpenSelect(false);
-            }, onFocus: () => {
-                setOpenSelect(true);
-            }, onChange: value => _handleChange(value), onSearch: value => _handleSearch(value), dropdownRender: dropdownButtons })) }));
+    const _onClickCreateButton = () => {
+        onClickCreateButton?.(debouncedSearch);
+    };
+    const _onBlur = () => {
+        onBlur?.(itemsToLink.current, itemsToDelete.current);
+        setIsOpen(false);
+    };
+    const _onSelect = (itemId) => {
+        // remove itemToDelete if exists
+        itemsToDelete.current.delete(itemId);
+        itemsToLink.current.add(itemId);
+    };
+    const _onDeselect = (itemId) => {
+        if (itemsToLink.current.has(itemId)) {
+            // Remove item to link if exists
+            itemsToLink.current.delete(itemId);
+            return;
+        }
+        itemsToDelete.current.add(itemId);
+    };
+    const dropdownButtons = menu => (_jsxs("div", { className: "dropdown-custom", children: [menu, (emptyResults || !hideAdvancedSearch) && (_jsxs(_Fragment, { children: [_jsx(StyledDivider, {}), _jsx(StyledContainer, { children: isLoading ? (_jsx(KitLoader, {})) : (_jsxs(KitSpace, { align: "center", direction: "vertical", size: "xs", children: [emptyResults && (_jsx(KitButton, { type: "secondary", icon: _jsx(FontAwesomeIcon, { icon: faPlus }), onClick: _onClickCreateButton, 
+                                    // @ts-ignore: required to avoid the click propagation that will automatically close the dropdown modal - https://aristid.atlassian.net/browse/DS-339
+                                    onMouseDown: e => e.preventDefault(), children: `${t('record_edition.new_record')} "${debouncedSearch}"` })), !hideAdvancedSearch && (_jsx(KitButton, { type: "tertiary", icon: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass }), onClick: () => onAdvanceSearch(), children: t('record_edition.advanced_search') }))] })) })] }))] }));
+    return (_jsx(StyledKitSelect, { className: tagDisplay ? undefined : 'select-without-tags', placeholder: t('record_edition.select'), mode: "multiple", open: isOpen, defaultValue: defaultValues, options: options, optionFilterProp: "label", filterOption: false, showSearch: true, onChange: _handleChange, onSearch: _handleSearch, onBlur: _onBlur, onFocus: () => setIsOpen(true), onDeselect: _onDeselect, onSelect: _onSelect, dropdownRender: dropdownButtons, autoFocus: !tagDisplay, allowClear: tagDisplay, suffixIcon: tagDisplay ? _jsx(FaChevronDown, {}) : _jsx("div", {}) }));
 }
 export default LinkSelect;
 //# sourceMappingURL=LinkSelect.js.map

package/dist/components/LinkSelect/LinkSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkSelect.js","sourceRoot":"","sources":["../../../src/components/LinkSelect/LinkSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LinkSelect.js","sourceRoot":"","sources":["../../../src/components/LinkSelect/LinkSelect.tsx"],"names":[],"mappings":"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"}

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

@@ -43,7 +43,7 @@ const KitInputWrapperStyled = styled(KitInputWrapper) `
 const LinkField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMultipleValues, onValueSubmit, onValueDelete, metadataEdit = false }) => {
     const { state, dispatch } = useEditRecordReducer();
     const { lang } = useLang();
-    const { settings, attribute } = element;
+    const { settings, attribute, joinLibraryContext } = element;
     const attributesPendingDefaultValues = pendingValues?.[attribute.id]
         ? Object.values(pendingValues?.[attribute.id])
         : [];
@@ -55,7 +55,7 @@ const LinkField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMul
     const label = localizedTranslation(settings.label, lang);
     const fieldErrors = form.getFieldError(attribute.id);
     const columnsToDisplay = settings.columns?.map(({ id }) => id);
-    const isReadOnly = attribute.readonly || readonly;
+    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly;
     const isFieldInError = fieldErrors.length > 0;
     useEffect(() => {
         setAttributePendingValues(pendingValues?.[attribute.id]
@@ -75,7 +75,8 @@ const LinkField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMul
             '.kit-modal-wrapper',
             `.${CREATE_RECORD_MODAL_CLASSNAME}`,
             `.${LINK_RECORDS_MODAL_CLASSNAME}`,
-            `.${EDIT_RECORD_MODAL_CLASSNAME}`
+            `.${EDIT_RECORD_MODAL_CLASSNAME}`,
+            '.kit-select-dropdown-content'
         ]
     });
     const { UnlinkAllRecordsInCreation, LinkRecordsInCreation } = useLinkRecordsInCreation({
@@ -94,6 +95,7 @@ const LinkField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMul
         libraryId: state.libraryId,
         recordId: state.record?.id,
         attribute,
+        joinLibraryContext,
         columnsToDisplay,
         backendValues,
         setBackendValues,
@@ -106,7 +108,7 @@ const LinkField = ({ element, readonly, formIdToLoad, pendingValues, onDeleteMul
         hasNoValue: backendValues.length === 0,
         onDeleteMultipleValues
     });
-    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsx(AntForm.Item, { name: attribute.id, noStyle: true, children: _jsx(KitInputWrapperStyled, { id: LINK_FIELD_ID_PREFIX + attribute.id, label: label, required: attribute.required, bordered: true, disabled: isReadOnly, status: isFieldInError ? 'error' : undefined, helper: isFieldInError ? String(fieldErrors[0]) : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), formIdToLoad === 'creation' ? UnlinkAllRecordsInCreation : UnlinkAllRecordsInEdition] }), children: formIdToLoad === 'creation' ? LinkRecordsInCreation : LinkRecordsInEditionExplorer }) }) }));
+    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsx(AntForm.Item, { name: attribute.id, noStyle: true, children: _jsx(KitInputWrapperStyled, { id: LINK_FIELD_ID_PREFIX + attribute.id, "data-testid": "link-field", label: label, required: attribute.required, bordered: true, disabled: isReadOnly, status: isFieldInError ? 'error' : undefined, helper: isFieldInError ? String(fieldErrors[0]) : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), formIdToLoad === 'creation' ? UnlinkAllRecordsInCreation : UnlinkAllRecordsInEdition] }), children: formIdToLoad === 'creation' ? LinkRecordsInCreation : LinkRecordsInEditionExplorer }) }) }));
 };
 export default LinkField;
 //# sourceMappingURL=LinkField.js.map

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

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-creation/useLinkRecordsInCreation.js

@@ -90,14 +90,14 @@ export const useLinkRecordsInCreation = ({ attribute, libraryId, pendingValues,
                         icon: _jsx(FaPlus, {}),
                         label: t('explorer.create-one'),
                         callback: () => openCreateRecordModal(libraryId),
-                        disabled: isReadOnly || !attribute.permissions.edit_value
+                        disabled: isReadOnly
                     }, linkButtonProps: {
                         icon: _jsx(FaList, {}),
                         label: attribute.multiple_values || hasNoSelectedRecord
                             ? t('explorer.add-existing-item')
                             : t('record_edition.replace-by-existing-item'),
                         callback: openRecordSelectorModal,
-                        disabled: isReadOnly || !attribute.permissions.edit_value
+                        disabled: isReadOnly
                     }, hasNoValue: hasNoSelectedRecord }), CreateRecordModal, RecordSelectorModal, EditRecordModal] }))
     };
 };

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-creation/useLinkRecordsInCreation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLinkRecordsInCreation.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-creation/useLinkRecordsInCreation.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAC,kBAAkB,EAAC,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,iBAAiB,EAAC,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,uBAAuB,EAAC,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAC,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAC,oBAAoB,EAA8B,MAAM,eAAe,CAAC;AAChF,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,qBAAqB,EAAC,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAW,SAAS,EAAC,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EACH,6BAA6B,EAGhC,MAAM,kEAAkE,CAAC;AAe1E,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACrC,SAAS,EACT,SAAS,EACT,aAAa,EACb,eAAe,EACf,QAAQ,EACR,UAAU,EACV,UAAU,EACV,cAAc,EACd,aAAa,EACb,aAAa,EACgB,EAAE,EAAE;IACjC,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC;IAEvC,MAAM,EAAC,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAE,kBAAkB,EAAC,GACrG,cAAc,CAAC;QACX,SAAS;QACT,SAAS;QACT,aAAa;QACb,aAAa;KAChB,CAAC,CAAC;IAEP,MAAM,EAAC,SAAS,EAAE,qBAAqB,EAAE,iBAAiB,EAAC,GAAG,eAAe,CAAC;QAC1E,WAAW;KACd,CAAC,CAAC;IAEH,MAAM,EAAC,SAAS,EAAE,uBAAuB,EAAE,mBAAmB,EAAC,GAAG,iBAAiB,CAAC;QAChF,SAAS;QACT,iBAAiB,EAAE,CAAC,SAAS,CAAC,eAAe,IAAI,CAAC,mBAAmB;QACrE,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ;QAChE,WAAW;KACd,CAAC,CAAC;IAEH,MAAM,EAAC,SAAS,EAAE,mBAAmB,EAAE,eAAe,EAAC,GAAG,aAAa,EAAE,CAAC;IAE1E,MAAM,EAAC,QAAQ,EAAE,sBAAsB,EAAC,GAAG,iBAAiB,CAAC;QACzD,aAAa;KAChB,CAAC,CAAC;IAEH,MAAM,EAAC,QAAQ,EAAE,0BAA0B,EAAC,GAAG,qBAAqB,CAAC;QACjE,aAAa;KAChB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;YACjE,yHAAyH;YACzH,IAAI,CAAC,SAAS,CAAC;gBACX;oBACI,IAAI,EAAE,SAAS,CAAC,EAAE;oBAClB,MAAM,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC;iBAChD;aACJ,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,IAAI,eAAe,EAAE,SAAS,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,EAAE,CAAC;YAC/D,oEAAoE;YACpE,QAAQ,CAAC;gBACL,IAAI,EAAE,6BAA6B,CAAC,gBAAgB;gBACpD,MAAM,EAAE,aAAa;aACxB,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO;QACH,0BAA0B,EAAE,UAAU,IAAI,kBAAkB,IAAI,CAC5D,KAAC,qBAAqB,IAAC,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,GAAI,CACvG;QACD,qBAAqB,EAAE,UAAU,IAAI,CACjC,8BACI,KAAC,eAAe,cACZ,KAAC,QAAQ,IAEL,mBAAmB,EAAE;4BACjB,OAAO,EAAE,eAAe;4BACxB,eAAe,EAAE,oBAAoB,CAAC,EAAE;yBAC3C,EACD,UAAU,EAAE;4BACR,IAAI,EAAE,SAAS;4BACf,SAAS;yBACZ,EACD,SAAS,EAAE,KAAK,EAChB,UAAU,EAAE,KAAK,EACjB,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EAChE,mBAAmB,EAAE,CAAC,SAAS,CAAC,eAAe,EAC/C,gBAAgB,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC,eAAe,EAC1D,qBAAqB,EAAE,EAAE,EACzB,WAAW,EAAE;4BACT,EAAC,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,KAAC,KAAK,KAAG,EAAE,QAAQ,EAAE,mBAAmB,EAAC;4BAChF,GAAG,CAAC,SAAS,CAAC,eAAe;gCACzB,CAAC,CAAC;oCACI;wCACI,KAAK,EAAE,uBAAuB;wCAC9B,IAAI,EAAE,KAAC,OAAO,KAAG;wCACjB,QAAQ,EAAE,sBAAsB;wCAChC,QAAQ,EAAE,IAAI;qCACjB;iCACJ;gCACH,CAAC,CAAC,EAAE,CAAC;yBACZ,EACD,kBAAkB,EAAE,EAAE,EACtB,WAAW,EACP,SAAS,CAAC,eAAe;4BACrB,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,KAAC,OAAO,KAAG,EAAE,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAE,0BAA0B,EAAC,CAAC;4BACxF,CAAC,CAAC,EAAE,EAEZ,kBAAkB,QAClB,eAAe,QACf,oBAAoB,QACpB,YAAY,UArCP,WAAW,CAsClB,GACY,EAClB,KAAC,kBAAkB,IACf,iBAAiB,EAAE;wBACf,IAAI,EAAE,KAAC,MAAM,KAAG;wBAChB,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC;wBAC/B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;wBAChD,QAAQ,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,UAAU;qBAC5D,EACD,eAAe,EAAE;wBACb,IAAI,EAAE,KAAC,MAAM,KAAG;wBAChB,KAAK,EACD,SAAS,CAAC,eAAe,IAAI,mBAAmB;4BAC5C,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC;4BACjC,CAAC,CAAC,CAAC,CAAC,yCAAyC,CAAC;wBACtD,QAAQ,EAAE,uBAAuB;wBACjC,QAAQ,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,UAAU;qBAC5D,EACD,UAAU,EAAE,mBAAmB,GACjC,EACD,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,IACjB,CACN;KACJ,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"useLinkRecordsInCreation.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-creation/useLinkRecordsInCreation.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record-in-edition/useLinkRecordsInEdition.d.ts

@@ -1,13 +1,14 @@
 import { Explorer } from '../../../../../../components/Explorer';
 import { ComponentProps, Dispatch, SetStateAction } from 'react';
 import { DeleteMultipleValuesFunc } from '../../../_types';
-import { RecordFormAttributeLinkAttributeFragment } from '../../../../../../_gqlTypes';
+import { JoinLibraryContextFragment, RecordFormAttributeLinkAttributeFragment } from '../../../../../../_gqlTypes';
 import { RecordFormElementsValueLinkValue } from '../../../../../../hooks/useGetRecordForm';
 import { IEditRecordReducerActions, IRecordPropertyWithAttribute } from '../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
 interface ILinkRecordsInCreationProps {
     libraryId: string;
     recordId: string;
     attribute: RecordFormAttributeLinkAttributeFragment;
+    joinLibraryContext: JoinLibraryContextFragment;
     columnsToDisplay: ComponentProps<typeof Explorer>['defaultViewSettings']['attributesIds'];
     backendValues: RecordFormElementsValueLinkValue[];
     setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;
@@ -20,7 +21,7 @@ interface ILinkRecordsInCreationProps {
     hasNoValue: boolean;
     onDeleteMultipleValues: DeleteMultipleValuesFunc;
 }
-export declare const useLinkRecordsInEdition: ({ libraryId, recordId, attribute, columnsToDisplay, backendValues, setBackendValues, activeAttribute, dispatch, isHookUsed, isReadOnly, isFieldInError, tagDisplayMode, hasNoValue, onDeleteMultipleValues }: ILinkRecordsInCreationProps) => {
+export declare const useLinkRecordsInEdition: ({ libraryId, recordId, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, activeAttribute, dispatch, isHookUsed, isReadOnly, isFieldInError, tagDisplayMode, onDeleteMultipleValues }: ILinkRecordsInCreationProps) => {
     UnlinkAllRecordsInEdition: JSX.Element;
     LinkRecordsInEditionExplorer: JSX.Element;
 };

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

@@ -4,41 +4,122 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { Explorer } from '../../../../../../components/Explorer';
 import { useEffect, useState } from 'react';
-import { FaList } from 'react-icons/fa';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 import { ExplorerWrapper } from '../shared/ExplorerWrapper';
-import { LinkActionsButtons } from '../shared/LinkActionsButtons';
 import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
-import { AntForm } from 'aristid-ds';
+import { AttributeType, RecordFilterCondition, RecordFilterOperator, useGetLibraryByIdQuery, useGetJoinLibraryMandatoryAttributeValuesLazyQuery, useGetRecordsFromLibraryQuery } from '../../../../../../_gqlTypes';
+import useSaveValueBatchMutation from '../../../../../../components/RecordEdition/EditRecordContent/hooks/useExecuteSaveValueBatchMutation';
+import { AntForm, KitButton } from 'aristid-ds';
 import { EditRecordReducerActionsTypes } from '../../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
 import { useLinkRecords } from './useLinkRecords';
-import { useGetRecordValuesQuery } from '../../../../../../hooks/useGetRecordValuesQuery/useGetRecordValuesQuery';
 import LinkSelect from '../../../../../../components/LinkSelect';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { SelectTreeNodeModal } from '../../TreeField/manage-tree-node-selection/SelectTreeNodeModal';
+import _ from 'lodash';
 const _shouldUpdateExplorerActions = (ref, explorerActions) => ref?.createAction?.disabled !== explorerActions?.createAction?.disabled ||
     ref?.linkAction?.disabled !== explorerActions?.linkAction?.disabled ||
     ref?.totalCount !== explorerActions?.totalCount;
-export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, columnsToDisplay, backendValues, setBackendValues, activeAttribute, dispatch, isHookUsed, isReadOnly, isFieldInError, tagDisplayMode, hasNoValue, onDeleteMultipleValues }) => {
+export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, activeAttribute, dispatch, isHookUsed, isReadOnly, isFieldInError, tagDisplayMode, onDeleteMultipleValues }) => {
     const { t } = useSharedTranslation();
-    const [explorerActions, setExplorerActions] = useState(null);
     const form = AntForm.useFormInstance();
+    const [isExplorerAddButtonClicked, setIsExplorerAddButtonClicked] = useState(false);
+    const [explorerActions, setExplorerActions] = useState(null);
+    const [fullTextSearchAttributes, setFullTextSearchAttributes] = useState([]);
+    const [linkedIds, setLinkIds] = useState([]);
+    const [selectOptions, setSelectOptions] = useState([]);
+    /**
+     * Keys is joined record id (e.g. thematic), values is join record Id (e.g. structure_item)
+     * Necessary to get the id_value of the link when we want to delete a value
+     */
+    const [joinedRecordIdsMap, setJoinedRecordIdsMap] = useState(null);
     const { handleDeleteAllValues, handleExplorerCreateValue, handleExplorerLinkValue, handleExplorerMassDeactivateValues, handleExplorerRemoveValue } = useLinkRecords({
         attribute,
         backendValues,
         setBackendValues,
         onDeleteMultipleValues
     });
+    const _getLibraryId = () => (joinLibraryContext?.mandatoryAttribute &&
+        'linked_library' in joinLibraryContext.mandatoryAttribute &&
+        joinLibraryContext.mandatoryAttribute.linked_library?.id) ||
+        attribute.linked_library.id;
+    // Query to get all records from the linked library
+    // Network-only is useful to avoid caching, we have a side effect otherwise
+    // When the record is created, if we call getRecordsFromLibrary(), the previous records are returned
+    const { data: libraryItems, refetch: getRecordsFromLibrary } = useGetRecordsFromLibraryQuery({
+        fetchPolicy: 'network-only',
+        variables: {
+            libraryId: _getLibraryId(),
+            pagination: { limit: 10, offset: 0 }
+        }
+    });
+    // Function to get the library configuration
+    const { data: libraryLinked } = useGetLibraryByIdQuery({
+        variables: {
+            id: _getLibraryId()
+        }
+    });
     useEffect(() => {
-        if (isHookUsed && backendValues.length === 0 && attribute.required) {
-            // Set field in error when LinkField is displayed for the first time. Otherwise, errors will be handled by _removeValues() or _handleExplorerLinkValue()
-            form.setFields([
-                {
-                    name: attribute.id,
-                    errors: [t('errors.standard_field_required')]
+        if (libraryLinked) {
+            setFullTextSearchAttributes(libraryLinked.libraries.list[0].fullTextAttributes);
+        }
+    }, [libraryLinked]);
+    // For each record in backendValues, get the id of the record linked by the mandatory attribute
+    // Will create a map of joined record ids to their corresponding link ids in joinedRecordIdsMap
+    const [getJoinLibraryMandatoryAttributeValues, { data: mandatoryAttributeValues }] = useGetJoinLibraryMandatoryAttributeValuesLazyQuery({
+        fetchPolicy: 'no-cache'
+    });
+    useEffect(() => {
+        if (mandatoryAttributeValues) {
+            const _joinedRecordIdsMap = mandatoryAttributeValues?.records?.list.reduce((acc, record) => {
+                const joinedRecordId = record.property[0]?.payload?.id;
+                if (joinedRecordId) {
+                    acc[joinedRecordId] = record.id;
                 }
-            ]);
+                return acc;
+            }, {});
+            const linkIds = Object.keys(_joinedRecordIdsMap);
+            setJoinedRecordIdsMap(_joinedRecordIdsMap);
+            setLinkIds(linkIds);
         }
-    }, []);
+    }, [mandatoryAttributeValues]);
+    // Function to refetch data with current parameters
+    const getRecordsRefetch = (customVariables = {}) => getRecordsFromLibrary({
+        libraryId: _getLibraryId(),
+        pagination: { limit: 10, offset: 0 },
+        ...customVariables
+    });
     useEffect(() => {
+        // will be set by specific useEffect on joinLinkOrTreeValue after getLinkOrTreeAttributeValueOfRecord
+        if (backendValues.length) {
+            if (joinLibraryContext?.mandatoryAttribute?.id) {
+                const filteredJoinRecords = backendValues.reduce((acc, value, index) => {
+                    // Add OR operator between filters (except before the first filter)
+                    if (index > 0) {
+                        acc.push({ operator: RecordFilterOperator.OR });
+                    }
+                    acc.push({
+                        condition: RecordFilterCondition.EQUAL,
+                        field: 'id',
+                        value: value.linkValue.id
+                    });
+                    return acc;
+                }, []);
+                getJoinLibraryMandatoryAttributeValues({
+                    variables: {
+                        joinLibraryId: attribute.linked_library.id,
+                        filters: filteredJoinRecords,
+                        mandatoryAttributeId: joinLibraryContext.mandatoryAttribute.id
+                    }
+                });
+            }
+            else {
+                setLinkIds(backendValues.map(bv => bv.linkValue.id));
+            }
+        }
+        else {
+            setLinkIds([]);
+        }
         if (isHookUsed && activeAttribute?.attribute.id === attribute.id) {
             // Update active value used in the sidebar when backendValues change
             dispatch({
@@ -46,22 +127,37 @@ export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, column
                 values: backendValues
             });
         }
-    }, [backendValues]);
-    const { data: fieldValues } = useGetRecordValuesQuery(libraryId, [attribute.id], [recordId]);
-    const selectOptions = (fieldValues?.[recordId]?.[attribute.id] ?? []).map(({ linkValue: record }) => ({
-        value: record.id,
-        label: record.whoAmI.label ?? record.whoAmI.id,
-        idCard: {
-            description: record.whoAmI.label ?? record.whoAmI.id,
-            avatarProps: {
-                size: 'small',
-                shape: 'square',
-                imageFit: 'contain',
-                src: record.whoAmI.preview?.small,
-                label: record.whoAmI.label ?? record.whoAmI.id
-            }
+    }, [backendValues, joinLibraryContext]);
+    // Update options for LinkSelect when libraryItems update
+    useEffect(() => {
+        if (libraryItems?.records?.list) {
+            setSelectOptions(libraryItems.records.list.map(record => ({
+                value: record.id,
+                label: record.whoAmI.label ?? record.whoAmI.id,
+                idCard: {
+                    description: record.whoAmI.label ?? record.whoAmI.id,
+                    avatarProps: {
+                        size: 'small',
+                        shape: 'square',
+                        imageFit: 'contain',
+                        src: record.whoAmI.preview?.small,
+                        label: record.whoAmI.label ?? record.whoAmI.id
+                    }
+                }
+            })));
+        }
+    }, [libraryItems]);
+    useEffect(() => {
+        if (isHookUsed && backendValues.length === 0 && attribute.required) {
+            // Set field in error when LinkField is displayed for the first time. Otherwise, errors will be handled by _removeValues() or _handleExplorerLinkValue()
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: [t('errors.standard_field_required')]
+                }
+            ]);
         }
-    }));
+    }, []);
     const _handleExplorerRef = (ref) => {
         if (_shouldUpdateExplorerActions(ref, explorerActions)) {
             setExplorerActions({
@@ -71,15 +167,107 @@ export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, column
             });
         }
     };
-    const _getExplorerItemActions = () => {
-        if (isReadOnly) {
-            return [];
+    const _openLinkSelect = () => {
+        setIsExplorerAddButtonClicked(true);
+    };
+    const { saveValues } = useSaveValueBatchMutation();
+    // eventually change Set to Array can simplify a bit that method !
+    const _onSelectionDone = async (itemsToLink, itemsToDelete) => {
+        // In case of joinLibraryContext,
+        // itemsToLink and itemsToDelete are a Set of joined record ids (e.g. thematic ids instead structure_item ids)
+        // - for insertion, backend can receive joined record ids, it is ok
+        // - but for deletion, we need the id of linked record (e.g. structure_item id), to be able to get the id_value of that link
+        // (e.g. between campaign and structure_item), so we use a map of joined record ids to their corresponding link ids
+        // (e.g. switch from thematic id to structure_item id)
+        const backendIdToDelete = joinedRecordIdsMap
+            ? new Set([...itemsToDelete.values()].map(itemToDelete => joinedRecordIdsMap[itemToDelete]))
+            : itemsToDelete;
+        // If there is no value to link or to remove, return early
+        if (itemsToLink.size === 0 && itemsToDelete.size === 0) {
+            setIsExplorerAddButtonClicked(false);
+            return;
         }
-        if ((!attribute.multiple_values && attribute.required) ||
-            (attribute.multiple_values && backendValues.length === 1 && attribute.required)) {
-            return ['edit'];
+        // Convert itemsToLink Set to Array once to avoid repeated conversions
+        const itemsToLinkArray = Array.from(itemsToLink);
+        // Find values to remove and prepare payload for backend
+        const valuesToRemove = backendValues.filter(bv => backendIdToDelete.has(bv.linkValue.id));
+        const idValuesToRemove = valuesToRemove.map(bv => bv.id_value);
+        // Prepare batch operation payload
+        const values = [
+            // Items to link (create new links)
+            ...itemsToLinkArray.map(item => ({
+                attribute: attribute.id,
+                idValue: null,
+                value: item
+            })),
+            // Items to delete (remove existing links)
+            ...idValuesToRemove.map(item => ({
+                attribute: attribute.id,
+                idValue: item,
+                value: null
+            }))
+        ];
+        // Send the values to the backend
+        const res = await saveValues({ id: recordId, library: { id: libraryId } }, values, undefined, true);
+        const resValues = res.values;
+        // Update linked IDs: add new links and remove deleted ones
+        // Maybe not necessary because setBackendValues will trigger an effect to re set linkedIds !
+        const updatedLinkedIds = linkedIds.filter(id => !itemsToDelete.has(id)).concat(itemsToLinkArray);
+        setLinkIds(updatedLinkedIds);
+        // Extract newly added values from response, filter because saveValues return delete values in resValues !
+        const newlyAddedValues = resValues.filter(v => 
+        // We do not do a positive filter based on itemsToLink because in case of joinLibraryContext,
+        // we do not have the mapping between linkIds and backendValue ids.
+        // However in we know the mapping between linkIds and backendValue ids for itemsToDelete, so we do a negative filter here
+        !backendIdToDelete.has(v.linkValue.id));
+        // Update backend values: remove deleted ones and add new ones
+        setBackendValues([...backendValues.filter(bv => !backendIdToDelete.has(bv.linkValue.id)), ...newlyAddedValues]);
+        // Hide linkSelect
+        setIsExplorerAddButtonClicked(false);
+    };
+    const _onBlurLinkSelect = async (itemsToLink, itemsToDelete) => {
+        _onSelectionDone(itemsToLink, itemsToDelete);
+    };
+    const _onSelectTreeNodeConfirm = async (selectedNodes) => {
+        // Convert selectedNodes to a Set of ids
+        const itemsToLink = new Set(_.difference(selectedNodes.map(node => node.id), linkedIds));
+        const itemsToDelete = new Set(_.difference(linkedIds, selectedNodes.map(node => node.id)));
+        _onSelectionDone(itemsToLink, itemsToDelete);
+    };
+    // search records that match the text typed in the search bar
+    const _onLinkSelectSearch = async (text) => {
+        const filters = fullTextSearchAttributes.reduce((acc, attr, index) => {
+            // Add OR operator between filters (except before the first filter)
+            if (index > 0) {
+                acc.push({ operator: RecordFilterOperator.OR });
+            }
+            // Add the filter condition
+            acc.push({
+                condition: RecordFilterCondition.CONTAINS,
+                field: attr.id,
+                value: text
+            });
+            return acc;
+        }, []);
+        await getRecordsRefetch({
+            filters
+        });
+    };
+    const _onCreateLinkSelect = async () => {
+        setIsExplorerAddButtonClicked(false);
+        explorerActions?.createAction?.callback();
+    };
+    const _onDeselect = linkId => {
+        const item = backendValues.find(bv => bv.linkValue.id === linkId);
+        if (!item) {
+            return null;
         }
-        return ['edit', 'remove'];
+        return {
+            id_value: item.id_value,
+            libraryId,
+            attribute,
+            recordId
+        };
     };
     return {
         UnlinkAllRecordsInEdition: isHookUsed &&
@@ -88,7 +276,7 @@ export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, column
             !attribute.required && (_jsx(DeleteAllValuesButton, { handleDelete: handleDeleteAllValues, disabled: isReadOnly, danger: isFieldInError })),
         LinkRecordsInEditionExplorer: isHookUsed &&
             recordId &&
-            (tagDisplayMode ? (_jsx(LinkSelect, { tagDisplay: true, options: selectOptions, defaultValues: selectOptions.map(({ value }) => value), onUpdateSelection: () => null, onCreate: () => null, onAdvanceSearch: () => null })) : (_jsxs(_Fragment, { children: [_jsx(ExplorerWrapper, { children: _jsx(Explorer, { ref: _handleExplorerRef, defaultViewSettings: {
+            (tagDisplayMode ? (_jsx(LinkSelect, { tagDisplay: true, options: selectOptions, defaultValues: linkedIds })) : (_jsxs(_Fragment, { children: [_jsx(ExplorerWrapper, { children: _jsx(Explorer, { ref: _handleExplorerRef, defaultViewSettings: {
                                 attributesIds: columnsToDisplay
                             }, entrypoint: {
                                 type: 'link',
@@ -108,17 +296,16 @@ export const useLinkRecordsInEdition = ({ libraryId, recordId, attribute, column
                                 }
                             }, showTitle: false, showSearch: false, selectionMode: attribute.multiple_values ? 'multiple' : 'simple', disableSelection: isReadOnly ||
                                 !attribute.multiple_values ||
-                                (attribute.required && attribute.multiple_values && backendValues.length === 1), defaultActionsForItem: _getExplorerItemActions(), hidePrimaryActions: true, hideTableHeader: true, iconsOnlyItemActions: true }) }), _jsx(LinkActionsButtons, { createButtonProps: {
-                            icon: explorerActions?.createAction?.icon,
-                            label: explorerActions?.createAction?.label,
-                            callback: explorerActions?.createAction?.callback,
-                            disabled: isReadOnly || explorerActions?.createAction?.disabled
-                        }, linkButtonProps: {
-                            icon: _jsx(FaList, {}),
-                            label: explorerActions?.linkAction?.label,
-                            callback: explorerActions?.linkAction?.callback,
-                            disabled: isReadOnly || (attribute.multiple_values && explorerActions?.linkAction?.disabled)
-                        }, hasNoValue: hasNoValue })] })))
+                                (attribute.required && attribute.multiple_values && backendValues.length === 1), defaultActionsForItem: [], joinLibraryContext: joinLibraryContext, hidePrimaryActions: true, hideTableHeader: true, iconsOnlyItemActions: true }) }), _jsx(KitButton, { disabled: isReadOnly, onClick: _openLinkSelect, icon: _jsx(FontAwesomeIcon, { icon: faPlus }) }), isExplorerAddButtonClicked && (_jsxs(_Fragment, { children: [joinLibraryContext?.mandatoryAttribute.type !== AttributeType.tree && (_jsx(LinkSelect, { tagDisplay: false, options: selectOptions, defaultValues: linkedIds, onClickCreateButton: _onCreateLinkSelect, onBlur: _onBlurLinkSelect, onParentDeselect: _onDeselect, onSearch: _onLinkSelectSearch })), joinLibraryContext?.mandatoryAttribute.type === AttributeType.tree && (_jsx(SelectTreeNodeModal, { title: "title", open: true, attribute: {
+                                    ...joinLibraryContext.mandatoryAttribute,
+                                    multiple_values: attribute.multiple_values
+                                }, backendValues: linkedIds.map(linkId => ({
+                                    treeValue: {
+                                        id: linkId
+                                    }
+                                })), allowInitialNodeDeselection: true, onClose: () => {
+                                    setIsExplorerAddButtonClicked(false);
+                                }, onConfirm: _onSelectTreeNodeConfirm }))] }))] })))
     };
 };
 //# sourceMappingURL=useLinkRecordsInEdition.js.map