@topconsultnpm/sdkui-react 6.21.0-dev3.2 → 6.21.0-dev3.20

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

@@ -176,7 +176,7 @@ const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationVi
         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);
+            await downloadDcmtsAsync({ inputDcmts: dcmtInfosToDownload, downloadType: DownloadTypes.Dcmt, downloadMode: 'download', onFileDownloaded: writeFileToFolder, skipConfirmation: true, retrieveOptions, useCache: false });
         }
         else if (settings.exportMode === 'zip') {
             const zipEntries = [];
@@ -199,7 +199,7 @@ const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationVi
                 });
                 zipEntries.push({ filename: getUniqueZipFileName(targetFileName), data: file });
             };
-            await downloadDcmtsAsync(dcmtInfosToDownload, DownloadTypes.Dcmt, 'download', collectFileForZip, undefined, true, retrieveOptions, false);
+            await downloadDcmtsAsync({ inputDcmts: dcmtInfosToDownload, downloadType: DownloadTypes.Dcmt, downloadMode: 'download', onFileDownloaded: collectFileForZip, skipConfirmation: true, retrieveOptions, useCache: false });
             if (zipEntries.length > 0) {
                 const zipFileName = settings.zipFileName.trim().toLowerCase().endsWith('.zip')
                     ? settings.zipFileName.trim()

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

@@ -41,7 +41,7 @@ const TMDcmtIcon = ({ fileExtension, fileCount, isLexProt, isSigned, isMail, isS
                 await onDownloadDcmtsAsync?.(dcmt, DownloadTypes.Dcmt, effectiveDownloadMode);
             }
             else {
-                await downloadDcmtsAsync(dcmt, DownloadTypes.Dcmt, effectiveDownloadMode);
+                await downloadDcmtsAsync({ inputDcmts: dcmt, downloadType: DownloadTypes.Dcmt, downloadMode: effectiveDownloadMode });
             }
         }
     }, [tid, did, fileExtension, downloadMode, openInOffice, onDownloadDcmtsAsync, downloadDcmtsAsync]);

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

@@ -24,7 +24,7 @@ import MergePdfManager from '../../../helper/MergePdfManager';
 const TMMergeToPdfForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationViewer, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, } = useDcmtOperations();
     const deviceType = useDeviceType();
-    const [pdfFileName, setPdfFileName] = useState('merged.pdf');
+    const [pdfFileName, setPdfFileName] = useState(`${SDKUI_Localizator.Result.toLowerCase()}.pdf`);
     const [destinationFolder, setDestinationFolder] = useState('Download');
     const [selectedItemsRelationViewer, setSelectedItemsRelationViewer] = useState([]);
     // ---- Stato per il merge PDF (progress bar) ----
@@ -143,7 +143,7 @@ const TMMergeToPdfForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationView
         const collectFileForMerge = async (file, _dcmtInfo) => {
             pdfFiles.push(file);
         };
-        await downloadDcmtsAsync(pdfDcmtInfosToDownload, DownloadTypes.Dcmt, 'download', collectFileForMerge, undefined, true, rfo, false);
+        await downloadDcmtsAsync({ inputDcmts: pdfDcmtInfosToDownload, downloadType: DownloadTypes.Dcmt, downloadMode: 'download', onFileDownloaded: collectFileForMerge, skipConfirmation: true, retrieveOptions: rfo, useCache: false });
         if (pdfFiles.length === 0) {
             TMMessageBoxManager.show({ message: SDKUI_Localizator.NoFilesAvailableForMerge, buttons: [ButtonNames.OK] });
             return null;

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

@@ -1238,7 +1238,12 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                         cursor: 'pointer',
                         lineHeight: 1,
                         whiteSpace: 'nowrap'
-                    }, children: [allExpanded ? _jsx(IconChevronRight, { fontSize: 14 }) : _jsx(IconChevronDown, { fontSize: 14 }), _jsx("span", { children: allExpanded ? SDKUI_Localizator.CollapseAll : SDKUI_Localizator.ExpandAll })] }) })), _jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: _jsx(TMTreeView, { dataSource: mergedTreeData, itemRender: finalItemRender, calculateItemsForNode: calculateItemsForNode, onDataChanged: handleDataChanged, focusedItem: focusedItem, onFocusedItemChanged: handleFocusedItemChanged, allowMultipleSelection: allowMultipleSelection, selectedItems: selectedItems, itemsPerPage: 100, onSelectionChanged: handleSelectedItemsChanged, onItemContextMenu: onItemContextMenu }) }), showExpansionWaitPanel && (_jsx(TMWaitPanel, { title: isForMaster ? 'Caricamento documenti master' : 'Caricamento documenti dettaglio', showPrimary: true, textPrimary: expansionWaitPanelText, valuePrimary: expansionWaitPanelValue, maxValuePrimary: expansionWaitPanelMaxValue, isCancelable: true, abortController: expansionAbortController, onAbortClick: (abortController) => {
+                    }, children: [allExpanded ? _jsx(IconChevronRight, { fontSize: 14 }) : _jsx(IconChevronDown, { fontSize: 14 }), _jsx("span", { children: allExpanded ? SDKUI_Localizator.CollapseAll : SDKUI_Localizator.ExpandAll })] }) })), _jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: _jsx(TMTreeView, { dataSource: mergedTreeData, itemRender: finalItemRender, calculateItemsForNode: calculateItemsForNode, onDataChanged: handleDataChanged, focusedItem: focusedItem, onFocusedItemChanged: handleFocusedItemChanged, allowMultipleSelection: allowMultipleSelection, selectedItems: selectedItems, itemsPerPage: 100, onSelectionChanged: handleSelectedItemsChanged, onItemContextMenu: onItemContextMenu, shouldDelayFocusOnEvent: (node, e) => {
+                        // Ritarda il focus quando si clicca sull'icona del documento
+                        // per permettere al doppio click di funzionare
+                        const target = e.target;
+                        return !!target.closest('.tm-dcmt-icon');
+                    } }) }), showExpansionWaitPanel && (_jsx(TMWaitPanel, { title: isForMaster ? 'Caricamento documenti master' : 'Caricamento documenti dettaglio', showPrimary: true, textPrimary: expansionWaitPanelText, valuePrimary: expansionWaitPanelValue, maxValuePrimary: expansionWaitPanelMaxValue, isCancelable: true, abortController: expansionAbortController, onAbortClick: (abortController) => {
                     setTimeout(() => {
                         abortController?.abort();
                     }, 100);

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

@@ -19,19 +19,6 @@ export declare const isDirectoryPickerSupported: () => boolean;
  * il file viene restituito senza firma.
  */
 export declare const isPdfExt: (ext: string | null | undefined) => boolean;
-/**
- * Estrae l'estensione completa da un nome file, gestendo estensioni composite
- * a più livelli come .PDF.P7M, .XML.P7M.TS, etc.
- *
- * Esempi:
- * - "documento.pdf" -> ".pdf"
- * - "DCMT_123.PDF.P7M" -> ".PDF.P7M"
- * - "fattura.xml.p7m" -> ".xml.p7m"
- * - "example.XML.P7M.TS" -> ".XML.P7M.TS"
- * - "file.tar.gz" -> ".gz" (tar.gz non è gestito come firma)
- * - "file" -> ""
- */
-export declare const getFullFileExtension: (fileName: string, depth?: number) => string;
 /**
  * Estrae il nome base del file (senza estensione completa).
  * Gestisce estensioni composite come .PDF.P7M

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

@@ -1,5 +1,5 @@
 import { DcmtTypeListCacheService, LayoutModes, SDK_Globals } from '@topconsultnpm/sdk-ts';
-import { searchResultToMetadataValues, DocumentDownloadSettings } from '../../../helper';
+import { searchResultToMetadataValues, DocumentDownloadSettings, getFullFileExtension } from '../../../helper';
 import { TMColors } from '../../../utils/theme';
 /** Numero minimo di file PDF necessari per poterli unire in un unico documento. */
 export const MIN_PDF_FOR_MERGE = 2;
@@ -61,44 +61,6 @@ export const isPdfExt = (ext) => {
     const normalized = ext.trim().toLowerCase().replace(/^\./, '');
     return normalized === 'pdf' || normalized === 'pdf.p7m' || normalized === 'pdf.tsd' || normalized === 'pdf.m7m';
 };
-/**
- * Estensioni di firma/marca temporale note che possono avvolgere altre estensioni.
- * Es: file.pdf.p7m, file.xml.p7m, file.docx.p7m, file.xml.p7m.ts
- */
-const SIGNATURE_EXTENSIONS = new Set(['p7m', 'p7s', 'm7m', 'tsd', 'tsr', 'ts']);
-/** Profondità massima di ricorsione per la ricerca di estensioni composite */
-const MAX_EXTENSION_DEPTH = 5;
-/**
- * Estrae l'estensione completa da un nome file, gestendo estensioni composite
- * a più livelli come .PDF.P7M, .XML.P7M.TS, etc.
- *
- * Esempi:
- * - "documento.pdf" -> ".pdf"
- * - "DCMT_123.PDF.P7M" -> ".PDF.P7M"
- * - "fattura.xml.p7m" -> ".xml.p7m"
- * - "example.XML.P7M.TS" -> ".XML.P7M.TS"
- * - "file.tar.gz" -> ".gz" (tar.gz non è gestito come firma)
- * - "file" -> ""
- */
-export const getFullFileExtension = (fileName, depth = 0) => {
-    if (!fileName || depth > MAX_EXTENSION_DEPTH)
-        return '';
-    const lastDotIndex = fileName.lastIndexOf('.');
-    if (lastDotIndex <= 0)
-        return '';
-    const lastExtension = fileName.substring(lastDotIndex + 1).toLowerCase();
-    // Se l'ultima estensione è una firma/marca, cerca ricorsivamente le estensioni precedenti
-    if (SIGNATURE_EXTENSIONS.has(lastExtension)) {
-        const nameWithoutLastExt = fileName.substring(0, lastDotIndex);
-        const innerExtension = getFullFileExtension(nameWithoutLastExt, depth + 1);
-        if (innerExtension) {
-            // Concatena l'estensione interna con quella corrente
-            return innerExtension + fileName.substring(lastDotIndex);
-        }
-    }
-    // Estensione singola (o estensione base dopo le firme)
-    return fileName.substring(lastDotIndex);
-};
 /**
  * Estrae il nome base del file (senza estensione completa).
  * Gestisce estensioni composite come .PDF.P7M

package/lib/components/features/search/TMMetadataOutputForm.d.ts

@@ -0,0 +1,17 @@
+import { MetadataDescriptor, QueryDescriptor, SelectItem } from "@topconsultnpm/sdk-ts";
+interface TMMetadataOutputFormProps {
+    /** QueryDescriptor da cui estrarre i metadati disponibili */
+    qd?: QueryDescriptor;
+    /** Lista di SelectItem attualmente selezionati */
+    selectedSelectItems?: SelectItem[];
+    /** Consente di visualizzare i metadati di sistema (es. MID < 150) */
+    allowSysMetadata?: boolean;
+    /** Funzione predicato per filtrare i metadati (es. solo quelli con permesso canView) */
+    filterMetadata?: (value: MetadataDescriptor, index: number, array: MetadataDescriptor[]) => unknown;
+    /** Callback chiamata alla chiusura del form */
+    onClose: () => void;
+    /** Callback chiamata quando l'utente conferma la selezione dei SelectItem */
+    onChoose?: (selectItems: SelectItem[] | undefined) => void;
+}
+declare const TMMetadataOutputForm: (props: TMMetadataOutputFormProps) => import("react/jsx-runtime").JSX.Element;
+export default TMMetadataOutputForm;

package/lib/components/features/search/TMMetadataOutputForm.js

@@ -0,0 +1,225 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { SDK_Localizator, SelectItem, SelectItemVisibilities } from "@topconsultnpm/sdk-ts";
+import { IconAddCircleOutline, IconApply, IconClear, IconDelete, IconDraggabledots, IconUndo, SDKUI_Localizator } from "../../../helper";
+import TMToppyMessage from "../../../helper/TMToppyMessage";
+import { ButtonNames, TMMessageBoxManager } from "../../base/TMPopUp";
+import { TMColors } from "../../../utils/theme";
+import { StyledToolbarForm } from "../../base/Styled";
+import TMButton from "../../base/TMButton";
+import TMModal from "../../base/TMModal";
+import { TMMetadataChooserForm } from "../../choosers/TMMetadataChooser";
+import { TMMetadataIcon } from "../../viewers/TMMidViewer";
+import { loadMetadataFromQd, removeDuplicatesByTidMid, areArraysEqual } from "./metadataFormHelper";
+const TMMetadataOutputForm = (props) => {
+    const { qd, selectedSelectItems, allowSysMetadata = true, filterMetadata, onClose, onChoose } = props;
+    // =============================================================================
+    // STATE
+    // =============================================================================
+    // Stato iniziale dei SelectItem (per confronto isModified)
+    const initialSelectItemsRef = useRef((selectedSelectItems ?? []).map(item => {
+        const newItem = new SelectItem();
+        newItem.tid = item.tid;
+        newItem.mid = item.mid;
+        newItem.visibility = item.visibility ?? SelectItemVisibilities.Visible;
+        return newItem;
+    }));
+    // Lista dei SelectItem correnti (inizializzata da selectedSelectItems)
+    const [selectItems, setSelectItems] = useState(() => {
+        // Clona i SelectItem iniziali per evitare mutazioni
+        return (selectedSelectItems ?? []).map(item => {
+            const newItem = new SelectItem();
+            newItem.tid = item.tid;
+            newItem.mid = item.mid;
+            newItem.visibility = item.visibility ?? SelectItemVisibilities.Visible;
+            return newItem;
+        });
+    });
+    // Calcola se ci sono modifiche rispetto allo stato iniziale
+    const isModified = useMemo(() => {
+        return !areArraysEqual(selectItems, initialSelectItemsRef.current);
+    }, [selectItems]);
+    // Lista "piatta" di tutti i metadati estratti dai DTD, con chiave univoca
+    const [metadataList, setMetadataList] = useState([]);
+    // Flag di caricamento
+    const [isLoading, setIsLoading] = useState(true);
+    // Flag per mostrare il TMMetadataChooserForm
+    const [showMetadataChooser, setShowMetadataChooser] = useState(false);
+    // Item in fase di drag
+    const [draggingItem, setDraggingItem] = useState(undefined);
+    // =============================================================================
+    // MEMOIZZAZIONI per evitare re-render del TMMetadataChooserForm
+    // =============================================================================
+    // Lista di TID_MID già selezionati (per escluderli dal chooser)
+    const selectedIDs = useMemo(() => selectItems.map(si => ({ tid: si.tid, mid: si.mid })), [selectItems]);
+    // Callback per chiudere il chooser
+    const handleCloseChooser = useCallback(() => {
+        setShowMetadataChooser(false);
+    }, []);
+    // =============================================================================
+    // EFFECT: Carica i metadati al mount
+    // =============================================================================
+    useEffect(() => {
+        const load = async () => {
+            setIsLoading(true);
+            try {
+                const { metadata } = await loadMetadataFromQd(qd, filterMetadata);
+                setMetadataList(metadata);
+            }
+            catch (error) {
+                console.error("Errore nel caricamento dei metadati:", error);
+                setMetadataList([]);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        load();
+    }, [qd, filterMetadata]);
+    // =============================================================================
+    // HELPER: Trova il MetadataDescriptor per un SelectItem
+    // =============================================================================
+    const getMetadataForSelectItem = useCallback((item) => {
+        return metadataList.find(md => md.customData1 === item.tid && md.id === item.mid);
+    }, [metadataList]);
+    // =============================================================================
+    // HANDLER: Conferma la scelta dal chooser (sincronizza la lista completa)
+    // =============================================================================
+    const handleChooseFromChooser = useCallback((tid_mids) => {
+        // Se la lista è vuota o undefined, rimuovi tutti
+        if (!tid_mids || tid_mids.length === 0) {
+            setSelectItems([]);
+            setShowMetadataChooser(false);
+            return;
+        }
+        setSelectItems(prev => {
+            // Filtra quelli esistenti che sono ancora selezionati (mantenendo ordine)
+            const kept = prev.filter(si => tid_mids.some(tm => tm.tid === si.tid && tm.mid === si.mid));
+            // Trova i nuovi da aggiungere
+            const newItems = [];
+            for (const tm of tid_mids) {
+                const exists = prev.some(si => si.tid === tm.tid && si.mid === tm.mid);
+                if (!exists) {
+                    const newItem = new SelectItem();
+                    newItem.tid = tm.tid;
+                    newItem.mid = tm.mid;
+                    newItem.visibility = SelectItemVisibilities.Visible;
+                    newItems.push(newItem);
+                }
+            }
+            return removeDuplicatesByTidMid([...kept, ...newItems]);
+        });
+        setShowMetadataChooser(false);
+    }, []);
+    // =============================================================================
+    // HANDLER: Rimuove un metadato dall'output
+    // =============================================================================
+    const handleRemoveSelectItem = useCallback((index) => {
+        setSelectItems(prev => prev.filter((_, i) => i !== index));
+    }, []);
+    // =============================================================================
+    // DRAG & DROP HANDLERS
+    // =============================================================================
+    const handleDragStart = useCallback((e, item) => {
+        // Previeni il drag se il target è l'icona elimina
+        const target = e.target;
+        if (target.closest('[data-no-drag="true"]')) {
+            e.preventDefault();
+            return;
+        }
+        setDraggingItem(item);
+        e.dataTransfer.setData('text/plain', '');
+        e.dataTransfer.effectAllowed = 'move';
+    }, []);
+    const handleDragEnd = useCallback(() => {
+        setDraggingItem(undefined);
+    }, []);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = 'move';
+    }, []);
+    const handleDrop = useCallback((e, targetItem) => {
+        e.preventDefault();
+        if (!draggingItem)
+            return;
+        const currentIndex = selectItems.indexOf(draggingItem);
+        const targetIndex = selectItems.indexOf(targetItem);
+        if (currentIndex === -1 || targetIndex === -1 || currentIndex === targetIndex) {
+            setDraggingItem(undefined);
+            return;
+        }
+        const listCopy = [...selectItems];
+        listCopy.splice(currentIndex, 1);
+        listCopy.splice(targetIndex, 0, draggingItem);
+        setSelectItems(listCopy);
+        setDraggingItem(undefined);
+    }, [draggingItem, selectItems]);
+    // =============================================================================
+    // HANDLER: Rollback allo stato iniziale
+    // =============================================================================
+    const handleRollback = useCallback(() => {
+        setSelectItems(initialSelectItemsRef.current.map(item => {
+            const newItem = new SelectItem();
+            newItem.tid = item.tid;
+            newItem.mid = item.mid;
+            newItem.visibility = item.visibility;
+            return newItem;
+        }));
+    }, []);
+    // =============================================================================
+    // HANDLER: Chiusura con conferma se modificato
+    // =============================================================================
+    const confirmCloseContainerId = "TMMetadataOutputFormConfirmClose";
+    const handleClose = useCallback(() => {
+        if (!isModified) {
+            onClose();
+            return;
+        }
+        TMMessageBoxManager.show({
+            parentId: confirmCloseContainerId,
+            message: SDKUI_Localizator.ConfirmOnCancel,
+            buttons: [ButtonNames.YES, ButtonNames.NO],
+            onButtonClick: (buttonClicked) => {
+                if (buttonClicked === ButtonNames.YES) {
+                    onClose();
+                }
+            }
+        });
+    }, [isModified, onClose]);
+    // =============================================================================
+    // HANDLER: Conferma la selezione
+    // =============================================================================
+    const handleConfirm = useCallback(() => {
+        onChoose?.(selectItems.length > 0 ? selectItems : undefined);
+        onClose();
+    }, [selectItems, onChoose, onClose]);
+    // =============================================================================
+    // RENDER
+    // =============================================================================
+    return (_jsxs(_Fragment, { children: [_jsxs(TMModal, { title: `${SDKUI_Localizator.Configure} - ${SDK_Localizator.QuerySelect}${selectItems.length > 0 ? ` (${selectItems.length})` : ''}`, width: "600px", height: "500px", onClose: handleClose, hidePopup: false, askClosingConfirm: isModified, children: [_jsx("div", { id: confirmCloseContainerId }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%', gap: '10px' }, children: [_jsxs(StyledToolbarForm, { children: [_jsx(TMButton, { caption: SDKUI_Localizator.Confirm, icon: _jsx(IconApply, {}), btnStyle: "toolbar", color: "success", disabled: !isModified, onClick: handleConfirm }), _jsx(TMButton, { caption: SDKUI_Localizator.Undo, icon: _jsx(IconUndo, {}), btnStyle: "toolbar", color: "tertiary", disabled: !isModified, onClick: handleRollback }), _jsx(TMButton, { caption: SDKUI_Localizator.Add, icon: _jsx(IconAddCircleOutline, {}), btnStyle: "toolbar", onClick: () => setShowMetadataChooser(true) }), _jsx(TMButton, { caption: SDKUI_Localizator.Clear, icon: _jsx(IconClear, {}), btnStyle: "toolbar", disabled: selectItems.length === 0, onClick: () => setSelectItems([]) })] }), _jsxs("div", { style: {
+                                    flex: 1,
+                                    overflow: 'auto',
+                                    border: `1px solid ${TMColors.border_normal}`,
+                                    borderRadius: '4px',
+                                    padding: '5px'
+                                }, children: [isLoading && _jsxs("p", { style: { textAlign: 'center', padding: '20px' }, children: [SDKUI_Localizator.Loading, "..."] }), !isLoading && selectItems.length === 0 && (_jsx(TMToppyMessage, { message: SDKUI_Localizator.NoOutputMetadata, titleTooltip: SDKUI_Localizator.NoOutputMetadata })), !isLoading && selectItems.length > 0 && (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px' }, children: selectItems.map((item, index) => {
+                                            const md = getMetadataForSelectItem(item);
+                                            const isDragging = draggingItem === item;
+                                            return (_jsxs("div", { draggable: true, onDragStart: (e) => handleDragStart(e, item), onDragEnd: handleDragEnd, onDragOver: handleDragOver, onDrop: (e) => handleDrop(e, item), style: {
+                                                    display: 'flex',
+                                                    alignItems: 'center',
+                                                    gap: '6px',
+                                                    padding: '4px 8px',
+                                                    backgroundColor: isDragging ? TMColors.primary_container : TMColors.default_background,
+                                                    borderRadius: '3px',
+                                                    border: `1px solid ${isDragging ? TMColors.primaryColor : TMColors.border_normal}`,
+                                                    minHeight: '32px',
+                                                    cursor: 'grab',
+                                                    transition: 'all 0.2s ease',
+                                                    transform: isDragging ? 'scale(1.02)' : 'scale(1)',
+                                                    boxShadow: isDragging ? '0 4px 12px rgba(0,0,0,0.15)' : 'none',
+                                                    opacity: isDragging ? 0.9 : 1,
+                                                }, children: [_jsx("div", { style: { display: 'flex', cursor: 'grab' }, children: _jsx(IconDraggabledots, { fontSize: 15, color: TMColors.button_icon }) }), _jsx(TMMetadataIcon, { tid: item.tid ?? 0, md: md }), _jsx("span", { style: { flex: 1, fontSize: '13px', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, children: md?.name ?? `MID: ${item.mid}` }), _jsx("div", { "data-no-drag": "true", onMouseDown: (e) => e.stopPropagation(), children: _jsx(TMButton, { caption: SDKUI_Localizator.Remove, icon: _jsx(IconDelete, { color: TMColors.error }), btnStyle: "icon", onClick: () => handleRemoveSelectItem(index) }) })] }, `${item.tid}_${item.mid}_${index}`));
+                                        }) }))] })] })] }), showMetadataChooser && (_jsx(TMMetadataChooserForm, { allowMultipleSelection: true, height: "600px", width: "700px", allowSysMetadata: allowSysMetadata, filterMetadata: filterMetadata, qd: qd, selectedIDs: selectedIDs, onClose: handleCloseChooser, onChoose: handleChooseFromChooser }))] }));
+};
+export default TMMetadataOutputForm;

package/lib/components/features/search/TMMetadataSorterForm.d.ts

@@ -0,0 +1,17 @@
+import { MetadataDescriptor, OrderByItem, QueryDescriptor } from "@topconsultnpm/sdk-ts";
+interface TMMetadataSorterFormProps {
+    /** QueryDescriptor da cui estrarre i metadati disponibili */
+    qd?: QueryDescriptor;
+    /** Lista di OrderByItem attualmente selezionati */
+    selectedOrderByItems?: OrderByItem[];
+    /** Consente di visualizzare i metadati di sistema (es. MID < 150) */
+    allowSysMetadata?: boolean;
+    /** Funzione predicato per filtrare i metadati (es. solo quelli con permesso canView) */
+    filterMetadata?: (value: MetadataDescriptor, index: number, array: MetadataDescriptor[]) => unknown;
+    /** Callback chiamata alla chiusura del form */
+    onClose: () => void;
+    /** Callback chiamata quando l'utente conferma la selezione degli OrderByItem */
+    onChoose?: (orderByItems: OrderByItem[] | undefined) => void;
+}
+declare const TMMetadataSorterForm: (props: TMMetadataSorterFormProps) => import("react/jsx-runtime").JSX.Element;
+export default TMMetadataSorterForm;