@topconsultnpm/sdkui-react 6.19.0-dev2.27 → 6.19.0-dev2.29

package/lib/components/choosers/TMMetadataChooser.js

@@ -38,7 +38,18 @@ export const TMMetadataChooserForm = ({ tmSession, tids, qd, filterMetadata, qdS
         if (checkProps)
             throw Error('Le props qd | tids | dataSource devono essere in alternativa');
         try {
-            if (qd) {
+            if (dataSource) {
+                // Se ho dataSource, aggiungo tutti i suoi metadati con uniqueKey
+                dataSource.forEach((md) => {
+                    const mdWithKey = md;
+                    mdWithKey.uniqueKey = `${mdWithKey.customData1 ?? 0}_${md.id}_${mdWithKey.customData2 ?? ''}`;
+                    metadata.push(mdWithKey);
+                });
+                setDcmtTypes(dtdList);
+                setHasSysMetadata(allowSysMetadata && metadata.findIndex(md => md.isSystem == 1) >= 0);
+                return showSysMetadata ? metadata : metadata.filter(o => o.isSystem != 1);
+            }
+            else if (qd) {
                 let tids = getTIDsByQd(qd);
                 let inputTIDs = tids.map((item) => item.tid);
                 TMSpinner.show({ description: `${SDKUI_Localizator.Loading} - ${SDK_Localizator.DcmtType} ...` });
@@ -138,5 +149,7 @@ export const TMMetadataChooserForm = ({ tmSession, tids, qd, filterMetadata, qdS
     const cellRenderNameAndDesc = useCallback((data) => {
         return _jsx("p", { style: { textAlign: 'left', color: data.data.isRequired == 1 ? 'red' : '' }, children: data.value });
     }, []);
-    return (_jsx(TMChooserForm, { title: SDK_Localizator.Metadatas, allowMultipleSelection: allowMultipleSelection, allowSorting: false, allowGrouping: dcmtTypes.length > 1, width: width, height: height, keyName: 'uniqueKey', selectedIDs: selectedIDs?.map((item) => `${item.tid}_${item.mid}_${item.aliasTID ?? ''}`), convertID: convertID, cellRenderIcon: cellRenderIcon, cellRenderNameAndDesc: cellRenderNameAndDesc, dataSource: dataSource, getItems: getItems, customButtons: renderCustomButtons(), columns: dataColumns, summaryItems: renderSummaryItems, onClose: onClose, onChoose: (IDs) => { onChoose?.(IDs); } }));
+    return (_jsx(TMChooserForm, { title: SDK_Localizator.Metadatas, allowMultipleSelection: allowMultipleSelection, allowSorting: false, allowGrouping: dcmtTypes.length > 1, width: width, height: height, keyName: 'uniqueKey', selectedIDs: selectedIDs?.map((item) => `${item.tid}_${item.mid}_${item.aliasTID ?? ''}`), convertID: convertID, cellRenderIcon: cellRenderIcon, cellRenderNameAndDesc: cellRenderNameAndDesc, 
+        // dataSource={dataSource}
+        getItems: getItems, customButtons: renderCustomButtons(), columns: dataColumns, summaryItems: renderSummaryItems, onClose: onClose, onChoose: (IDs) => { onChoose?.(IDs); } }));
 };

package/lib/components/features/documents/TMDcmtForm.js

@@ -4,11 +4,12 @@ import TMDcmtPreview from './TMDcmtPreview';
 import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TemplateTIDs, TID_DID, UpdateEngineByID, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
 import { ContextMenu } from 'devextreme-react';
 import { WorkFlowApproveRejectPopUp, WorkFlowMoreInfoPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
-import { DownloadTypes, FormModes } from '../../../ts';
+import { DownloadTypes, FormModes, DcmtOperationTypes } from '../../../ts';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
+import { useRelatedDocuments } from '../../../hooks/useRelatedDocuments';
 import { getWorkItemSetIDAsync, handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
-import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, IconDetailDcmts, svgToString, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconCheck, IconActivity, TMImageLibrary } from '../../../helper';
+import { genUniqueId, IconShow, SDKUI_Localizator, updateMruTids, IconBoard, IconDcmtTypeSys, IconDetailDcmts, svgToString, IconDownload, calcIsModified, IconMenuVertical, Globalization, getListMaxItems, getSystemMetadata, IconBoxArchiveIn, IconClear, IconUndo, SDKUI_Globals, IconPreview, isTaskMoreInfo, IconWorkflow, IconSearch, deepCompare, IconCheck, IconActivity, TMImageLibrary, IconStar, IconRelation, IconInfo, IconArchiveDoc, IconDelete, IconPair, IconUnpair, IconArchiveMaster, IconArchiveDetail } from '../../../helper';
 import { hasDetailRelations, hasMasterRelations, isXMLFileExt } from '../../../helper/dcmtsHelper';
 import { Gutters, TMColors } from '../../../utils/theme';
 import { StyledFormButtonsContainer, StyledLoadingContainer, StyledModalContainer, StyledReferenceButton, StyledSpinner, StyledToolbarCardContainer } from '../../base/Styled';
@@ -27,6 +28,8 @@ import TMMasterDetailDcmts from './TMMasterDetailDcmts';
 import TMDcmtBlog from './TMDcmtBlog';
 import { useInputAttachmentsDialog } from '../../../hooks/useInputDialog';
 import TMModal from '../../base/TMModal';
+import TMChooserForm from '../../forms/TMChooserForm';
+import TMSearchResult from '../search/TMSearchResult';
 import { useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
 import { TMPanelManagerWithPersistenceProvider } from '../../layout/panelManager/TMPanelManagerWithPersistenceProvider';
@@ -41,7 +44,7 @@ import { getTaskAssignedToMe } from '../tasks/TMTasksUtils';
 import TMCustomButton from '../../base/TMCustomButton';
 let abortControllerLocal = new AbortController();
 //#endregion
-const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, showBackButton = true, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCompleted, inputFile = null, taskFormDialogComponent, taskMoreInfo, connectorFileSave = undefined, inputMids = [], onOpenS4TViewerRequest, s4TViewerDialogComponent, enableDragDropOverlay = false, passToSearch, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowButtonsRefs = false, onReferenceClick, }) => {
+const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, showBackButton = true, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCompleted, onTaskCreateRequest, inputFile = null, taskFormDialogComponent, taskMoreInfo, connectorFileSave = undefined, inputMids = [], onOpenS4TViewerRequest, s4TViewerDialogComponent, enableDragDropOverlay = false, passToSearch, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowButtonsRefs = false, onReferenceClick, }) => {
     const [id, setID] = useState('');
     const [showWaitPanelLocal, setShowWaitPanelLocal] = useState(false);
     const [waitPanelTitleLocal, setWaitPanelTitleLocal] = useState('');
@@ -102,10 +105,44 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             setDcmtReferences(undefined);
     }, [allowButtonsRefs]);
     const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
-    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
-    // Custom hook to manage workflow approval data
+    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync } = useDcmtOperations();
     const { workflowApproveData } = useWorkflowApprove();
+    const currentSearchResults = useMemo(() => {
+        if (!formData || formData.length === 0 || !TID || !DID)
+            return [];
+        const selectMIDs = [];
+        const rowValues = [];
+        formData.forEach(md => {
+            if (md.mid !== undefined) {
+                selectMIDs.push(md.mid);
+                rowValues.push(md.value);
+            }
+        });
+        const searchResult = {
+            fromTID: TID,
+            selectMIDs: selectMIDs,
+            dtdResult: {
+                rows: [rowValues],
+                columns: selectMIDs.map(mid => ({ name: `MID_${mid}` }))
+            },
+            dcmtsFound: 1,
+            dcmtsReturned: 1
+        };
+        return [searchResult];
+    }, [formData, TID, DID]);
+    const relatedDocuments = useRelatedDocuments({
+        selectedSearchResult: TID ? { fromTID: Number(TID) } : undefined,
+        focusedItem: currentDcmt ? { TID: currentDcmt.tid, DID: currentDcmt.did, rowIndex: 0 } : undefined,
+        currentSearchResults: currentSearchResults
+    });
+    const { relatedDcmts, showRelatedDcmtsChooser, archiveType, isOpenArchiveRelationForm, archiveRelatedDcmtFormTID, archiveRelatedDcmtFormMids, relatedDcmtsChooserDataSource, showManyToManyChooser, manyToManyChooserDataSource, manyToManyRelations, isPairingManyToMany, showPairDcmtsModal, pairedSearchResults, pairFloatingActionConfig, hasManyToManyRelation, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToMany, archiveMasterDocuments, archiveDetailDocuments, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability, setShowRelatedDcmtsChooser, setShowManyToManyChooser, setShowPairDcmtsModal, setIsOpenArchiveRelationForm, setArchiveType, setArchiveRelatedDcmtFormTID, setArchiveRelatedDcmtFormMids, archiveRelatedDcmtHandler, executeManyToManyPairing } = relatedDocuments;
     const fetchErrorShownRef = useRef(false);
+    useEffect(() => {
+        if (!TID)
+            return;
+        checkRelatedDcmtsArchiveCapability();
+        checkManyToManyCapability();
+    }, [TID, checkRelatedDcmtsArchiveCapability, checkManyToManyCapability]);
     const deviceType = useDeviceType();
     const getDcmts = useCallback(() => {
         return [{ TID: currentDcmt?.tid, DID: currentDcmt?.did, FILEEXT: currentDcmt?.fileExt }];
@@ -331,8 +368,8 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             return;
         if (!formDataOrig || formDataOrig.length === 0)
             return;
-        // Check if formData has actual user metadata (mid > 99), not just system metadata
-        if (!formData.some(md => md.mid && md.mid > 99))
+        const hasUserMetadata = formData.some(md => md.mid && md.mid > 99);
+        if (!hasUserMetadata)
             return;
         if (appliedInputMidsRef.current && deepCompare(appliedInputMidsRef.current, inputMids))
             return;
@@ -466,15 +503,174 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const isApprView = useMemo(() => fromDTD?.templateTID === TemplateTIDs.WF_WIApprView, [fromDTD?.templateTID]);
     const workitemSetID = useMemo(() => workItems.find(o => o.did === Number(DID))?.setID || formData.find(o => o.md?.name === WorkItemMetadataNames.WI_SetID)?.value, [workItems, DID, formData]);
     const approvalVID = useMemo(() => workItems.length > 0 ? Number(workItems[0].tid) : -1, [workItems]);
+    //here
     const commandsMenuItems = useMemo(() => {
         const items = [
-            { icon: svgToString(_jsx(IconDownload, {})), operationType: 'singleRow', disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes, text: "Download file", onClick: async () => await downloadDcmtsAsync(getDcmts(), DownloadTypes.Dcmt, "download") },
-            { icon: svgToString(_jsx(IconDownload, {})), operationType: 'singleRow', disabled: !isXMLFileExt(currentDcmt?.fileExt), text: "Download allegati XML", onClick: async () => await downloadDcmtsAsync(getDcmts(), DownloadTypes.Attachment, "download", undefined, openConfirmAttachmentsDialog) },
-            ...(allowRelations && currentTIDHasMasterRelations ? [{ icon: svgToString(_jsx(IconDetailDcmts, { transform: 'scale(-1, 1)' })), operationType: 'singleRow', disabled: isMasterDisabled, text: SDKUI_Localizator.DcmtsMaster, onClick: () => { if (!isMasterDisabled)
-                        setIsOpenMaster(!isOpenMaster); } }] : []),
-            ...(allowRelations && currentTIDHasDetailRelations ? [{ icon: svgToString(_jsx(IconDetailDcmts, {})), operationType: 'singleRow', disabled: isDetailsDisabled, text: SDKUI_Localizator.DcmtsDetail, onClick: () => { if (!isDetailsDisabled)
-                        setIsOpenDetails(!isOpenDetails); } }] : []),
+            {
+                icon: svgToString(_jsx(IconDownload, {})),
+                operationType: 'singleRow',
+                disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes,
+                text: SDKUI_Localizator.DownloadFile,
+                onClick: async () => await downloadDcmtsAsync(getDcmts(), DownloadTypes.Dcmt, "download")
+            },
+            {
+                icon: svgToString(_jsx(IconDownload, {})),
+                operationType: 'singleRow',
+                disabled: !isXMLFileExt(currentDcmt?.fileExt),
+                text: SDKUI_Localizator.DownloadXMLAttachments,
+                onClick: async () => await downloadDcmtsAsync(getDcmts(), DownloadTypes.Attachment, "download", undefined, openConfirmAttachmentsDialog)
+            },
         ];
+        // Operations submenu
+        const operationsItems = [];
+        // Add to favorites
+        if (layoutMode === LayoutModes.Update && DID) {
+            operationsItems.push({
+                icon: svgToString(_jsx(IconStar, {})),
+                text: SDKUI_Localizator.AddTo + ' ' + SDKUI_Localizator.Favorites,
+                operationType: 'singleRow',
+                disabled: false,
+                onClick: async () => {
+                    await runOperationAsync(getDcmts(), DcmtOperationTypes.AddToFavs);
+                },
+            });
+        }
+        // Create contextual task
+        if (onTaskCreateRequest && layoutMode === LayoutModes.Update && DID) {
+            operationsItems.push({
+                icon: svgToString(_jsx(IconActivity, {})),
+                text: SDKUI_Localizator.CreateContextualTask,
+                operationType: 'singleRow',
+                disabled: false,
+                onClick: () => {
+                    const dcmt = getDcmts()[0];
+                    const taskContext = {
+                        document: {
+                            tid: dcmt.TID,
+                            did: dcmt.DID,
+                            name: fromDTD?.description || ''
+                        }
+                    };
+                    onTaskCreateRequest(taskContext);
+                }
+            });
+        }
+        // Add operations submenu if it has items
+        if (operationsItems.length > 0) {
+            items.push({
+                icon: svgToString(_jsx(IconCheck, {})),
+                text: SDKUI_Localizator.DocumentOperations,
+                items: operationsItems
+            });
+        }
+        // Relations submenu
+        if (allowRelations && layoutMode === LayoutModes.Update && DID) {
+            const relationsItems = [
+                {
+                    icon: svgToString(_jsx(IconPair, {})),
+                    text: SDKUI_Localizator.MatchManyDocumentsManyToMany,
+                    operationType: 'singleRow',
+                    disabled: !hasManyToManyRelation,
+                    onClick: async () => await pairManyToMany?.(true)
+                },
+                {
+                    icon: svgToString(_jsx(IconUnpair, {})),
+                    text: SDKUI_Localizator.UnmatchManyDocumentsManyToMany,
+                    operationType: 'singleRow',
+                    disabled: !hasManyToManyRelation,
+                    onClick: async () => await pairManyToMany?.(false)
+                },
+                {
+                    icon: svgToString(_jsx(IconArchiveMaster, {})),
+                    text: SDKUI_Localizator.ArchiveMasterDocument,
+                    operationType: 'singleRow',
+                    beginGroup: true,
+                    disabled: canArchiveMasterRelation !== true,
+                    onClick: async () => { if (TID)
+                        await archiveMasterDocuments?.(TID); }
+                },
+                {
+                    icon: svgToString(_jsx(IconArchiveDetail, {})),
+                    text: SDKUI_Localizator.ArchiveDetailDocument,
+                    operationType: 'singleRow',
+                    disabled: canArchiveDetailRelation !== true,
+                    onClick: async () => { if (TID)
+                        await archiveDetailDocuments?.(TID); }
+                },
+                {
+                    icon: svgToString(_jsx(IconDetailDcmts, { transform: 'scale(-1, 1)' })),
+                    text: SDKUI_Localizator.DcmtsMaster,
+                    operationType: 'singleRow',
+                    visible: true,
+                    beginGroup: true,
+                    disabled: !currentTIDHasMasterRelations || isMasterDisabled,
+                    onClick: () => { if (!isMasterDisabled)
+                        setIsOpenMaster(!isOpenMaster); }
+                },
+                {
+                    icon: svgToString(_jsx(IconDetailDcmts, {})),
+                    text: SDKUI_Localizator.DcmtsDetail,
+                    operationType: 'singleRow',
+                    disabled: !currentTIDHasDetailRelations || isDetailsDisabled,
+                    visible: true,
+                    onClick: () => { if (!isDetailsDisabled)
+                        setIsOpenDetails(!isOpenDetails); }
+                }
+            ];
+            items.push({
+                icon: svgToString(_jsx(IconRelation, {})),
+                text: SDKUI_Localizator.Relations,
+                items: relationsItems
+            });
+        }
+        // Full text search submenu
+        if (layoutMode === LayoutModes.Update && DID) {
+            const fullTextItems = [
+                {
+                    icon: svgToString(_jsx(IconInfo, {})),
+                    text: SDKUI_Localizator.IndexingInformation,
+                    operationType: 'singleRow',
+                    disabled: false,
+                    onClick: async () => {
+                        try {
+                            TMSpinner.show({ description: `${SDKUI_Localizator.Loading}...` });
+                            const dcmts = getDcmts();
+                            const msg = await SDK_Globals.tmSession?.NewSearchEngine().FreeSearchGetDcmtInfoAsync(dcmts[0].TID, dcmts[0].DID);
+                            TMMessageBoxManager.show({ buttons: [ButtonNames.OK], message: msg, title: SDKUI_Localizator.IndexingInformation });
+                        }
+                        catch (e) {
+                            TMExceptionBoxManager.show({ exception: e });
+                        }
+                        finally {
+                            TMSpinner.hide();
+                        }
+                    }
+                },
+                {
+                    icon: svgToString(_jsx(IconArchiveDoc, {})),
+                    text: SDKUI_Localizator.IndexOrReindex,
+                    operationType: 'singleRow',
+                    disabled: false,
+                    onClick: async () => {
+                        await runOperationAsync(getDcmts(), DcmtOperationTypes.FreeSearchReindex);
+                    }
+                },
+                {
+                    icon: svgToString(_jsx(IconDelete, {})),
+                    text: SDKUI_Localizator.IndexingDelete,
+                    operationType: 'singleRow',
+                    disabled: false,
+                    onClick: async () => {
+                        await runOperationAsync(getDcmts(), DcmtOperationTypes.FreeSearchPurge);
+                    }
+                }
+            ];
+            items.push({
+                icon: svgToString(_jsx(IconSearch, {})),
+                text: SDKUI_Localizator.FullTextSearch,
+                items: fullTextItems
+            });
+        }
         // Aggiungi submenu "Bottoni personalizzati" se esistono customButtons
         if (customButtonsLayout?.customButtons && Array.isArray(customButtonsLayout.customButtons) && customButtonsLayout.customButtons.length > 0) {
             const customButtonsItems = customButtonsLayout.customButtons
@@ -491,7 +687,31 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             });
         }
         return items;
-    }, [fromDTD?.perm?.canRetrieveFile, currentDcmt?.fileExt, allowRelations, currentTIDHasMasterRelations, isMasterDisabled, currentTIDHasDetailRelations, isDetailsDisabled, customButtonsLayout, getDcmts, downloadDcmtsAsync, openConfirmAttachmentsDialog]);
+    }, [
+        fromDTD?.perm?.canRetrieveFile,
+        fromDTD?.description,
+        currentDcmt?.fileExt,
+        allowRelations,
+        currentTIDHasMasterRelations,
+        isMasterDisabled,
+        currentTIDHasDetailRelations,
+        isDetailsDisabled,
+        customButtonsLayout,
+        layoutMode,
+        TID,
+        DID,
+        onTaskCreateRequest,
+        hasManyToManyRelation,
+        canArchiveMasterRelation,
+        canArchiveDetailRelation,
+        pairManyToMany,
+        archiveMasterDocuments,
+        archiveDetailDocuments,
+        getDcmts,
+        downloadDcmtsAsync,
+        runOperationAsync,
+        openConfirmAttachmentsDialog
+    ]);
     const isModified = useMemo(() => calcIsModified(formData, formDataOrig), [formData, formDataOrig]);
     const formToolbar = useMemo(() => _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [allowNavigation && canPrev != undefined && _jsx("p", { style: { textAlign: 'center', padding: '1px 4px', display: 'flex' }, children: `${itemIndex}/${count}` }), allowNavigation && canPrev != undefined && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', iconColor: 'white', isModified: isModified, formMode: formMode, canPrev: canPrev, onPrev: onPrev }), allowNavigation && canNext != undefined && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', iconColor: 'white', isModified: isModified, formMode: formMode, canNext: canNext, onNext: onNext }), layoutMode === LayoutModes.Update && _jsx(IconMenuVertical, { id: `commands-detail-${id}`, color: 'white', cursor: 'pointer' }), layoutMode === LayoutModes.Update && _jsx(ContextMenu, { showEvent: 'click', dataSource: commandsMenuItems, target: `#commands-detail-${id}` }), layoutMode === LayoutModes.Ark &&
                 _jsx(TMTooltip, { content: SDKUI_Localizator.PassToSearch, position: 'bottom', children: _jsx(IconSearch, { style: { cursor: 'pointer' }, onClick: handlePassToSearch }) })] }), [allowNavigation, canPrev, canNext, itemIndex, count, isModified, formMode, onPrev, onNext, layoutMode, id, commandsMenuItems, handlePassToSearch]);
@@ -1163,9 +1383,50 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                                 return (_jsx(StyledModalContainer, { children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: [dcmt], isForMaster: true, allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID), appendMasterDcmts: handleAddItem, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }, `${index}-${dcmt.DID}`));
                             })] }), taskFormDialogComponent, s4TViewerDialogComponent] }));
     };
-    return (_jsx(_Fragment, { children: (isModal && onClose)
-            ? _jsx(TMModal, { title: titleModal, onClose: handleClose, width: widthModal ?? '100%', height: heightModal ?? '100%', hidePopup: false, askClosingConfirm: true, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block', padding: "4px", position: 'relative' }, children: renderDcmtForm() }) })
-            : renderDcmtForm() }));
+    return (_jsxs(_Fragment, { children: [(isModal && onClose)
+                ? _jsx(TMModal, { title: titleModal, onClose: handleClose, width: widthModal ?? '100%', height: heightModal ?? '100%', hidePopup: false, askClosingConfirm: true, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block', padding: "4px", position: 'relative' }, children: renderDcmtForm() }) })
+                : renderDcmtForm(), showRelatedDcmtsChooser && (_jsx(TMChooserForm, { dataSource: relatedDcmtsChooserDataSource, onChoose: async (selectedRelation) => {
+                    try {
+                        setShowRelatedDcmtsChooser(false);
+                        TMSpinner.show({ description: SDKUI_Localizator.Loading });
+                        const relation = relatedDcmts?.find(r => r.id === selectedRelation[0]);
+                        if (!relation || !archiveType)
+                            return;
+                        await archiveRelatedDcmtHandler(relation, archiveType);
+                    }
+                    catch (error) {
+                        TMExceptionBoxManager.show({ exception: error });
+                    }
+                    finally {
+                        TMSpinner.hide();
+                    }
+                }, onClose: () => setShowRelatedDcmtsChooser(false), manageUseLocalizedName: false })), showManyToManyChooser && (_jsx(TMChooserForm, { dataSource: manyToManyChooserDataSource, onChoose: async (selectedRelation) => {
+                    try {
+                        setShowManyToManyChooser(false);
+                        TMSpinner.show({ description: SDKUI_Localizator.Loading });
+                        const relation = manyToManyRelations?.find(r => r.id === selectedRelation[0]);
+                        if (!relation)
+                            return;
+                        await executeManyToManyPairing(relation, isPairingManyToMany);
+                    }
+                    catch (error) {
+                        TMExceptionBoxManager.show({ exception: error });
+                    }
+                    finally {
+                        TMSpinner.hide();
+                    }
+                }, onClose: () => setShowManyToManyChooser(false), manageUseLocalizedName: false })), isOpenArchiveRelationForm && (_jsx(TMDcmtForm, { isModal: true, titleModal: SDKUI_Localizator.Archive + ' - ' + (archiveType === 'detail' ? SDKUI_Localizator.DcmtsDetail : SDKUI_Localizator.DcmtsMaster), TID: archiveRelatedDcmtFormTID, layoutMode: LayoutModes.Ark, inputMids: archiveRelatedDcmtFormMids, showBackButton: false, allowButtonsRefs: false, onClose: () => {
+                    setIsOpenArchiveRelationForm(false);
+                    setArchiveType(undefined);
+                    setArchiveRelatedDcmtFormTID(undefined);
+                    setArchiveRelatedDcmtFormMids([]);
+                }, onSavedAsyncCallback: async (tid, did) => {
+                    setIsOpenArchiveRelationForm(false);
+                    setArchiveType(undefined);
+                    setArchiveRelatedDcmtFormTID(undefined);
+                    setArchiveRelatedDcmtFormMids([]);
+                    await fetchData();
+                }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers })), showPairDcmtsModal && (_jsx(TMModal, { title: (isPairingManyToMany ? "Abbina" : "Disabbina") + " documenti", onClose: () => setShowPairDcmtsModal(false), width: isMobile ? '90%' : '50%', height: isMobile ? '90%' : '70%', children: _jsx(TMSearchResult, { searchResults: pairedSearchResults, onRefreshSearchAsync: async () => await fetchData(), onTaskCreateRequest: onTaskCreateRequest, allowFloatingBar: false, floatingActionConfig: pairFloatingActionConfig, showBackButton: false, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }))] }));
 };
 export default TMDcmtForm;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.19.0-dev2.27",
+    "version": "6.19.0-dev2.29",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",