@topconsultnpm/sdkui-react 6.22.0-dev3.24 → 6.22.0-dev3.26

package/lib/hooks/useMultiMasterDetailDcmts.js

@@ -5,6 +5,7 @@ import { clearMultiDetailLayout, Globalization, getExceptionMessage, getMultiDet
 import { canViewMetadata, getDcmtMetadataByMid, getUserMetadataSorted, mapAssociationsFromMetadata } from '../helper/dcmtsHelper';
 import { ButtonNames, TMExceptionBoxManager, TMMessageBoxManager } from '../components/base/TMPopUp';
 import TMSpinner from '../components/base/TMSpinner';
+import { TMWaitPanelManager } from '../components/base/waitPanel';
 import ShowAlert from '../components/base/TMAlert';
 import { TMResultManager } from '../components/forms/TMResultDialog';
 import { useDataListItem } from './useDataListItem';
@@ -17,18 +18,6 @@ export var MultiDetailArchivePhase;
     /** Riepilogo delle archiviazioni */
     MultiDetailArchivePhase[MultiDetailArchivePhase["ArchiveSummary"] = 1] = "ArchiveSummary";
 })(MultiDetailArchivePhase || (MultiDetailArchivePhase = {}));
-const CLOSED_WAIT_PANEL = {
-    showWaitPanel: false,
-    waitPanelTitle: '',
-    showWaitPanelPrimary: false,
-    waitPanelTextPrimary: '',
-    waitPanelValuePrimary: 0,
-    waitPanelMaxValuePrimary: 0,
-    showWaitPanelSecondary: false,
-    waitPanelTextSecondary: '',
-    waitPanelValueSecondary: 0,
-    waitPanelMaxValueSecondary: 0,
-};
 /**
  * Logica dell'archiviazione multipla dei dettagli: relazioni, sezioni, righe del riepilogo e
  * archiviazione. Il rendering sta in TMMultiMasterDetailDcmtsForm
@@ -76,8 +65,6 @@ export const useMultiMasterDetailDcmts = ({ dtd, masterDcmt, onClose, canNavigat
     // Archiviazione finale
     const [stopOnFirstError, setStopOnFirstError] = useState(true);
     const [isArchiving, setIsArchiving] = useState(false);
-    const [waitPanel, setWaitPanel] = useState(CLOSED_WAIT_PANEL);
-    const abortControllerRef = useRef(undefined);
     const selectedItem = detailRelationItems.find(item => item.relation === selectedRelation);
     const hasMultipleTypes = detailRelationItems.length > 1;
     const canUpdateMaster = canUpdateMasterCallback(dtd, masterDcmt);
@@ -620,44 +607,68 @@ export const useMultiMasterDetailDcmts = ({ dtd, masterDcmt, onClose, canNavigat
                 dataTypeByMid.set(md.id, md.dataType); });
             // Collegamenti della relazione valorizzati dal master (prevalgono sui valori del form)
             const associationMids = await getMasterAssociationsForDetailAsync(selectedRelation);
-            // Barra primaria: avanzamento documenti. Barra secondaria: upload del file corrente
-            const abortController = new AbortController();
-            abortControllerRef.current = abortController;
-            setWaitPanel({
-                ...CLOSED_WAIT_PANEL,
-                showWaitPanel: true,
-                waitPanelTitle: SDKUI_Localizator.Archiving,
-                showWaitPanelPrimary: rowsToArchive.length > 1,
-                waitPanelMaxValuePrimary: rowsToArchive.length,
-                showWaitPanelSecondary: true,
+            // Con piu' righe: primaria sui documenti, secondaria sui byte. Con una riga sola solo i byte.
+            const isBatch = rowsToArchive.length > 1;
+            const waitPanel = TMWaitPanelManager.show({
+                title: SDKUI_Localizator.Archiving,
+                max: isBatch ? rowsToArchive.length : 0,
+                cancelable: true,
+                showSecondary: isBatch,
+                showCounters: isBatch,
+                primaryLabel: isBatch ? SDKUI_Localizator.Documents : undefined,
+                secondaryLabel: isBatch ? 'File corrente' : undefined,
             });
+            const publishBytes = (loaded, total) => {
+                const text = total > 0
+                    ? `Uploading... ${Globalization.getNumberDisplayValue(loaded, true)} / ${Globalization.getNumberDisplayValue(total, true)}`
+                    : '';
+                if (isBatch)
+                    waitPanel.setSecondary({ value: loaded, max: total, text });
+                else
+                    waitPanel.update({ value: loaded, max: total, subtitle: text });
+            };
             const result = [];
             const archivedRowIds = new Set();
-            for (let i = 0; i < rowsToArchive.length; i++) {
-                if (abortController.signal.aborted) {
-                    result.push({ rowIndex: i, id1: detailTID, id2: undefined, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborati ${i} documenti` });
-                    break;
-                }
-                const rowData = rowsToArchive[i];
-                try {
-                    setWaitPanel(prev => ({ ...prev, waitPanelTextPrimary: `${SDKUI_Localizator.Archiving} ${i + 1} / ${rowsToArchive.length}` }));
-                    const newDID = await archiveRowAsync(rowData, detailTID, dataTypeByMid, associationMids, abortController.signal);
-                    setWaitPanel(prev => ({ ...prev, waitPanelValuePrimary: i + 1 }));
-                    archivedRowIds.add(rowData.id);
-                    result.push({ rowIndex: i, id1: detailTID, id2: newDID, resultType: ResultTypes.SUCCESS });
-                }
-                catch (error) {
-                    const err = error;
-                    // Annullamento richiesto dall'utente: interrompe senza mostrare l'errore
-                    if (err?.name === 'CanceledError' || abortController.signal.aborted) {
+            try {
+                for (let i = 0; i < rowsToArchive.length; i++) {
+                    // Con la conferma di interruzione aperta il loop resta in pausa qui
+                    await waitPanel.waitWhilePaused();
+                    if (waitPanel.aborted) {
                         result.push({ rowIndex: i, id1: detailTID, id2: undefined, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborati ${i} documenti` });
+                        waitPanel.warning();
                         break;
                     }
-                    result.push({ rowIndex: i, id1: detailTID, id2: undefined, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
-                    if (stopOnFirstError)
-                        break;
+                    if (isBatch)
+                        waitPanel.setSubtitle(`${SDKUI_Localizator.Archiving} ${i + 1} / ${rowsToArchive.length}`);
+                    const rowData = rowsToArchive[i];
+                    try {
+                        const newDID = await archiveRowAsync(rowData, detailTID, dataTypeByMid, associationMids, waitPanel.signal, publishBytes);
+                        archivedRowIds.add(rowData.id);
+                        result.push({ rowIndex: i, id1: detailTID, id2: newDID, resultType: ResultTypes.SUCCESS });
+                        waitPanel.ok();
+                    }
+                    catch (error) {
+                        const err = error;
+                        // Annullamento richiesto dall'utente: interrompe senza mostrare l'errore
+                        if (err?.name === 'CanceledError' || waitPanel.aborted) {
+                            result.push({ rowIndex: i, id1: detailTID, id2: undefined, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborati ${i} documenti` });
+                            waitPanel.warning();
+                            break;
+                        }
+                        result.push({ rowIndex: i, id1: detailTID, id2: undefined, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
+                        waitPanel.error();
+                        if (stopOnFirstError)
+                            break;
+                    }
+                    // Avanza a elaborazione conclusa: la barra non arriva al 100% prima dell'ultimo documento
+                    if (isBatch)
+                        await waitPanel.step();
                 }
             }
+            finally {
+                // Chiuso prima del riepilogo dei risultati
+                waitPanel.close();
+            }
             // Le righe archiviate escono dal riepilogo
             if (archivedRowIds.size > 0) {
                 setArchiveRows(prev => prev.filter(r => !archivedRowIds.has(r.id)));
@@ -677,13 +688,11 @@ export const useMultiMasterDetailDcmts = ({ dtd, masterDcmt, onClose, canNavigat
             TMExceptionBoxManager.show({ exception: error });
         }
         finally {
-            abortControllerRef.current = undefined;
-            setWaitPanel(CLOSED_WAIT_PANEL);
             setIsArchiving(false);
         }
     };
-    // Archiviazione di una singola riga, con avanzamento dell'upload sulla barra secondaria
-    const archiveRowAsync = async (row, detailTID, dataTypeByMid, associationMids, signal) => {
+    // Archiviazione di una singola riga, con avanzamento dell'upload notificato a onBytes
+    const archiveRowAsync = async (row, detailTID, dataTypeByMid, associationMids, signal, onBytes) => {
         const ae = new ArchiveEngineByID(SDK_Globals.tmSession);
         ae.TID = detailTID;
         ae.Metadata_ClearAll();
@@ -715,23 +724,12 @@ export const useMultiMasterDetailDcmts = ({ dtd, masterDcmt, onClose, canNavigat
         });
         if (row.__file)
             ae.ArchivingFile = row.__file;
-        let firstBlock = true;
-        let maxFileSize = 0;
         return ae.ArchiveAsync(signal, (pd) => {
-            if (firstBlock) {
-                maxFileSize = pd.ProgressBarMaximum ?? 0;
-                setWaitPanel(prev => ({ ...prev, waitPanelMaxValueSecondary: maxFileSize }));
-                firstBlock = false;
-            }
-            setWaitPanel(prev => ({
-                ...prev,
-                waitPanelValueSecondary: pd.ProgressBarValue,
-                waitPanelTextSecondary: `Uploading... ${Globalization.getNumberDisplayValue(pd.ProgressBarValue, true)} / ${Globalization.getNumberDisplayValue(maxFileSize, true)}`,
-            }));
-            if (pd.ProgressBarValue === pd.ProgressBarMaximum) {
-                setWaitPanel(prev => ({ ...prev, waitPanelValueSecondary: 0, waitPanelMaxValueSecondary: 0, waitPanelTextSecondary: '' }));
-                firstBlock = true;
-            }
+            // Upload completato: la barra si azzera per il file successivo
+            if (pd.ProgressBarValue === pd.ProgressBarMaximum)
+                onBytes(0, 0);
+            else
+                onBytes(pd.ProgressBarValue ?? 0, pd.ProgressBarMaximum ?? 0);
         });
     };
     return {
@@ -756,6 +754,5 @@ export const useMultiMasterDetailDcmts = ({ dtd, masterDcmt, onClose, canNavigat
         openAddForm, openEditForm, closeAddForm, deleteRow, duplicateRow, upsertRow, updateRowValues, copyArchivedDetailToRows,
         // Archiviazione
         stopOnFirstError, setStopOnFirstError, isArchiving, archiveAllAsync,
-        waitPanel, abortController: abortControllerRef.current,
     };
 };

package/lib/hooks/useWorkflowApprove.js

@@ -1,5 +1,25 @@
 import { useState, useEffect, useCallback } from 'react';
 import { SDK_Globals } from '@topconsultnpm/sdk-ts';
+const WORKFLOW_APPROVE_CHANGED_EVENT = 'onWorkflowApproveChange';
+/** Totale dei documenti da approvare: somma dei dcmtsFound delle singole categorie. */
+const calcTotalDcmtsFound = (data) => {
+    return data.reduce((sum, item) => sum + (item.dcmtsFound || 0), 0);
+};
+/**
+ * Fetch in corso.
+ *
+ * La WFAppr non porta un contatore ma l'intera lista di approvazione con le righe
+ * dei documenti, ed è chiesta da più istanze del hook a ridosso l'una dell'altra
+ * (coda del login, pagina di approvazione, widget della home). Chi arriva mentre
+ * è già in volo aspetta la stessa risposta invece di aprire una seconda richiesta.
+ */
+let inFlight;
+/** Ricarica i dati e notifica tutte le istanze del hook. */
+const load = async () => {
+    const result = await SDK_Globals.tmSession?.NewWorkflowEngine().WFApprAsync(1);
+    SDK_Globals.currentWorkflowApproveData = result ?? [];
+    window.dispatchEvent(new CustomEvent(WORKFLOW_APPROVE_CHANGED_EVENT));
+};
 /**
  * Hook per gestire i dati di approvazione del workflow.
  * Fornisce il dataSource, lo stato di caricamento e una funzione per aggiornare i dati.
@@ -7,13 +27,10 @@ import { SDK_Globals } from '@topconsultnpm/sdk-ts';
 export const useWorkflowApprove = () => {
     const [workflowApproveData, setWorkflowApproveData] = useState(SDK_Globals.currentWorkflowApproveData);
     const [isLoading, setIsLoading] = useState(false);
-    const [totalDcmtsFound, setTotalDcmtsFound] = useState(0);
-    /**
-     * Calcola il numero totale di dcmtsFound dai dati del workflow.
-     */
-    const calculateTotalDcmtsFound = useCallback((data) => {
-        return data.reduce((sum, item) => sum + (item.dcmtsFound || 0), 0);
-    }, []);
+    // Seminato dai dati già in cache: un'istanza montata a login concluso parte dal
+    // totale reale e non da zero, altrimenti chi confronta questo valore con il
+    // contatore della home vede una differenza inesistente e ricarica a vuoto.
+    const [totalDcmtsFound, setTotalDcmtsFound] = useState(() => calcTotalDcmtsFound(SDK_Globals.currentWorkflowApproveData));
     /**
      * Ottiene tutti i work items che corrispondono a un determinato DID.
      * Restituisce un array di oggetti { tid, did }.
@@ -40,12 +57,10 @@ export const useWorkflowApprove = () => {
         }
         setIsLoading(true);
         try {
-            const result = await SDK_Globals.tmSession.NewWorkflowEngine().WFApprAsync(1);
-            SDK_Globals.currentWorkflowApproveData = result ?? [];
-            // Aggiorna anche il totale dei dcmtsFound
-            setTotalDcmtsFound(calculateTotalDcmtsFound(SDK_Globals.currentWorkflowApproveData));
-            // Notifica tutte le istanze del hook che i dati sono cambiati.
-            window.dispatchEvent(new CustomEvent('onWorkflowApproveChange'));
+            if (!inFlight) {
+                inFlight = load().finally(() => { inFlight = undefined; });
+            }
+            await inFlight;
         }
         catch (error) {
             console.error("Errore durante il fetch dei dati di approvazione workflow:", error);
@@ -53,18 +68,19 @@ export const useWorkflowApprove = () => {
         finally {
             setIsLoading(false);
         }
-    }, [calculateTotalDcmtsFound]); // useCallback con array vuoto perché non ha dipendenze esterne a React
+    }, []);
     // Questo useEffect serve a sincronizzare lo stato tra diverse istanze del hook.
     // Se il componente A chiama refreshWorkflowApprove, il componente B (che usa lo stesso hook)
     // riceverà l'evento e aggiornerà il suo stato locale.
     useEffect(() => {
         const handleUpdate = () => {
             setWorkflowApproveData(SDK_Globals.currentWorkflowApproveData);
+            setTotalDcmtsFound(calcTotalDcmtsFound(SDK_Globals.currentWorkflowApproveData));
         };
-        window.addEventListener('onWorkflowApproveChange', handleUpdate);
+        window.addEventListener(WORKFLOW_APPROVE_CHANGED_EVENT, handleUpdate);
         return () => {
-            window.removeEventListener('onWorkflowApproveChange', handleUpdate);
+            window.removeEventListener(WORKFLOW_APPROVE_CHANGED_EVENT, handleUpdate);
         };
-    }, [calculateTotalDcmtsFound]);
+    }, []);
     return { workflowApproveData, isLoading, refreshWorkflowApprove, totalDcmtsFound, getWorkItemsByDID };
 };

package/lib/services/platform_services.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { JobTypes, ObjectClasses, ProcessDescriptor, DcmtTypeDescriptor } from "@topconsultnpm/sdk-ts";
 export declare class PlatformObjectService {
     static readonly retrieveAllAsync: (objClass: ObjectClasses, refreshCache?: boolean) => Promise<import("@topconsultnpm/sdk-ts").AreaDescriptor[] | import("@topconsultnpm/sdk-ts").NotificationDescriptor[] | import("@topconsultnpm/sdk-ts").RelationDescriptor[] | import("@topconsultnpm/sdk-ts").TaskDescriptor[] | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor[] | undefined>;
@@ -14,6 +13,6 @@ export declare class PlatformObjectService {
     static readonly createAsync: (objClass: ObjectClasses, jobType: JobTypes, d: any) => Promise<number | undefined>;
     static readonly deleteAsync: (objClass: ObjectClasses, id: number) => Promise<number | undefined>;
     static readonly getName: (objClass: ObjectClasses, jobType?: JobTypes, isPlural?: boolean) => string;
-    static readonly getIcon: (objClass: ObjectClasses, d: any) => React.JSX.Element;
-    static readonly getTooltip: (objClass: ObjectClasses, d: any) => React.JSX.Element | null;
+    static readonly getIcon: (objClass: ObjectClasses, d: any) => import("react/jsx-runtime").JSX.Element;
+    static readonly getTooltip: (objClass: ObjectClasses, d: any) => import("react/jsx-runtime").JSX.Element | null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.22.0-dev3.24",
+    "version": "6.22.0-dev3.26",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",