@topconsultnpm/sdkui-react 6.22.0-t1 → 6.22.0-t3

package/lib/components/features/assistant/TMToppyDraggableHelpCenter.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
 import styled from 'styled-components';
@@ -60,7 +60,7 @@ const TMToppyButton = styled.div.attrs((props) => ({
     height: ${(props) => props.$isCollapsed ? '56px' : '110px'};
     max-width: 100%;
     max-height: 100%;
-    z-index: 2147483647;
+    z-index: 2147483600;
     background-color: ${(props) => props.$isCollapsed ? '#ffffff' : 'transparent'};
     border: ${(props) => props.$isCollapsed ? '3px solid #3b82f6' : 'none'};
     border-radius: ${(props) => props.$isCollapsed ? '50%' : '0'};
@@ -130,7 +130,7 @@ const DragOverlay = styled.div `
   left: 0;
   right: 0;
   bottom: 0;
-  z-index: 2147483646;
+  z-index: 2147483599;
   cursor: grabbing;
 `;
 const TMToppyDraggableHelpCenter = (props) => {
@@ -433,7 +433,7 @@ const TMToppyDraggableHelpCenter = (props) => {
             window.removeEventListener('resize', handleResize);
         };
     }, []);
-    const toppyContent = (_jsxs(_Fragment, { children: [isDragging && _jsx(DragOverlay, {}), _jsxs(TMToppyButton, { ref: toppyButtonRef, "$align": align, "$isDragging": isDragging, "$isVisible": isVisible, "$isCollapsed": isCollapsed, "$isMobile": isMobile, "$usePortal": usePortal, onContextMenu: (e) => e.preventDefault(), onMouseDown: !isMobile ? handleMouseDown : undefined, onTouchStart: isMobile ? handleTouchStart : undefined, onDoubleClick: !isMobile ? toggleCollapse : undefined, "$x": position?.x, "$y": position?.y, children: [(content && !isCollapsed) && _jsx(TMToppySpeechBubble, { ref: bubbleRef, align: align, onClose: toggleCollapse, children: content }), (content && isCollapsed) && (_jsx(ExpandButton, { onMouseDown: (e) => {
+    const toppyContent = (_jsxs(_Fragment, { children: [isDragging && _jsx(DragOverlay, {}), _jsxs(TMToppyButton, { ref: toppyButtonRef, $align: align, $isDragging: isDragging, $isVisible: isVisible, $isCollapsed: isCollapsed, $isMobile: isMobile, $usePortal: usePortal, onContextMenu: (e) => e.preventDefault(), onMouseDown: !isMobile ? handleMouseDown : undefined, onTouchStart: isMobile ? handleTouchStart : undefined, onDoubleClick: !isMobile ? toggleCollapse : undefined, $x: position?.x, $y: position?.y, children: [(content && !isCollapsed) && _jsx(TMToppySpeechBubble, { ref: bubbleRef, align: align, onClose: toggleCollapse, children: content }), (content && isCollapsed) && (_jsx(ExpandButton, { onMouseDown: (e) => {
                             isExpandButtonDraggingRef.current = false;
                             expandButtonMouseDownPosRef.current = { x: e.clientX, y: e.clientY };
                         }, onMouseMove: (e) => {

package/lib/components/features/assistant/TMToppySpeechBubble.js

@@ -120,7 +120,7 @@ const TMToppySpeechBubble = forwardRef((props, ref) => {
         e.stopPropagation();
         onClose?.();
     };
-    return (_jsx(BubbleContainer, { "$align": align, children: _jsxs(BubbleWrapper, { ref: ref, "$hasCloseButton": !!onClose, children: [onClose && (_jsx(CloseButton, { onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onClick: handleClick, "aria-label": SDKUI_Localizator.Minimize, title: SDKUI_Localizator.Minimize, type: "button", children: _jsx(IconWindowMinimize, {}) })), _jsx(Bubble, { "$align": align, children: _jsx(Content, { children: children }) })] }) }));
+    return (_jsx(BubbleContainer, { $align: align, children: _jsxs(BubbleWrapper, { ref: ref, $hasCloseButton: !!onClose, children: [onClose && (_jsx(CloseButton, { onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onClick: handleClick, "aria-label": SDKUI_Localizator.Minimize, title: SDKUI_Localizator.Minimize, type: "button", children: _jsx(IconWindowMinimize, {}) })), _jsx(Bubble, { $align: align, children: _jsx(Content, { children: children }) })] }) }));
 });
 TMToppySpeechBubble.displayName = 'TMToppySpeechBubble';
 export default TMToppySpeechBubble;

package/lib/components/features/assistant/dataset/Designer-Suggested-Questions.json

@@ -0,0 +1,102 @@
+[
+    "Come metto un tipo documento dentro un albero?",
+    "Perché l'area di appoggio non mostra i file?",
+    "Che differenza c'è fra uno a molti e molti a molti?",
+    "A che servono i tre pulsanti della pagina certificati?",
+    "Che differenza c'è fra firma e marca temporale?",
+    "Posso cambiare il percorso di un disco?",
+    "Come esporto la configurazione?",
+    "Che differenza c'è fra la finestra dell'errore e il contatore rosso?",
+    "Ho archiviato un documento ma la ricerca libera non lo trova, perché?",
+    "Perché un gruppo non ha l'elenco degli utenti?",
+    "Come importo una configurazione?",
+    "Perché il cestino è grigio nei server LDAP?",
+    "Cosa succede ai documenti se elimino un valore di una lista dati?",
+    "Perché il cestino è grigio nei server di marca temporale?",
+    "Cosa sono i parametri fra parentesi graffe?",
+    "Come impedisco di riusare le vecchie password?",
+    "Perché la griglia dei permessi è vuota?",
+    "Che differenza c'è fra Direct e LoadBalance?",
+    "Quali campi ha un tipo serbatoio?",
+    "Come capisco se un utente sta davvero lavorando?",
+    "Perché il cestino è grigio nei server di firma?",
+    "Come aggiungo un campo a un tipo documento?",
+    "Quanti documenti ci sono in archivio?",
+    "A che serve «Usa autenticazione sicura» su un utente?",
+    "In che formato vengono mostrate le fatture elettroniche?",
+    "Come definisco quali documenti entrano in una vista?",
+    "Dove trovo la vista approvativa di un workflow?",
+    "Perché salva è grigio negli alberi?",
+    "Perché salva è grigio nelle aree di appoggio?",
+    "Perché la correlazione funziona solo in un verso?",
+    "Perché la firma non riesce pur essendo tutto compilato?",
+    "Perché non riesco a creare il certificato?",
+    "Che differenza c'è fra disco e area di appoggio?",
+    "Come esporto un tipo documento con tutto ciò che gli serve?",
+    "Che cosa vuol dire «Proseguendo le modifiche apportate andranno perse»?",
+    "A che serve la coda della ricerca full text?",
+    "Come metto una persona in un gruppo?",
+    "Come importo un tipo documento che usa liste dati che qui non esistono?",
+    "Dove metto utente e password del dominio?",
+    "Perché salva è grigio nelle liste dati?",
+    "Posso usare un certificatore diverso dai tre proposti?",
+    "Come faccio ripartire il protocollo da 1 ogni anno?",
+    "Come faccio scadere le password?",
+    "Cosa vuol dire autorizzato e non autorizzato?",
+    "Che cos'è un «Login SAP» e a che cosa serve?",
+    "Perché salva è grigio nei tipi serbatoio?",
+    "Dove trovo l'ID di sessione da dare all'assistenza?",
+    "Quali campi ha un server di firma?",
+    "Dove finiscono i file di questo tipo documento?",
+    "Quanti documenti sono senza file?",
+    "Ho creato un utente ma non vede niente, perché?",
+    "Perché il link di un documento non funziona?",
+    "Perché la stessa vista mostra cose diverse a persone diverse?",
+    "Che differenza c'è fra partecipante e responsabile?",
+    "Che cos'è un albero e a che cosa serve?",
+    "Che cos'è un'area di appoggio e a che cosa serve?",
+    "Perché dice «nessuna proprietà da definire»?",
+    "A che cosa servono «OTP Provider» e «OTP ID» del certificato?",
+    "Come aggiungo spazio all'archivio?",
+    "Perché dopo l'importazione i gruppi non vedono nulla?",
+    "Perché a volte è «Campo Obbligatorio» con la maiuscola?",
+    "Perché questo gruppo non si lascia modificare?",
+    "Devo importare tutto il file?",
+    "Perché salva è grigio nel server LDAP?",
+    "Che cos'è una lista dati e a che cosa serve?",
+    "Perché salva è grigio nel server di marca temporale?",
+    "Perché il numeratore dà sempre lo stesso numero?",
+    "A cosa servono i tre puntini nella cella dei permessi?",
+    "Dove si configura il collegamento a SAP?",
+    "Che differenza c'è fra serbatoio, disco e area di appoggio?",
+    "Quali colonne ha l'elenco delle sessioni?",
+    "Dove si configura il servizio che manda il codice OTP?",
+    "Che differenza c'è fra chiave primaria e indice univoco?",
+    "Perché un utente non riesce più ad accedere?",
+    "Come faccio vedere un documento a chi non ha un'utenza?",
+    "Perché la linguetta «Metadati» di un tipo documento è obbligatoria?",
+    "Perché la modifica al workflow non ha effetto?",
+    "Perché non riesco a salvare un albero nuovo?",
+    "Quali campi servono per un'area di appoggio?",
+    "Come risolvo l'errore sulla seconda query di una correlazione?",
+    "Perché salva è grigio nel certificato di firma?",
+    "Cosa succede ai documenti se elimino il disco?",
+    "Dove cambio il nome del file di esportazione?",
+    "Perché il salvataggio riesce ma l'oggetto non funziona?",
+    "Che cos'è un gruppo e perché i permessi si danno ai gruppi?",
+    "Perché non vedo il pulsante delle opzioni di importazione?",
+    "Che cos'è un server LDAP?",
+    "Perché la lista nuova non compare da nessuna parte?",
+    "Che cos'è un server di marca temporale?",
+    "Che cos'è un numeratore e a che cosa serve?",
+    "Perché non trovo l'oggetto nella griglia dei permessi?",
+    "Posso recuperare un profilo eliminato?",
+    "Dove si creano i tipi serbatoio?",
+    "Come faccio uscire qualcuno dall'applicazione?",
+    "Come provo che un server di firma funzioni?",
+    "Che cosa sono le opzioni del tipo documento?",
+    "Che cos'è il numero rosso nella scheda?",
+    "In che lingua vede il documento chi riceve il link?",
+    "Perché una vista ha meno opzioni di un tipo documento?",
+    "Che differenza c'è fra errore e avviso?"
+]

package/lib/components/features/assistant/dataset/Login-Suggested-Questions.json

@@ -0,0 +1,32 @@
+[
+    "Che cos'è la schermata di accesso?",
+    "Quanti passaggi servono per entrare e come torno indietro?",
+    "Che cos'è il punto di accesso?",
+    "Come verifico che il punto di accesso risponda?",
+    "Che cos'è l'archivio documentale che mi viene chiesto?",
+    "Come si sceglie da un elenco a tendina o a finestra?",
+    "Quali sono le cinque modalità di autenticazione?",
+    "A che cosa servono i campi nome utente e password?",
+    "Che cos'è l'accesso «per conto di»?",
+    "Quali campi sono obbligatori per accedere?",
+    "Quali controlli ci sono sul cambio e sul recupero della password?",
+    "Che cos'è l'autenticazione a più fattori?",
+    "Come si compilano le sei caselle del codice?",
+    "Quali comandi ho accanto alle caselle del codice?",
+    "Come ottengo il codice per posta elettronica o da applicazione?",
+    "Quando compaiono «Cambia password» e «Password dimenticata»?",
+    "Come si cambia la password dalla schermata di accesso?",
+    "Ho dimenticato la password, come la recupero?",
+    "Quali requisiti deve avere la nuova password?",
+    "Che cosa sono gli accessi rapidi?",
+    "Come creo un accesso rapido prima di entrare?",
+    "Com'è fatto il pannello degli accessi rapidi?",
+    "Come personalizzo nome, icona e colore di un accesso rapido?",
+    "Come esporto e importo gli accessi rapidi?",
+    "Come cambio la lingua della schermata di accesso?",
+    "Quali versioni sono indicate nella schermata?",
+    "Che cosa vogliono dire i messaggi della schermata di accesso?",
+    "L'accesso non riesce: come capisco il motivo?",
+    "Come accedo a TopMedia da telefono?",
+    "La password nuova non viene accettata, perché?"
+]

package/lib/components/features/assistant/dataset/Surfer-Suggested-Questions.json

@@ -0,0 +1,102 @@
+[
+    "Che cos'è l'Archiviazione?",
+    "Che cosa succede facendo clic su un risultato?",
+    "Che cosa significa tipo documento?",
+    "Che cosa sono i metadati di output?",
+    "Che cosa cambia negli elenchi e nelle finestre su Mobile?",
+    "Che cos'è la ricerca naturale?",
+    "Come effettuo una ricerca?",
+    "Come apro la sezione Ricerca?",
+    "Dove trovo i tipi documento in archiviazione?",
+    "A cosa servono i metadati?",
+    "Che cos'è un filtro di ricerca?",
+    "Come si apre la ricerca naturale?",
+    "In quale sezione di Surfer si cercano i documenti?",
+    "Che cos'è la ricerca avanzata?",
+    "Posso vedere il contenuto del file che sto archiviando?",
+    "A cosa serve il tipo documento?",
+    "Quali operatori di ricerca esistono?",
+    "Come evito errori di battitura?",
+    "Che cos'è la scheda del documento?",
+    "Devo convertire il file prima di archiviarlo?",
+    "Che cosa sono i metadati?",
+    "Che cos'è l'ordinamento del risultato?",
+    "Come cerco documenti di un certo periodo?",
+    "Come vengono nominati i file copiati?",
+    "Come scelgo il tipo documento da archiviare?",
+    "Che cos'è la ricerca per metadati?",
+    "Come cerco i documenti di oggi?",
+    "Che cos'è l'editor delle formule?",
+    "Dove metto il file da archiviare?",
+    "Che cos'è un documento in Surfer?",
+    "Come personalizzo i pannelli della ricerca?",
+    "Come si apre il pannello «Impostazioni» e come è fatto?",
+    "Come archivio una fattura elettronica?",
+    "Cosa vuol dire prendere in carico un documento?",
+    "Come aggiungo una colonna al risultato?",
+    "Che cosa vedo dopo la ricerca?",
+    "Che cosa sono i documenti master e dettaglio?",
+    "Come ordino cliccando sulla colonna?",
+    "Che cosa sono i metadati di sistema?",
+    "Come non reimposto ogni volta i filtri?",
+    "Come riconosco il tipo di dato di un metadato?",
+    "Perché non posso modificare la ricerca?",
+    "Che cos'è una vista e perché è scritta in rosso?",
+    "Come unisco due ricerche?",
+    "Che cos'è Toppy e in quanti modi compare nella Ricerca?",
+    "Come scarico un documento?",
+    "A cosa serve il check out?",
+    "Come elimino un documento dall'archivio?",
+    "Come prendo in carico un documento?",
+    "Come esporto i risultati?",
+    "Come metto un documento tra i preferiti?",
+    "Come aggiorno i risultati?",
+    "Dove sono finiti i documenti che avevo trovato?",
+    "Come faccio a rivedere le ricerche rapide?",
+    "Come scelgo il tipo documento dall'albero?",
+    "Come cambio l'albero che si apre all'inizio?",
+    "Come pulisco l'elenco delle scorciatoie?",
+    "Come filtro l'elenco dei tipi documento?",
+    "Perché non posso eliminare una ricerca?",
+    "Come faccio partire sempre la stessa ricerca?",
+    "Come richiamo una ricerca dalla pagina iniziale?",
+    "Come annullo le modifiche ai filtri?",
+    "Come aggiungo un campo di ricerca che non c'è?",
+    "Come scelgo quali colonne vedere nel risultato?",
+    "Come stabilisco la priorità dell'ordinamento?",
+    "Come faccio partire subito una ricerca salvata?",
+    "Come aggiungo un comando alla barra flottante?",
+    "Come leggo il documento senza aprirlo?",
+    "Come trovo un documento nei risultati?",
+    "Come tolgo una colonna dalla vista?",
+    "Come sostituisco il file?",
+    "Come firmo un documento?",
+    "Come trasformo un documento in pdf?",
+    "Come cambio un valore su tanti documenti?",
+    "Come trovo il documento principale?",
+    "Come collego due documenti?",
+    "Come archivio un documento simile?",
+    "Come tengo aperta l'anteprima?",
+    "Come faccio vedere l'anteprima dei file grandi?",
+    "Come copio i file in una cartella?",
+    "Come unisco più documenti?",
+    "Perché la ricerca full text non lo trova?",
+    "Come tolgo un documento dal gruppo di lavoro?",
+    "Chi ha preso il documento in passato?",
+    "Dove vedo i documenti condivisi?",
+    "Come assegno un compito su un documento?",
+    "Come scarico gli allegati di una fattura?",
+    "Come scarico la lista dei documenti?",
+    "Come cambio i dati di un documento?",
+    "Come archivio partendo da una ricerca?",
+    "Come faccio una ricerca complessa?",
+    "Perché il risultato non è quello che mi aspetto?",
+    "Come cerco una parola dentro i documenti?",
+    "Come chiedo a Toppy di trovare un documento?",
+    "Come copio i dati della firma?",
+    "Chi ha modificato il documento e quando?",
+    "Come risalgo dalla fattura all'ordine?",
+    "Come imposto una ricerca per trovare un documento?",
+    "Dove si cercano i documenti di un certo tipo?",
+    "Come vedo la cronologia dei check out di un documento?"
+]

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { AccessLevels, DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, ResultTypes, SDK_Globals, ValidationItem } from '@topconsultnpm/sdk-ts';
 import { searchResultToMetadataValues, getSystemMetadata, calcIsModified, getListMaxItems, SDKUI_Localizator, SDKUI_Globals } from '../../../helper';
@@ -6,11 +6,10 @@ import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { DcmtOperationTypes, FormModes } from '../../../ts';
 import { StyledToolbarCardContainer, StyledFormButtonsContainer } from '../../base/Styled';
 import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
-import { TMSplitterLayout } from '../../base/TMLayout';
-import { TMExceptionBoxManager } from '../../base/TMPopUp';
+import TMLayoutContainer, { TMSplitterLayout } from '../../base/TMLayout';
+import { TMExceptionBoxManager, TMMessageBoxManager, ButtonNames } from '../../base/TMPopUp';
 import TMShowAllOrMaxItemsButton from '../../base/TMShowAllOrMaxItemsButton';
 import TMSpinner from '../../base/TMSpinner';
-import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
 import TMDistinctValues from '../../choosers/TMDistinctValues';
 import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } from '../../editors/TMFormulaEditor';
 import { useMetadataEditableList } from '../../editors/TMMetadataEditor';
@@ -28,7 +27,7 @@ const TMBatchUpdateForm = ({ inputDcmts, TID, DID, isExpertMode = SDKUI_Globals.
     const [showFormulaEditor, setShowFormulaEditor] = useState(false);
     const [focusedMetadataValue, setFocusedMetadataValue] = useState();
     const [addOrRemoveEditableList] = useMetadataEditableList();
-    const { abortController, runOperationAsync, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary } = useDcmtOperations();
+    const { runOperationAsync } = useDcmtOperations();
     const deviceType = useDeviceType();
     useEffect(() => {
         if (!TID)
@@ -114,10 +113,24 @@ const TMBatchUpdateForm = ({ inputDcmts, TID, DID, isExpertMode = SDKUI_Globals.
     const totalItems = metadataValues.filter(o => o.mid && o.mid > 100).length;
     const metadataValuesSource = metadataValues.filter(o => o.mid && o.mid > 100).slice(0, showAll ? metadataValues.filter(o => o.mid && o.mid > 100).length : listMaxItems);
     const metadataValuesSourceOrig = metadataValuesOrig.filter(o => o.mid && o.mid > 100).slice(0, showAll ? metadataValuesOrig.filter(o => o.mid && o.mid > 100).length : listMaxItems);
+    /**
+     * Chiusura del form: con modifiche pendenti chiede conferma prima di scartarle.
+     * Il TMModal è montato con askClosingConfirm, quindi non si auto-nasconde: la chiusura
+     * effettiva avviene solo quando onBack smonta il componente.
+     */
+    const handleClose = () => {
+        if (!isModified) {
+            onBack?.();
+            return;
+        }
+        TMMessageBoxManager.show({
+            title: SDKUI_Localizator.Cancel, message: SDKUI_Localizator.ConfirmOnCancel, buttons: [ButtonNames.YES, ButtonNames.NO],
+            onButtonClick: (e) => { if (e === ButtonNames.YES)
+                onBack?.(); }
+        });
+    };
     const renderContent = () => {
-        return (_jsx(TMLayoutWaitingContainer, { showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: Gutters.getGutters(), separatorColor: 'transparent', separatorActiveColor: 'transparent', showSeparator: showFormulaEditor, start: showFormulaEditor ? ['50%', '50%'] : ['100%', '0%'], min: ['0', '0'], children: [_jsx(TMPanel, { title: isModal ? 'Modifica i metadati' : `${SDKUI_Localizator.BatchUpdate} (${inputDcmts.length} documenti selezionati)`, onBack: deviceType === DeviceType.MOBILE ? onBack : undefined, 
-                        // onClose={deviceType !== DeviceType.MOBILE ? onBack : undefined}
-                        allowMaximize: !isModal, showHeader: !isModal, children: _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, isExpertMode: isExpertMode, showCheckBoxes: ShowCheckBoxesMode.Always, showNullValueCheckBoxes: true, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, validationItems: validationItems, isOpenDistinctValues: showDistinctValuesPanel, selectedMID: focusedMetadataValue?.mid, onFocusedItemChanged: (item) => { setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
+        return (_jsx(TMLayoutContainer, { children: _jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: Gutters.getGutters(), separatorColor: 'transparent', separatorActiveColor: 'transparent', showSeparator: showFormulaEditor, start: showFormulaEditor ? ['50%', '50%'] : ['100%', '0%'], min: ['0', '0'], children: [_jsx(TMPanel, { title: isModal ? 'Modifica i metadati' : `${SDKUI_Localizator.BatchUpdate} (${inputDcmts.length} documenti selezionati)`, onBack: deviceType === DeviceType.MOBILE ? handleClose : undefined, allowMaximize: !isModal, showHeader: !isModal, children: _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, isExpertMode: isExpertMode, showCheckBoxes: ShowCheckBoxesMode.Always, showNullValueCheckBoxes: true, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, validationItems: validationItems, isOpenDistinctValues: showDistinctValuesPanel, selectedMID: focusedMetadataValue?.mid, onFocusedItemChanged: (item) => { setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
                                         setMetadataValues((prevItems) => prevItems.map((item) => {
                                             const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
                                             return newItem ? { ...item, ...newItem } : item;
@@ -153,7 +166,7 @@ const TMBatchUpdateForm = ({ inputDcmts, TID, DID, isExpertMode = SDKUI_Globals.
                                         } })] }) })] }) }));
     };
     return (_jsx(_Fragment, { children: (isModal && onBack)
-            ? _jsx(TMModal, { title: titleModal, onClose: onBack, width: widthModal ?? '100%', height: heightModal ?? '100%', hidePopup: false, askClosingConfirm: true, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block', padding: "4px" }, children: renderContent() }) })
+            ? _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" }, children: renderContent() }) })
             : renderContent() }));
 };
 export default TMBatchUpdateForm;

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

@@ -13,8 +13,8 @@ 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 TMWaitPanelManager from '../../base/waitPanel/TMWaitPanelManager';
 import TMCheckBox from '../../editors/TMCheckBox';
 import ShowAlert from '../../base/TMAlert';
 import { TMColors } from '../../../utils/theme';
@@ -26,17 +26,13 @@ import { buildInitialDownloadSettings, fileExists, generateTargetFileName, gener
  * e TMDownloadRelationViewerSection.
  */
 const TMCopyToFolderForm = ({ 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();
+    // Il wait panel del download lo apre e lo aggiorna l'hook: qui serve solo la funzione.
+    const { downloadDcmtsAsync } = useDcmtOperations();
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     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([]);
-    // ---- Stato per la creazione ZIP (spinner separato) ----
-    const [isCreatingZip, setIsCreatingZip] = useState(false);
-    const [zipProgressText, setZipProgressText] = useState('');
-    const [zipProgressValue, setZipProgressValue] = useState(0);
-    const [zipProgressMax, setZipProgressMax] = useState(0);
     const [hasSavedLayout, setHasSavedLayout] = useState(() => {
         const saved = SDKUI_Globals.userSettings.documentDownloadSettings;
         const defaults = new DocumentDownloadSettings();
@@ -114,7 +110,7 @@ const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationVi
     // ---- Scrittura file nel filesystem locale ----
     const writeFileToFolder = async (file, dcmtInfo) => {
         try {
-            let targetFileName = await generateTargetFileName(file, dcmtInfo, {
+            const baseFileName = await generateTargetFileName(file, dcmtInfo, {
                 fileNamingMode: settings.fileNamingMode,
                 separatorChar: settings.separatorChar,
             });
@@ -123,7 +119,7 @@ const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationVi
                 const url = URL.createObjectURL(file);
                 const a = document.createElement('a');
                 a.href = url;
-                a.download = targetFileName;
+                a.download = baseFileName;
                 document.body.appendChild(a);
                 a.target = '_blank';
                 a.rel = 'noreferrer';
@@ -132,20 +128,22 @@ const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationVi
                 URL.revokeObjectURL(url);
                 return;
             }
-            const exists = await fileExists(folderHandleRef.current, targetFileName);
+            const folderHandle = folderHandleRef.current;
+            let targetFileName = baseFileName;
+            const exists = await fileExists(folderHandle, targetFileName);
             if (exists) {
                 switch (settings.fileExistsMode) {
                     case 'skip':
                         return;
                     case 'rename':
-                        targetFileName = await generateUniqueFileName(folderHandleRef.current, targetFileName);
+                        targetFileName = await generateUniqueFileName(folderHandle, targetFileName);
                         break;
                     case 'overwrite':
                     default:
                         break;
                 }
             }
-            const fileHandle = await folderHandleRef.current.getFileHandle(targetFileName, { create: true });
+            const fileHandle = await folderHandle.getFileHandle(targetFileName, { create: true });
             const writable = await fileHandle.createWritable();
             await writable.write(file);
             await writable.close();
@@ -179,7 +177,6 @@ const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationVi
             await downloadDcmtsAsync({ inputDcmts: dcmtInfosToDownload, downloadType: DownloadTypes.Dcmt, downloadMode: 'download', onFileDownloaded: writeFileToFolder, skipConfirmation: true, retrieveOptions, useCache: false });
         }
         else if (settings.exportMode === 'zip') {
-            const zipEntries = [];
             const fileNameCounts = new Map();
             const getUniqueZipFileName = (fileName) => {
                 const lowerName = fileName.toLowerCase();
@@ -192,30 +189,41 @@ const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationVi
                 const ext = dotIndex > 0 ? fileName.substring(dotIndex) : '';
                 return `${baseName} (${count})${ext}`;
             };
+            // I file scaricati si raccolgono in mappa (nome incluso) e l'archivio viene costruito
+            // dopo, nell'ordine di selezione, così i suffissi di deduplica restano coerenti.
+            const downloadedEntries = new Map();
             const collectFileForZip = async (file, dcmtInfo) => {
                 const targetFileName = await generateTargetFileName(file, dcmtInfo, {
                     fileNamingMode: settings.fileNamingMode,
                     separatorChar: settings.separatorChar,
                 });
-                zipEntries.push({ filename: getUniqueZipFileName(targetFileName), data: file });
+                downloadedEntries.set(`${dcmtInfo.TID}_${dcmtInfo.DID}`, { file, targetFileName });
             };
             await downloadDcmtsAsync({ inputDcmts: dcmtInfosToDownload, downloadType: DownloadTypes.Dcmt, downloadMode: 'download', onFileDownloaded: collectFileForZip, skipConfirmation: true, retrieveOptions, useCache: false });
+            const zipEntries = [];
+            for (const dcmtInfo of dcmtInfosToDownload) {
+                const entry = downloadedEntries.get(`${dcmtInfo.TID}_${dcmtInfo.DID}`);
+                if (!entry)
+                    continue;
+                zipEntries.push({ filename: getUniqueZipFileName(entry.targetFileName), data: entry.file });
+            }
             if (zipEntries.length > 0) {
                 const zipFileName = settings.zipFileName.trim().toLowerCase().endsWith('.zip')
                     ? settings.zipFileName.trim()
                     : settings.zipFileName.trim() + '.zip';
-                // Crea il blob ZIP
-                setIsCreatingZip(true);
-                setZipProgressMax(zipEntries.length);
-                setZipProgressValue(0);
-                setZipProgressText(SDKUI_Localizator.CompressToZipFile);
+                // Crea il blob ZIP: la compressione non e' interrompibile, quindi niente Interrompi.
+                const zipPanel = TMWaitPanelManager.show({
+                    title: SDKUI_Localizator.CompressToZipFile,
+                    subtitle: SDKUI_Localizator.CompressToZipFile,
+                    max: zipEntries.length,
+                    showCounters: false,
+                });
                 try {
                     const zipBlob = await ZipManager.createZip(zipEntries, {
                         compressionLevel: 6,
                         password: settings.zipPassword.trim() || undefined,
                         onProgress: (current, total, filename) => {
-                            setZipProgressValue(current);
-                            setZipProgressText(`${SDKUI_Localizator.CompressToZipFile}: ${filename}`);
+                            zipPanel.update({ value: current, subtitle: `${SDKUI_Localizator.CompressToZipFile}: ${filename}` });
                         },
                     });
                     // Se c'è un handle della cartella: salva direttamente nella cartella selezionata
@@ -247,7 +255,7 @@ const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationVi
                     ShowAlert({ message: SDKUI_Localizator.Error, mode: 'error', duration: 5000, title: SDKUI_Localizator.CompressToZipFile });
                 }
                 finally {
-                    setIsCreatingZip(false);
+                    zipPanel.close();
                 }
             }
         }
@@ -377,25 +385,25 @@ const TMCopyToFolderForm = ({ mode, selectedDcmtInfos, onClose, showTMRelationVi
                                                     { value: 'skip', display: SDKUI_Localizator.DoNotCopy },
                                                     { value: 'rename', display: SDKUI_Localizator.CopyButRename },
                                                 ], value: isUsingDefaultDownloads ? 'rename' : settings.fileExistsMode, direction: "row", disabled: isUsingDefaultDownloads, onValueChanged: (value) => updateSettings('fileExistsMode', value), fontSize: '0.9rem' }) }), isUsingDefaultDownloads && (_jsx("span", { style: { fontSize: '0.8rem', color: '#888', fontStyle: 'italic', marginTop: '4px', display: 'block' }, children: SDKUI_Localizator.BrowserAutoRenamesDuplicateFilesInDownloadsFolder }))] }) }), fileNamingRow, formatSelectorsRow] })), settings.exportMode === 'zip' && (_jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', columnGap: '10px' }, children: [_jsxs("div", { style: { display: 'flex', flexWrap: 'wrap', columnGap: '10px', width: '100%' }, children: [folderSelector, _jsx("div", { style: { flex: '1 1 280px', minWidth: '280px' }, children: _jsx(TMTextBox, { label: SDKUI_Localizator.ZipFileName, value: settings.zipFileName, validationItems: zipValidationItems, autoComplete: "one-time-code", onValueChanged: (e) => updateSettings('zipFileName', e.target.value) }) }), _jsx("div", { style: { flex: '1 1 280px', minWidth: '280px' }, children: _jsx(TMTextBox, { label: SDKUI_Localizator.ProtectWithPasswordOptional, value: settings.zipPassword, type: "password", autoComplete: "one-time-code", onValueChanged: (e) => updateSettings('zipPassword', e.target.value) }) })] }), fileNamingRow, formatSelectorsRow] }))] })] }));
-    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel || isCreatingZip, showWaitPanelPrimary: isCreatingZip ? true : showPrimary, showWaitPanelSecondary: isCreatingZip ? false : showSecondary, waitPanelTitle: isCreatingZip ? SDKUI_Localizator.CompressToZipFile : waitPanelTitle, waitPanelTextPrimary: isCreatingZip ? zipProgressText : waitPanelTextPrimary, waitPanelValuePrimary: isCreatingZip ? zipProgressValue : waitPanelValuePrimary, waitPanelMaxValuePrimary: isCreatingZip ? zipProgressMax : waitPanelMaxValuePrimary, waitPanelTextSecondary: isCreatingZip ? '' : waitPanelTextSecondary, waitPanelValueSecondary: isCreatingZip ? 0 : waitPanelValueSecondary, waitPanelMaxValueSecondary: isCreatingZip ? 0 : waitPanelMaxValueSecondary, isCancelable: !isCreatingZip, abortController: abortController, usePortal: true, children: _jsx(TMModal, { width: calcResponsiveSizes(deviceType, showTMRelationViewer ? '95%' : '950px', '95%', '95%'), height: showTMRelationViewer ? '95%' : 'auto', title: getTitle(), onClose: onClose, showCloseButton: true, children: _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { display: 'flex', flexDirection: 'column', padding: '4px 4px 16px 4px', 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: 'hidden', min: ["50", "50"], start: ['65%', '35%'], children: [_jsx(TMDownloadRelationViewerSection, { selectedDcmtInfos: selectedDcmtInfos, onSelectionChanged: setSelectedItemsRelationViewer, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), configSection] }, "TMCopyToFolder-relation-config") })) : (configSection), _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexShrink: 0, marginTop: '12px' }, children: _jsxs("button", { disabled: !isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0), onClick: run, style: {
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                gap: '6px',
-                                padding: '8px 20px',
-                                fontSize: '0.95rem',
-                                fontWeight: 600,
-                                color: '#fff',
-                                background: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0))
-                                    ? '#b0b0b0'
-                                    : 'linear-gradient(135deg, #28a745 0%, #218838 100%)',
-                                border: 'none',
-                                borderRadius: '6px',
-                                cursor: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0)) ? 'not-allowed' : 'pointer',
-                                boxShadow: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0))
-                                    ? 'none'
-                                    : '0 2px 8px rgba(40, 167, 69, 0.35)',
-                                transition: 'all 0.2s ease',
-                            }, children: [_jsx(IconPlay, {}), _jsx("span", { children: SDKUI_Localizator.Execute })] }) })] }) }) }));
+    return (_jsx(TMModal, { width: calcResponsiveSizes(deviceType, showTMRelationViewer ? '95%' : '950px', '95%', '95%'), height: showTMRelationViewer ? '95%' : 'auto', title: getTitle(), onClose: onClose, showCloseButton: true, children: _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { display: 'flex', flexDirection: 'column', padding: '4px 4px 16px 4px', 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: 'hidden', min: ["50", "50"], start: ['65%', '35%'], children: [_jsx(TMDownloadRelationViewerSection, { selectedDcmtInfos: selectedDcmtInfos, onSelectionChanged: setSelectedItemsRelationViewer, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), configSection] }, "TMCopyToFolder-relation-config") })) : (configSection), _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexShrink: 0, marginTop: '12px' }, children: _jsxs("button", { disabled: !isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0), onClick: run, style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            gap: '6px',
+                            padding: '8px 20px',
+                            fontSize: '0.95rem',
+                            fontWeight: 600,
+                            color: '#fff',
+                            background: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0))
+                                ? '#b0b0b0'
+                                : 'linear-gradient(135deg, #28a745 0%, #218838 100%)',
+                            border: 'none',
+                            borderRadius: '6px',
+                            cursor: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0)) ? 'not-allowed' : 'pointer',
+                            boxShadow: (!isFormValid() || (showTMRelationViewer && selectedItemsRelationViewer.filter(i => i.isDcmt).length === 0))
+                                ? 'none'
+                                : '0 2px 8px rgba(40, 167, 69, 0.35)',
+                            transition: 'all 0.2s ease',
+                        }, children: [_jsx(IconPlay, {}), _jsx("span", { children: SDKUI_Localizator.Execute })] }) })] }) }));
 };
 export default TMCopyToFolderForm;

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

@@ -3,7 +3,10 @@ import { HomeBlogPost, TaskDescriptor } from '@topconsultnpm/sdk-ts';
 interface ITMDcmtBlogProps {
     tid: number | undefined;
     did: number | undefined;
+    /** Il pannello è aperto. La inietta TMPanelWrapper, non va passata dal chiamante */
     isVisible?: boolean;
+    /** La pagina che contiene il pannello è a video: quelle in secondo piano restano montate e non devono caricare */
+    isPageVisible?: boolean;
     fetchBlogDataTrigger?: number;
     onRefreshBlogDatagrid?: () => Promise<void>;
     showFloatingCommentButton?: boolean;

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

@@ -8,7 +8,7 @@ import TMBlogCommentForm from '../blog/TMBlogCommentForm';
 import TMBlogsPost from '../../grids/TMBlogsPost';
 import TMSpinner from '../../base/TMSpinner';
 import { TMExceptionBoxManager } from '../../base/TMPopUp';
-const TMDcmtBlog = ({ tid, did, isVisible, fetchBlogDataTrigger, onRefreshBlogDatagrid, showFloatingCommentButton = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
+const TMDcmtBlog = ({ tid, did, isVisible, isPageVisible = true, fetchBlogDataTrigger, onRefreshBlogDatagrid, showFloatingCommentButton = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
     const [blogsDatasource, setBlogsDatasource] = useState([]);
     const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false); //traccia se *qualsiasi* dato è stato caricato per la prima volta
     const [lastLoadedDid, setLastLoadedDid] = useState(undefined); // `lastLoadedDid` tiene traccia dell'ultimo `did` per cui abbiamo caricato i dati
@@ -47,15 +47,15 @@ const TMDcmtBlog = ({ tid, did, isVisible, fetchBlogDataTrigger, onRefreshBlogDa
             return;
         }
         // Condizione per eseguire il fetch:
-        // 1. Il pannello è visibile
+        // 1. Il pannello è visibile in una pagina a video
         // 2. E (non abbiamo ancora caricato dati o il `did` è cambiato rispetto all'ultima volta)
-        const shouldFetch = isVisible && (!hasLoadedDataOnce || did !== lastLoadedDid);
+        const shouldFetch = isVisible && isPageVisible && (!hasLoadedDataOnce || did !== lastLoadedDid);
         // Esegui la chiamata API solo se il pannello è visibile E i dati non sono già stati caricati
         // O, se vuoi ricaricare ogni volta che diventa visibile (ma è meno efficiente per "pesante")
         if (shouldFetch) {
             fetchBlogDataAsync(tid, did);
         }
-    }, [tid, did, isVisible, hasLoadedDataOnce, lastLoadedDid]);
+    }, [tid, did, isVisible, isPageVisible, hasLoadedDataOnce, lastLoadedDid]);
     const refreshCallback = async () => {
         await fetchBlogDataAsync(tid, did);
         await onRefreshBlogDatagrid?.();

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { DcmtTypeDescriptor, HomeBlogPost, LayoutModes, ObjectRef, SearchResultDescriptor, TaskDescriptor, ValidationItem } from '@topconsultnpm/sdk-ts';
 import { DcmtInfo, FormModes, MetadataValueDescriptorEx, TaskContext, IGraphometricManagerProp } from '../../../ts';
 import { IntesiCertificateData } from '../../../helper';
+import { ArchiveListMode } from '../../../hooks/useArchiveListForm';
 /**
  * Definisce il contesto da cui è stato invocato il TMDcmtForm.
  * Permette di gestire logiche diverse in base alla provenienza.
@@ -77,6 +78,12 @@ interface ITMDcmtFormProps {
         mid: number;
         value: string;
     }>, tid?: number) => void;
+    /**
+     * Modalità "aggiungi a elenco" (es. archiviazione dettagli multipli): se valorizzata, in layout di archiviazione
+     * il form non archivia ma emette i metadati compilati al chiamante (pulsanti "Aggiungi"/"Modifica" + "Pulisci").
+     * Tutta la logica è incapsulata in useArchiveListForm; usata solo da TMMultiMasterDetailDcmts.
+     */
+    archiveListMode?: ArchiveListMode;
     fetchRemoteCertificates?: (email: string) => Promise<IntesiCertificateData[]>;
     datagridUtility?: {
         onRefreshSearchAsyncDatagrid?: () => Promise<void>;