@topconsultnpm/sdkui-react 6.21.0-dev2.35 → 6.21.0-dev2.37

package/lib/components/editors/TMTextBox.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { ITMEditorBase } from '../base/TMEditorBase';
 export type TextBoxType = 'text' | 'email' | 'password' | 'number' | 'secureText';
 export interface ITMTextBox extends ITMEditorBase {
+    autoComplete?: string;
     autoFocus?: boolean;
     formulaItems?: string[];
     maxValue?: number;
@@ -13,6 +14,7 @@ export interface ITMTextBox extends ITMEditorBase {
     value?: string | number;
     fromModal?: boolean;
     allowedPattern?: RegExp;
+    onClick?: () => void;
     onValueChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (value: string | undefined) => void;
 }

package/lib/components/editors/TMTextBox.js

@@ -34,7 +34,7 @@ const StyledTextBoxEditorButton = styled.div `
         border-bottom-color: ${TMColors.primary};
      }
 `;
-const TMTextBox = ({ autoFocus, maxLength, labelColor, precision, fromModal = false, scale, showClearButton, validationItems = [], label = '', readOnly = false, formulaItems = [], buttons = [], isModifiedWhen, placeHolder, elementStyle, width = '100%', maxValue, minValue, fontSize = FontSize.defaultFontSize, icon, labelPosition = 'left', value, disabled = false, type = 'text', onValueChanged, onBlur, borderRadius, allowedPattern }) => {
+const TMTextBox = ({ autoComplete = 'off', autoFocus, maxLength, labelColor, precision, fromModal = false, scale, showClearButton, validationItems = [], label = '', readOnly = false, formulaItems = [], buttons = [], isModifiedWhen, placeHolder, elementStyle, width = '100%', maxValue, minValue, fontSize = FontSize.defaultFontSize, icon, labelPosition = 'left', value, disabled = false, type = 'text', onClick, onValueChanged, onBlur, borderRadius, allowedPattern }) => {
     const [initialType, setInitialType] = useState(type);
     const [currentType, setCurrentType] = useState(type);
     const [currentValue, setCurrentValue] = useState(value);
@@ -277,13 +277,13 @@ const TMTextBox = ({ autoFocus, maxLength, labelColor, precision, fromModal = fa
                 return 6 + (buttonCount * buttonWidth) + 8;
             }
         };
-        return (_jsxs("div", { style: { width: '100%', height: 'fit-content' }, id: `text-${id}`, children: [_jsx(StyledEditor, { ref: inputRef, onContextMenu: (e) => e.stopPropagation(), id: `text-${label}-${id}`, name: label, autoFocus: autoFocus, readOnly: readOnly, type: currentType, disabled: disabled, value: displayedValue, width: width || '100%', placeholder: placeHolder, maxLength: maxLength, autoComplete: 'off', spellCheck: false, onFocus: () => setIsFocused(true), onBlur: (e) => { setIsFocused(false); if (currentValue != value)
+        return (_jsxs("div", { style: { width: '100%', height: 'fit-content', cursor: onClick ? 'pointer' : undefined }, id: `text-${id}`, onClick: onClick, children: [_jsx(StyledEditor, { ref: inputRef, onContextMenu: (e) => e.stopPropagation(), id: `text-${label}-${id}`, name: label, autoFocus: autoFocus, readOnly: readOnly, type: currentType, disabled: disabled, value: displayedValue, width: width || '100%', placeholder: placeHolder, maxLength: maxLength, autoComplete: autoComplete, spellCheck: false, onFocus: () => setIsFocused(true), onBlur: (e) => { setIsFocused(false); if (currentValue != value)
                         onBlur?.(currentValue); }, onChange: handleInputChange, onKeyDown: (e) => {
                         if (currentType === 'number') {
                             if (!scale && (e.key == "." || e.key == ","))
                                 e.preventDefault();
                         }
-                    }, "$isMobile": deviceType === DeviceType.MOBILE, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, "$fontSize": fontSize, "$maxValue": maxValue, "$width": width, "$type": currentType, "$borderRadius": borderRadius, style: { paddingRight: `${calculateRightPadding()}px` } }), (initialType === 'password' || initialType === 'secureText') && _jsx(StyledShowPasswordIcon, { onClick: toggleShowPassword, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, children: showPasswordIcon() }), initialType !== 'password' &&
+                    }, "$isMobile": deviceType === DeviceType.MOBILE, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, "$fontSize": fontSize, "$maxValue": maxValue, "$width": width, "$type": currentType, "$borderRadius": borderRadius, style: { paddingRight: `${calculateRightPadding()}px`, cursor: onClick ? 'pointer' : undefined } }), (initialType === 'password' || initialType === 'secureText') && _jsx(StyledShowPasswordIcon, { onClick: toggleShowPassword, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, children: showPasswordIcon() }), initialType !== 'password' &&
                     _jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', position: 'absolute', right: type === 'number' ? '25px' : '6px', top: label.length > 0 ? '20px' : '3px', pointerEvents: disabled ? 'none' : 'auto', opacity: disabled ? 0.4 : 1 }, children: [formulaItems.length > 0 &&
                                 _jsx(StyledTextBoxEditorButton, { onClick: () => {
                                         setShowFormulaItemsChooser(true);

package/lib/components/features/documents/TMCopyToFolderForm.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DcmtInfo } from '../../../ts';
+import { TMCopyToFolderMode } from '../../../hooks/useDocumentOperations';
+interface ITMCopyToFolderFormProps {
+    mode: TMCopyToFolderMode;
+    selectedDcmtInfos: Array<DcmtInfo>;
+    onClose: () => void;
+    showTMRelationViewer: boolean;
+}
+/**
+ * Form per la copia/zip dei documenti in una cartella locale.
+ * Logica condivisa con TMMergeToPdfForm è esternalizzata in copyAndMergeDcmtsShared
+ * e TMDownloadRelationViewerSection.
+ */
+declare const TMCopyToFolderForm: React.FC<ITMCopyToFolderFormProps>;
+export default TMCopyToFolderForm;

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

@@ -0,0 +1,306 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { DownloadTypes } from '../../../ts';
+import { calcResponsiveSizes, DocumentDownloadSettings, IconDelete, IconFolderOpen, IconPlay, IconSave, IconUndo, SDKUI_Globals, SDKUI_Localizator, ZipManager, } from '../../../helper';
+import { DcmtOpers, GeneralRetrieveFormats, ResultTypes, RetrieveFileOptions, ValidationItem, } from '@topconsultnpm/sdk-ts';
+import TMModal from '../../base/TMModal';
+import { useDeviceType } from '../../base/TMDeviceProvider';
+import TMRadioButton from '../../editors/TMRadioButton';
+import TMTextBox from '../../editors/TMTextBox';
+import TMDropDown from '../../editors/TMDropDown';
+import TMInvoiceRetrieveFormats from '../../choosers/TMInvoiceRetrieveFormats';
+import TMOrderRetrieveFormats from '../../choosers/TMOrderRetrieveFormats';
+import TMButton from '../../base/TMButton';
+import { ButtonNames, TMMessageBoxManager } from '../../base/TMPopUp';
+import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
+import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
+import { TMSplitterLayout } from '../../base/TMLayout';
+import TMCheckBox from '../../editors/TMCheckBox';
+import ShowAlert from '../../base/TMAlert';
+import { TMColors } from '../../../utils/theme';
+import TMDownloadRelationViewerSection from './TMDownloadRelationViewerSection';
+import { buildInitialDownloadSettings, fileExists, generateTargetFileName, generateUniqueFileName, getDcmtInfosToDownload, getFloatingLabelStyle, isDirectoryPickerSupported, SPLITTER_MIN, SPLITTER_START_HALF, } from './copyAndMergeDcmtsShared';
+/**
+ * Form per la copia/zip dei documenti in una cartella locale.
+ * Logica condivisa con TMMergeToPdfForm è esternalizzata in copyAndMergeDcmtsShared
+ * e TMDownloadRelationViewerSection.
+ */
+const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationViewer }) => {
+    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, } = useDcmtOperations();
+    const deviceType = useDeviceType();
+    // ---- Stato dei settings ----
+    const [settings, setSettings] = useState(() => buildInitialDownloadSettings(SDKUI_Globals.userSettings.documentDownloadSettings, SDKUI_Globals.userSettings.searchSettings.invoiceRetrieveFormat, SDKUI_Globals.userSettings.searchSettings.orderRetrieveFormat));
+    const [selectedItemsRelationViewer, setSelectedItemsRelationViewer] = useState([]);
+    const [hasSavedLayout, setHasSavedLayout] = useState(() => {
+        const saved = SDKUI_Globals.userSettings.documentDownloadSettings;
+        const defaults = new DocumentDownloadSettings();
+        return JSON.stringify(saved) !== JSON.stringify(defaults);
+    });
+    const updateSettings = (key, value) => {
+        setSettings(prev => ({ ...prev, [key]: value }));
+    };
+    // ---- Ref per la selezione cartella (File System Access API) ----
+    const folderHandleRef = useRef(null);
+    const skipSelectFolderRef = useRef(false);
+    const isPickerActiveRef = useRef(false);
+    const getTitle = () => {
+        const count = ` (${selectedDcmtInfos.length})`;
+        const modeLabelMap = {
+            onlySelected: 'Solo i documenti selezionati',
+            customized: 'Documenti di primo livello e i correlati selezionati',
+        };
+        const modeLabel = modeLabelMap[mode] || modeLabelMap.onlySelected;
+        return `Copia in una cartella - ${modeLabel}${count}`;
+    };
+    const isUsingDefaultDownloads = settings.destinationFolder === 'Download' && !folderHandleRef.current;
+    // ---- Validazione ----
+    const folderValidationItems = [];
+    if (settings.exportMode === 'copy' && !settings.destinationFolder.trim()) {
+        folderValidationItems.push(new ValidationItem(ResultTypes.ERROR, 'Cartella di destinazione', SDKUI_Localizator.RequiredField));
+    }
+    const zipValidationItems = [];
+    if (settings.exportMode === 'zip' && !settings.zipFileName.trim()) {
+        zipValidationItems.push(new ValidationItem(ResultTypes.ERROR, 'Nome file zip', SDKUI_Localizator.RequiredField));
+    }
+    const isFormValid = () => {
+        if (settings.exportMode === 'copy')
+            return folderValidationItems.length === 0;
+        if (settings.exportMode === 'zip')
+            return zipValidationItems.length === 0;
+        return false;
+    };
+    // ---- Handler dei campi ----
+    const handleFolderValueChange = (e) => {
+        updateSettings('destinationFolder', e.target.value);
+        folderHandleRef.current = null;
+    };
+    const handleSelectFolder = async () => {
+        if (skipSelectFolderRef.current) {
+            skipSelectFolderRef.current = false;
+            return;
+        }
+        if (isPickerActiveRef.current)
+            return;
+        try {
+            isPickerActiveRef.current = true;
+            const dirHandle = await window.showDirectoryPicker({ mode: 'readwrite' });
+            folderHandleRef.current = dirHandle;
+            updateSettings('destinationFolder', dirHandle.name);
+        }
+        catch (err) {
+            if (err.name !== 'AbortError') {
+                console.error('Errore nella selezione della cartella:', err);
+            }
+        }
+        finally {
+            isPickerActiveRef.current = false;
+        }
+    };
+    const handleFileNamingModeChange = (e) => {
+        updateSettings('fileNamingMode', e.target.value);
+    };
+    const handleSeparatorChange = (e) => {
+        updateSettings('separatorChar', e.target.value.slice(0, 1));
+    };
+    // ---- Scrittura file nel filesystem locale ----
+    const writeFileToFolder = async (file, dcmtInfo) => {
+        try {
+            let targetFileName = await generateTargetFileName(file, dcmtInfo, {
+                fileNamingMode: settings.fileNamingMode,
+                separatorChar: settings.separatorChar,
+            });
+            // Se non c'è un handle della cartella: download standard del browser
+            if (!folderHandleRef.current) {
+                const url = URL.createObjectURL(file);
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = targetFileName;
+                document.body.appendChild(a);
+                a.target = '_blank';
+                a.rel = 'noreferrer';
+                a.click();
+                document.body.removeChild(a);
+                URL.revokeObjectURL(url);
+                return;
+            }
+            const exists = await fileExists(folderHandleRef.current, targetFileName);
+            if (exists) {
+                switch (settings.fileExistsMode) {
+                    case 'skip':
+                        return;
+                    case 'rename':
+                        targetFileName = await generateUniqueFileName(folderHandleRef.current, targetFileName);
+                        break;
+                    case 'overwrite':
+                    default:
+                        break;
+                }
+            }
+            const fileHandle = await folderHandleRef.current.getFileHandle(targetFileName, { create: true });
+            const writable = await fileHandle.createWritable();
+            await writable.write(file);
+            await writable.close();
+        }
+        catch (err) {
+            console.error('Errore nella scrittura del file:', err);
+            throw err;
+        }
+    };
+    // ---- Esecuzione (Copia oppure ZIP) ----
+    const run = async () => {
+        if (settings.exportMode === 'copy' && folderValidationItems.length > 0) {
+            TMMessageBoxManager.show({ message: 'Per favore, correggi gli errori prima di procedere.', buttons: [ButtonNames.OK] });
+            return;
+        }
+        if (settings.exportMode === 'zip' && zipValidationItems.length > 0) {
+            TMMessageBoxManager.show({ message: 'Per favore, correggi gli errori prima di procedere.', buttons: [ButtonNames.OK] });
+            return;
+        }
+        const dcmtInfosToDownload = getDcmtInfosToDownload(selectedDcmtInfos, selectedItemsRelationViewer, showTMRelationViewer);
+        if (dcmtInfosToDownload.length === 0) {
+            TMMessageBoxManager.show({ message: 'Nessun documento selezionato.', buttons: [ButtonNames.OK] });
+            return;
+        }
+        const retrieveOptions = new RetrieveFileOptions();
+        retrieveOptions.retrieveReason = DcmtOpers.None;
+        retrieveOptions.generalRetrieveFormat = settings.removeSignature ? GeneralRetrieveFormats.OriginalUnsigned : GeneralRetrieveFormats.Original;
+        retrieveOptions.invoiceRetrieveFormat = settings.invoiceFormat ?? SDKUI_Globals.userSettings.searchSettings.invoiceRetrieveFormat;
+        retrieveOptions.orderRetrieveFormat = settings.orderFormat ?? SDKUI_Globals.userSettings.searchSettings.orderRetrieveFormat;
+        if (settings.exportMode === 'copy') {
+            await downloadDcmtsAsync(dcmtInfosToDownload, DownloadTypes.Dcmt, 'download', writeFileToFolder, undefined, true, retrieveOptions, false);
+        }
+        else if (settings.exportMode === 'zip') {
+            const zipEntries = [];
+            const fileNameCounts = new Map();
+            const getUniqueZipFileName = (fileName) => {
+                const lowerName = fileName.toLowerCase();
+                const count = fileNameCounts.get(lowerName) ?? 0;
+                fileNameCounts.set(lowerName, count + 1);
+                if (count === 0)
+                    return fileName;
+                const dotIndex = fileName.lastIndexOf('.');
+                const baseName = dotIndex > 0 ? fileName.substring(0, dotIndex) : fileName;
+                const ext = dotIndex > 0 ? fileName.substring(dotIndex) : '';
+                return `${baseName} (${count})${ext}`;
+            };
+            const collectFileForZip = async (file, dcmtInfo) => {
+                const targetFileName = await generateTargetFileName(file, dcmtInfo, {
+                    fileNamingMode: settings.fileNamingMode,
+                    separatorChar: settings.separatorChar,
+                });
+                zipEntries.push({ filename: getUniqueZipFileName(targetFileName), data: file });
+            };
+            await downloadDcmtsAsync(dcmtInfosToDownload, DownloadTypes.Dcmt, 'download', collectFileForZip, undefined, true, retrieveOptions, false);
+            if (zipEntries.length > 0) {
+                const zipFileName = settings.zipFileName.trim().toLowerCase().endsWith('.zip')
+                    ? settings.zipFileName.trim()
+                    : settings.zipFileName.trim() + '.zip';
+                await ZipManager.createAndDownload(zipEntries, zipFileName, {
+                    compressionLevel: 6,
+                    password: settings.zipPassword.trim() || undefined,
+                });
+            }
+        }
+        else {
+            TMMessageBoxManager.show({ message: 'Modalità di esportazione non supportata.', buttons: [ButtonNames.OK] });
+            return;
+        }
+        onClose();
+    };
+    // ---- Layout salva/rimuovi ----
+    const saveLayout = () => {
+        const { zipPassword, ...settingsToSave } = settings;
+        SDKUI_Globals.userSettings.documentDownloadSettings = { ...settingsToSave, zipPassword: '' };
+        const defaults = new DocumentDownloadSettings();
+        const hasChanges = JSON.stringify(settings) !== JSON.stringify(defaults);
+        if (hasChanges) {
+            setHasSavedLayout(true);
+            ShowAlert({ mode: 'success', message: 'Layout salvato con successo', title: 'Successo', duration: 3000 });
+        }
+    };
+    const removeLayout = () => {
+        const defaults = new DocumentDownloadSettings();
+        SDKUI_Globals.userSettings.documentDownloadSettings = { ...defaults };
+        setSettings(defaults);
+        folderHandleRef.current = null;
+        setHasSavedLayout(false);
+        ShowAlert({ mode: 'success', message: 'Layout rimosso con successo', title: 'Successo', duration: 3000 });
+    };
+    const isLayoutSameAsSaved = () => {
+        const saved = SDKUI_Globals.userSettings.documentDownloadSettings;
+        if (!saved) {
+            const defaults = new DocumentDownloadSettings();
+            return JSON.stringify(settings) === JSON.stringify(defaults);
+        }
+        return JSON.stringify(settings) === JSON.stringify(saved);
+    };
+    // ---- Render della sezione configurazione ----
+    const configSection = (_jsxs("div", { style: {
+            position: 'relative',
+            border: `1px solid ${TMColors.border_normal}`,
+            borderRadius: '8px',
+            padding: '8px',
+            height: showTMRelationViewer ? '100%' : undefined,
+            flex: showTMRelationViewer ? undefined : 1,
+            minHeight: 0,
+            marginTop: showTMRelationViewer ? '10px' : undefined,
+            display: 'flex',
+            flexDirection: 'column',
+            boxSizing: 'border-box'
+        }, children: [_jsx("span", { style: getFloatingLabelStyle(), title: "Parametri di configurazione", children: "Parametri di configurazione" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '8px', overflowY: 'auto', flex: 1, width: '100%', maxWidth: '720px', alignSelf: 'center' }, children: [_jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: _jsx(TMRadioButton, { dataSource: [
+                                { value: 'copy', display: 'Copia in una cartella' },
+                                { value: 'zip', display: 'Comprimi in un file zip' }
+                            ], value: settings.exportMode, direction: "row", onValueChanged: (value) => updateSettings('exportMode', value) }) }), settings.exportMode === 'copy' && (isDirectoryPickerSupported() ? (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [_jsx(TMTextBox, { label: "Percorso", value: settings.destinationFolder, validationItems: folderValidationItems, onValueChanged: handleFolderValueChange, readOnly: true, placeHolder: "Download", onClick: handleSelectFolder, buttons: [
+                                    {
+                                        icon: _jsx(IconFolderOpen, {}),
+                                        text: 'Seleziona cartella',
+                                        onClick: handleSelectFolder
+                                    },
+                                    ...(!isUsingDefaultDownloads ? [{
+                                            icon: _jsx(IconUndo, {}),
+                                            text: 'Ripristina Download',
+                                            onClick: () => {
+                                                skipSelectFolderRef.current = true;
+                                                updateSettings('destinationFolder', 'Download');
+                                                folderHandleRef.current = null;
+                                            }
+                                        }] : [])
+                                ] }), SDKUI_Globals.userSettings.documentDownloadSettings?.destinationFolder && (_jsxs("span", { style: { fontSize: '0.8rem', color: '#666', fontStyle: 'italic' }, children: ["Destinazione salvata: ", SDKUI_Globals.userSettings.documentDownloadSettings.destinationFolder] }))] })) : (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px' }, children: [_jsx("label", { style: { fontSize: '0.9rem', color: '#525252' }, children: "Percorso" }), _jsxs("div", { style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: '8px',
+                                    padding: '8px 12px',
+                                    border: `1px solid ${TMColors.border_normal}`,
+                                    borderRadius: '5px',
+                                    backgroundColor: '#fafafa',
+                                }, children: [_jsx(IconFolderOpen, {}), _jsx("span", { style: { fontSize: '0.9rem', color: '#333' }, children: "Download" })] }), _jsx("span", { style: { fontSize: '0.8rem', color: '#888', fontStyle: 'italic' }, children: "Il browser in uso non supporta la selezione della cartella. I file verranno scaricati nella cartella Download." })] }))), settings.exportMode === 'zip' && (_jsxs("div", { style: { display: 'flex', gap: '12px', flexWrap: 'wrap' }, children: [_jsx("div", { style: { flex: '1 1 220px', minWidth: 0 }, children: _jsx(TMTextBox, { label: "Nome file zip", value: settings.zipFileName, validationItems: zipValidationItems, autoComplete: "one-time-code", onValueChanged: (e) => updateSettings('zipFileName', e.target.value) }) }), _jsx("div", { style: { flex: '1 1 220px', minWidth: 0 }, children: _jsx(TMTextBox, { label: "Proteggi con password (opzionale)", value: settings.zipPassword, type: "password", autoComplete: "one-time-code", onValueChanged: (e) => updateSettings('zipPassword', e.target.value) }) })] })), settings.exportMode === 'copy' && isDirectoryPickerSupported() && !isUsingDefaultDownloads && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '6px' }, children: [_jsx("label", { style: { fontSize: '0.9rem', color: '#525252', fontWeight: 500 }, children: "Se il file esiste" }), _jsx(TMRadioButton, { dataSource: [
+                                    { value: 'overwrite', display: 'Copia e sostituisci' },
+                                    { value: 'skip', display: 'Non copiare' },
+                                    { value: 'rename', display: 'Copia, ma rinomina' },
+                                ], value: settings.fileExistsMode, direction: "row", onValueChanged: (value) => updateSettings('fileExistsMode', value) })] })), _jsxs("div", { style: { display: 'flex', alignItems: 'flex-end', gap: '16px', flexWrap: 'wrap' }, children: [_jsx("div", { style: { flex: '1 1 220px', minWidth: 0 }, children: _jsx(TMDropDown, { label: "Per il nome file usa", value: settings.fileNamingMode, dataSource: [
+                                        { value: 'onlyDid', display: 'Solo DID' },
+                                        { value: 'documentTypeAndDid', display: 'Nome tipo documento e DID' },
+                                        { value: 'documentTypeAndCustomMetadata', display: 'Nome tipo documento e metadati personalizzati' },
+                                        { value: 'onlyCustomMetadata', display: 'Solo metadati personalizzati' },
+                                    ], onValueChanged: handleFileNamingModeChange }) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx("label", { style: { fontSize: '0.9rem', color: '#525252', whiteSpace: 'nowrap' }, children: "Carattere separatore" }), _jsx("input", { type: "text", value: settings.separatorChar, maxLength: 1, onChange: handleSeparatorChange, style: {
+                                            width: '32px',
+                                            height: '28px',
+                                            textAlign: 'center',
+                                            fontSize: '14px',
+                                            fontWeight: 500,
+                                            padding: '4px',
+                                            border: `1px solid ${TMColors.border_normal}`,
+                                            borderRadius: '5px',
+                                            outline: 'none',
+                                            color: 'black',
+                                            background: 'white',
+                                        }, onFocus: (e) => {
+                                            e.target.style.backgroundImage = 'linear-gradient(white, #E4E9F7)';
+                                            e.target.style.borderBottom = `2px solid ${TMColors.primary}`;
+                                        }, onBlur: (e) => {
+                                            e.target.style.backgroundImage = 'none';
+                                            e.target.style.borderBottom = `1px solid ${TMColors.border_normal}`;
+                                        } })] }), _jsx(TMCheckBox, { label: "Rimuovi la firma se presente", value: settings.removeSignature, onValueChanged: (value) => updateSettings('removeSignature', value) })] }), _jsxs("div", { style: { display: 'flex', gap: '12px', flexWrap: 'wrap' }, children: [_jsx("div", { style: { flex: '1 1 240px', minWidth: 0 }, children: _jsx(TMInvoiceRetrieveFormats, { width: '100%', label: SDKUI_Localizator.ElectronicInvoice + ' - ' + SDKUI_Localizator.DisplayFormat, onValueChanged: (newValue) => updateSettings('invoiceFormat', newValue), value: settings.invoiceFormat, valueOrig: settings.invoiceFormat }) }), _jsx("div", { style: { flex: '1 1 240px', minWidth: 0 }, children: _jsx(TMOrderRetrieveFormats, { width: '100%', label: SDKUI_Localizator.ElectronicOrder + ' - ' + SDKUI_Localizator.DisplayFormat, value: settings.orderFormat, valueOrig: settings.orderFormat, onValueChanged: (newValue) => updateSettings('orderFormat', newValue) }) })] })] })] }));
+    return (_jsx(TMModal, { width: calcResponsiveSizes(deviceType, showTMRelationViewer ? '90%' : '780px', showTMRelationViewer ? '90%' : '780px', '95%'), height: calcResponsiveSizes(deviceType, showTMRelationViewer ? '90%' : '450px', showTMRelationViewer ? '90%' : '450px', '95%'), title: getTitle(), onClose: onClose, showCloseButton: true, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { display: 'flex', flexDirection: 'column', gap: '16px', padding: '16px', width: '100%', height: '100%', boxSizing: 'border-box', overflow: 'hidden' }, children: [showTMRelationViewer ? (_jsx("div", { style: { flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column' }, children: _jsxs(TMSplitterLayout, { direction: 'vertical', showSeparator: true, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', overflow: 'visible', min: SPLITTER_MIN, start: SPLITTER_START_HALF, children: [_jsx(TMDownloadRelationViewerSection, { selectedDcmtInfos: selectedDcmtInfos, onSelectionChanged: setSelectedItemsRelationViewer }), configSection] }, "TMCopyToFolder-relation-config") })) : (configSection), _jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '12px', flexShrink: 0 }, children: [_jsx(TMButton, { caption: "Salva Layout", icon: _jsx(IconSave, {}), color: 'primary', showTooltip: false, disabled: isLayoutSameAsSaved(), onClick: saveLayout }), hasSavedLayout && (_jsx(TMButton, { caption: "Rimuovi Layout", icon: _jsx(IconDelete, {}), color: 'tertiary', showTooltip: false, onClick: removeLayout })), _jsx(TMButton, { caption: "Esegui", icon: _jsx(IconPlay, {}), color: 'success', showTooltip: false, disabled: !isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0), onClick: run })] })] }) }) }));
+};
+export default TMCopyToFolderForm;

package/lib/components/features/documents/TMDownloadRelationViewerSection.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DcmtInfo } from '../../../ts';
+import { IRelatedDcmt } from './TMMasterDetailDcmts';
+interface ITMDownloadRelationViewerSectionProps {
+    selectedDcmtInfos: Array<DcmtInfo>;
+    /** Notifica al parent la lista dei documenti correlati selezionati (deduplicati) */
+    onSelectionChanged: (items: Array<IRelatedDcmt>) => void;
+}
+/**
+ * Sezione condivisa tra TMCopyToFolderForm e TMMergeToPdfForm
+ * che mostra l'elenco dei documenti correlati e il tree di selezione
+ * per tipo documento / "solo metadati".
+ */
+declare const TMDownloadRelationViewerSection: React.FC<ITMDownloadRelationViewerSectionProps>;
+export default TMDownloadRelationViewerSection;

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

@@ -0,0 +1,155 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
+import TreeView from 'devextreme-react/tree-view';
+import { SDKUI_Localizator } from '../../../helper';
+import { TMColors } from '../../../utils/theme';
+import { TMSplitterLayout } from '../../base/TMLayout';
+import TMRelationViewer from './TMRelationViewer';
+import { dedupeByTidDid, getDcmtKey, getFloatingLabelStyle, SPLITTER_MIN, SPLITTER_START_65_35, } from './copyAndMergeDcmtsShared';
+/**
+ * Sezione condivisa tra TMCopyToFolderForm e TMMergeToPdfForm
+ * che mostra l'elenco dei documenti correlati e il tree di selezione
+ * per tipo documento / "solo metadati".
+ */
+const TMDownloadRelationViewerSection = ({ selectedDcmtInfos, onSelectionChanged, }) => {
+    const [focusedItem, setFocusedItem] = useState(null);
+    const [selectedItems, setSelectedItems] = useState([]);
+    const [allItems, setAllItems] = useState([]);
+    const didInitSelectionRef = useRef(false);
+    const updateSelection = useCallback((items) => {
+        const deduped = dedupeByTidDid(items);
+        setSelectedItems(deduped);
+        onSelectionChanged(deduped);
+    }, [onSelectionChanged]);
+    const handleFocusedItemChanged = useCallback((item) => {
+        setFocusedItem(item);
+    }, []);
+    const handleSelectedItemsChanged = useCallback((items) => {
+        updateSelection(items);
+    }, [updateSelection]);
+    const handleAllItemsChanged = useCallback((items) => {
+        setAllItems(items);
+        if (!didInitSelectionRef.current && items.some(i => i.isDcmt)) {
+            didInitSelectionRef.current = true;
+            updateSelection(items.filter(i => i.isDcmt));
+        }
+    }, [updateSelection]);
+    return (_jsx("div", { style: {
+            position: 'relative',
+            height: '100%',
+            minHeight: 0,
+            display: 'flex',
+            flexDirection: 'column',
+            boxSizing: 'border-box'
+        }, children: _jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'visible', paddingTop: '10px' }, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: true, separatorSize: 8, separatorColor: 'transparent', separatorActiveColor: 'transparent', overflow: 'visible', min: SPLITTER_MIN, start: SPLITTER_START_65_35, children: [_jsxs("div", { style: {
+                            position: 'relative',
+                            height: '100%',
+                            minHeight: 0,
+                            overflow: 'visible',
+                            border: `1px solid ${TMColors.border_normal}`,
+                            borderRadius: '8px',
+                            padding: '4px 2px 2px 2px',
+                            backgroundColor: '#fff',
+                            boxSizing: 'border-box',
+                            display: 'flex',
+                            flexDirection: 'column'
+                        }, children: [_jsxs("span", { style: getFloatingLabelStyle(), title: `Documenti correlati (${SDKUI_Localizator.Selected}: ${selectedItems.filter(item => item.isDcmt).length})`, children: ["Documenti correlati (", SDKUI_Localizator.Selected, ": ", selectedItems.filter(item => item.isDcmt).length, ")"] }), _jsx("div", { style: { flex: 1, minHeight: 0, overflowX: 'auto', overflowY: 'auto' }, children: _jsx("div", { style: { minWidth: 'max-content', height: '100%' }, children: _jsx(TMRelationViewer, { inputDcmts: selectedDcmtInfos, isForMaster: false, defaultExpandAll: true, showMetadataNames: true, allowMultipleSelection: true, showExpandAllButton: true, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectedItemsChanged: handleSelectedItemsChanged, onAllItemsChanged: handleAllItemsChanged }) }) })] }), _jsxs("div", { style: {
+                            position: 'relative',
+                            height: '100%',
+                            minHeight: 0,
+                            overflow: 'visible',
+                            border: `1px solid ${TMColors.border_normal}`,
+                            borderRadius: '8px',
+                            padding: '4px 2px 2px 2px',
+                            backgroundColor: '#fff',
+                            boxSizing: 'border-box',
+                            display: 'flex',
+                            flexDirection: 'column'
+                        }, children: [_jsx("span", { style: getFloatingLabelStyle(), title: "Tipo documento o vista", children: "Tipo documento o vista" }), _jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto', padding: '8px', display: 'flex', flexDirection: 'column', gap: '6px' }, children: (() => {
+                                    const dcmtItems = dedupeByTidDid(allItems.filter(item => item.isDcmt));
+                                    const metadataOnlyItems = dcmtItems.filter(item => item.fileExt === null || item.fileExt === undefined);
+                                    const totalDcmts = dcmtItems.length;
+                                    const totalMetadataOnly = metadataOnlyItems.length;
+                                    const selectedDcmtsList = selectedItems.filter(item => item.isDcmt);
+                                    const selectedDcmts = selectedDcmtsList.length;
+                                    const allSelected = totalDcmts > 0 && selectedDcmts === totalDcmts;
+                                    const selectedMetadataOnlyCount = selectedDcmtsList.filter(item => item.fileExt === null || item.fileExt === undefined).length;
+                                    const allMetadataOnlySelected = totalMetadataOnly > 0 && selectedMetadataOnlyCount === totalMetadataOnly;
+                                    // Raggruppa per nome del DcmtTypeDescriptor (campo dtd.name)
+                                    const getDtdName = (item) => item.dtd?.name ?? undefined;
+                                    const dtdGroups = new Map();
+                                    for (const item of dcmtItems) {
+                                        const name = getDtdName(item);
+                                        if (!name)
+                                            continue;
+                                        const arr = dtdGroups.get(name);
+                                        if (arr)
+                                            arr.push(item);
+                                        else
+                                            dtdGroups.set(name, [item]);
+                                    }
+                                    const sortedDtdNames = Array.from(dtdGroups.keys()).sort((a, b) => a.localeCompare(b));
+                                    const selectedKeysSet = new Set(selectedDcmtsList.map(getDcmtKey));
+                                    const dtdGroupInfos = sortedDtdNames.map((name) => {
+                                        const items = dtdGroups.get(name) ?? [];
+                                        const selectedCount = items.filter(it => selectedKeysSet.has(getDcmtKey(it))).length;
+                                        return {
+                                            name,
+                                            items,
+                                            total: items.length,
+                                            allSelected: items.length > 0 && selectedCount === items.length,
+                                        };
+                                    });
+                                    const treeItems = [
+                                        {
+                                            id: 'all',
+                                            text: `Seleziona tutti (${totalDcmts})`,
+                                            expanded: true,
+                                            selected: allSelected,
+                                            items: [
+                                                ...dtdGroupInfos.map((g) => ({
+                                                    id: `dtd::${g.name}`,
+                                                    text: `${g.name} (${g.total})`,
+                                                    selected: g.allSelected,
+                                                })),
+                                                {
+                                                    id: 'metadataOnly',
+                                                    text: `Documenti di soli metadati (${totalMetadataOnly})`,
+                                                    selected: allMetadataOnlySelected,
+                                                },
+                                            ]
+                                        }
+                                    ];
+                                    const handleItemSelectionChanged = (e) => {
+                                        const itemData = e.itemData;
+                                        if (!itemData)
+                                            return;
+                                        if (itemData.id === 'all') {
+                                            updateSelection(itemData.selected ? dcmtItems : []);
+                                        }
+                                        else if (itemData.id === 'metadataOnly') {
+                                            if (itemData.selected) {
+                                                updateSelection([...selectedItems, ...metadataOnlyItems]);
+                                            }
+                                            else {
+                                                const metadataKeys = new Set(metadataOnlyItems.map(getDcmtKey));
+                                                updateSelection(selectedItems.filter(item => !metadataKeys.has(getDcmtKey(item))));
+                                            }
+                                        }
+                                        else if (typeof itemData.id === 'string' && itemData.id.startsWith('dtd::')) {
+                                            const dtdName = itemData.id.substring('dtd::'.length);
+                                            const groupItems = dtdGroups.get(dtdName) ?? [];
+                                            if (itemData.selected) {
+                                                updateSelection([...selectedItems, ...groupItems]);
+                                            }
+                                            else {
+                                                const groupKeys = new Set(groupItems.map(getDcmtKey));
+                                                updateSelection(selectedItems.filter(item => !groupKeys.has(getDcmtKey(item))));
+                                            }
+                                        }
+                                    };
+                                    const dtdSignature = dtdGroupInfos.map(g => `${g.name}:${g.total}:${g.allSelected ? 1 : 0}`).join('|');
+                                    return (_jsx("div", { style: { minWidth: '280px', width: 'max-content', flexShrink: 0 }, children: _jsx(TreeView, { items: treeItems, showCheckBoxesMode: 'normal', selectionMode: 'multiple', selectNodesRecursive: false, selectByClick: true, onItemSelectionChanged: handleItemSelectionChanged }, `tv-${allSelected}-${allMetadataOnlySelected}-${totalDcmts}-${totalMetadataOnly}-${dtdSignature}`) }));
+                                })() })] })] }, "TMDocumentDownload-relation-horizontal") }) }));
+};
+export default TMDownloadRelationViewerSection;

package/lib/components/features/documents/TMMasterDetailDcmts.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 import { HomeBlogPost, SearchResultDescriptor, TaskDescriptor } from '@topconsultnpm/sdk-ts';
+import { RelationTreeItem } from './TMRelationViewer';
+import { MergePdfManagerType } from '../../../helper';
 import { DcmtInfo, TaskContext, MetadataValueDescriptorEx } from '../../../ts';
 import { DeviceContextProps } from '../../base/TMDeviceProvider';
+export type IRelatedDcmt = RelationTreeItem;
 interface ITMMasterDetailDcmtsProps extends DeviceContextProps {
     allTasks?: Array<TaskDescriptor>;
     getAllTasks?: () => Promise<void>;
@@ -26,6 +29,7 @@ interface ITMMasterDetailDcmtsProps extends DeviceContextProps {
     openS4TViewer?: boolean;
     onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>, refreshDocumentPreview?: (() => Promise<void>)) => void;
     onOpenPdfEditorRequest?: ((dcmtInfo: Array<DcmtInfo>, refreshDocumentPreview?: () => Promise<void>) => void);
+    mergePdfManager?: MergePdfManagerType;
     datagridUtility?: {
         onRefreshSearchAsyncDatagrid?: () => Promise<void>;
         onRefreshDataRowsAsync?: (() => Promise<void>);