@topconsultnpm/sdkui-react 6.20.0-dev1.10 → 6.20.0-dev1.101

package/lib/hooks/useDataUserIdItem.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useCallback } from 'react';
+import { UserListCacheService } from '@topconsultnpm/sdk-ts';
+import { IconWarning, SDKUI_Localizator } from '../helper';
+import { TMColors } from '../utils/theme';
+import { TMUserIcon } from '../components';
+export const useDataUserIdItem = () => {
+    const usersCacheRef = useRef(new Map());
+    /**
+     * Carica tutti gli utenti necessari in parallelo e popola la cache
+     * @param userIDs Set di ID degli utenti da caricare
+     * @returns Promise che si risolve quando tutti gli utenti sono stati caricati
+     */
+    const loadUsersAsync = useCallback(async (userIDs) => {
+        if (userIDs.size === 0)
+            return;
+        try {
+            const results = await Promise.all(Array.from(userIDs).map(id => UserListCacheService.GetAsync(id).then(user => ({ id, user }))
+                .catch(() => ({ id, user: undefined }))));
+            const newCache = new Map();
+            results.forEach(({ id, user }) => {
+                if (user)
+                    newCache.set(id, user);
+            });
+            usersCacheRef.current = newCache;
+        }
+        catch (err) {
+            console.error('Error loading Users:', err);
+            usersCacheRef.current = new Map();
+        }
+    }, []);
+    /**
+     * Recupera un utente dalla cache
+     * @param userId ID dell'utente
+     * @returns UserDescriptor se trovato, undefined altrimenti
+     */
+    const getUserItem = useCallback((userId) => {
+        return usersCacheRef.current.get(userId);
+    }, []);
+    /**
+     * Svuota completamente la cache
+     */
+    const clearCache = useCallback(() => {
+        usersCacheRef.current = new Map();
+    }, []);
+    /**
+     * Verifica se un utente è presente nella cache
+     * @param userId ID dell'utente
+     * @returns true se l'utente è in cache, false altrimenti
+     */
+    const hasUser = useCallback((userId) => {
+        return usersCacheRef.current.has(userId);
+    }, []);
+    /**
+     * Helper per ottenere il nome completo dell'utente
+     */
+    const getCompleteUserName = useCallback((domain, name) => {
+        if (!name)
+            return undefined;
+        if (!domain)
+            return name;
+        return domain + "\\" + name;
+    }, []);
+    /**
+     * Renderizza un componente UserIdViewer
+     * @param userId ID dell'utente
+     * @param showIcon Se mostrare l'icona
+     * @param noneSelectionText Testo da mostrare quando non c'è selezione
+     * @param TMUserIcon Componente per l'icona utente
+     * @returns Elemento React per visualizzare l'utente
+     */
+    const renderUserIdViewer = useCallback((userId, showIcon = false, showTitile = true) => {
+        const ud = userId && userId > 0 ? getUserItem(userId) : undefined;
+        const getIcon = () => {
+            if (!showIcon)
+                return null;
+            if (!userId)
+                return null;
+            return ud ? _jsx(TMUserIcon, { ud: ud }) : _jsx("div", { title: showTitile ? SDKUI_Localizator.ValueNotPresent : undefined, children: _jsx(IconWarning, { color: TMColors.warning }) });
+        };
+        const getDescription = () => {
+            if (!userId)
+                return undefined;
+            return ud ? getCompleteUserName(ud.domain, ud.name) : userId.toString() ?? SDKUI_Localizator.NoneSelection;
+        };
+        return (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '4px' }, children: [getIcon(), _jsx("span", { children: getDescription() })] }));
+    }, [getUserItem, getCompleteUserName]);
+    return {
+        loadUsersAsync,
+        getUserItem,
+        clearCache,
+        hasUser,
+        usersCache: usersCacheRef,
+        renderUserIdViewer
+    };
+};

package/lib/hooks/useSettingsFeedback.d.ts

@@ -0,0 +1,11 @@
+export interface SettingsFeedback {
+    showSavedBadge: boolean;
+    lastChanged: {
+        label: string;
+        value: string;
+    };
+    isWarning: boolean;
+    triggerUIUpdate: (label: string, value: any, warning?: boolean) => void;
+    closeBadge: () => void;
+}
+export declare const useSettingsFeedback: () => SettingsFeedback;

package/lib/hooks/useSettingsFeedback.js

@@ -0,0 +1,38 @@
+import { useState, useRef } from 'react';
+export const useSettingsFeedback = () => {
+    const [, setForceUpdate] = useState(0);
+    const [showSavedBadge, setShowSavedBadge] = useState(false);
+    const [lastChanged, setLastChanged] = useState({
+        label: '',
+        value: ''
+    });
+    const [isWarning, setIsWarning] = useState(false);
+    const timeoutRef = useRef(null);
+    const triggerUIUpdate = (label, value, warning = false) => {
+        setForceUpdate((prev) => prev + 1);
+        setShowSavedBadge(true);
+        setLastChanged({ label, value: String(value) });
+        setIsWarning(warning);
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(() => {
+            setShowSavedBadge(false);
+            timeoutRef.current = null;
+        }, 4000);
+    };
+    const closeBadge = () => {
+        setShowSavedBadge(false);
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    };
+    return {
+        showSavedBadge,
+        lastChanged,
+        isWarning,
+        triggerUIUpdate,
+        closeBadge
+    };
+};

package/lib/hooks/useWorkflowApprove.d.ts

@@ -8,4 +8,8 @@ export declare const useWorkflowApprove: () => {
     isLoading: boolean;
     refreshWorkflowApprove: () => Promise<void>;
     totalDcmtsFound: number;
+    getWorkItemsByDID: (targetDID: number) => {
+        tid: number;
+        did: number;
+    }[];
 };

package/lib/hooks/useWorkflowApprove.js

@@ -14,6 +14,19 @@ export const useWorkflowApprove = () => {
     const calculateTotalDcmtsFound = useCallback((data) => {
         return data.reduce((sum, item) => sum + (item.dcmtsFound || 0), 0);
     }, []);
+    /**
+     * Ottiene tutti i work items che corrispondono a un determinato DID.
+     * Restituisce un array di oggetti { tid, did }.
+     */
+    const getWorkItemsByDID = useCallback((targetDID) => {
+        return workflowApproveData
+            .flatMap(workflow => workflow.dtdResult?.rows ?? [])
+            .filter(dataRow => Number(dataRow?.[1]) === targetDID)
+            .map(dataRow => ({
+            tid: Number(dataRow[0]),
+            did: targetDID
+        }));
+    }, [workflowApproveData]);
     /**
      * Esegue il fetch dei dati dal workflow, aggiorna lo stato globale
      * e notifica gli altri componenti tramite un evento.
@@ -53,5 +66,5 @@ export const useWorkflowApprove = () => {
             window.removeEventListener('onWorkflowApproveChange', handleUpdate);
         };
     }, [calculateTotalDcmtsFound]);
-    return { workflowApproveData, isLoading, refreshWorkflowApprove, totalDcmtsFound };
+    return { workflowApproveData, isLoading, refreshWorkflowApprove, totalDcmtsFound, getWorkItemsByDID };
 };

package/lib/index.d.ts

@@ -9,4 +9,5 @@ export * from './hooks/useDcmtOperations';
 export * from './hooks/useResizeObserver';
 export * from './hooks/useWorkflowApprove';
 export * from './hooks/useRelatedDocuments';
+export * from './hooks/useSettingsFeedback';
 export * from './services';

package/lib/index.js

@@ -9,7 +9,8 @@ export * from './hooks/useDcmtOperations';
 export * from './hooks/useResizeObserver';
 export * from './hooks/useWorkflowApprove';
 export * from './hooks/useRelatedDocuments';
+export * from './hooks/useSettingsFeedback';
 export * from './services';
 import config from 'devextreme/core/config';
-// DevExtreme License Key (valid for v25.1 and earlier versions)
-config({ licenseKey: 'ewogICJmb3JtYXQiOiAxLAogICJjdXN0b21lcklkIjogIjE1ODg1NDc4LTNjNTItNGUzYy1hNDI1LTU5NjAzMzQ0ZDVjMyIsCiAgIm1heFZlcnNpb25BbGxvd2VkIjogMjUxCn0=.sy0jZ9UWNR//KApWWp2wwKhxX90FmWl/0EHN4i7AnYQReSCtBSB2MlTTMYzYWv4kmD4lKynH4XC85dWwgGLU7RQmchZ916g5iBogVs6CpLeZErO1QJj7OGhLOM2BLfaODN5v9w==' });
+// DevExtreme License Key (valid for v25.2 and earlier versions)
+config({ licenseKey: 'ewogICJmb3JtYXQiOiAxLAogICJjdXN0b21lcklkIjogIjE1ODg1NDc4LTNjNTItNGUzYy1hNDI1LTU5NjAzMzQ0ZDVjMyIsCiAgIm1heFZlcnNpb25BbGxvd2VkIjogMjUyCn0=.ClI5PeQ2vnl48q0hwdwPHM6oDArs6XTeZ9u4JfN6kxaHoKgszVywO996SluAQfPdFhtzWz6OZsyDdenKv28UU2dOF5wppP88hGEJ17PAg+N/OpUkL1L/CMFNXlOIsYd2517GWA==' });

package/lib/services/platform_services.d.ts

@@ -1,12 +1,12 @@
 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>;
-    static readonly retrieveAsync: (objClass: ObjectClasses, id: number) => Promise<import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").NotificationDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | undefined>;
+    static readonly retrieveAllAsync: (objClass: ObjectClasses, refreshCache?: boolean) => Promise<import("@topconsultnpm/sdk-ts").TaskDescriptor[] | import("@topconsultnpm/sdk-ts").AreaDescriptor[] | import("@topconsultnpm/sdk-ts").NotificationDescriptor[] | import("@topconsultnpm/sdk-ts").RelationDescriptor[] | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor[] | undefined>;
+    static readonly retrieveAsync: (objClass: ObjectClasses, id: number) => Promise<import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").NotificationDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | undefined>;
     private static readonly retrieveAllAdminJobsAsync;
     static readonly retrieveAllAdminAsync: (objClass: ObjectClasses, jobType?: JobTypes) => Promise<import("@topconsultnpm/sdk-ts").UserDescriptor[] | DcmtTypeDescriptor[] | import("@topconsultnpm/sdk-ts").AreaDescriptor[] | import("@topconsultnpm/sdk-ts").RelationDescriptor[] | import("@topconsultnpm/sdk-ts").FEDistillerJobDescriptor[] | import("@topconsultnpm/sdk-ts").DataListDescriptor[] | import("@topconsultnpm/sdk-ts").DiskDescriptor[] | import("@topconsultnpm/sdk-ts").GroupDescriptor[] | import("@topconsultnpm/sdk-ts").LDAPDescriptor[] | import("@topconsultnpm/sdk-ts").NumeratorDescriptor[] | ProcessDescriptor[] | import("@topconsultnpm/sdk-ts").SAPLoginDescriptor[] | import("@topconsultnpm/sdk-ts").SignCertDescriptor[] | import("@topconsultnpm/sdk-ts").SignServerDescriptor[] | import("@topconsultnpm/sdk-ts").TreeDescriptor[] | import("@topconsultnpm/sdk-ts").TSADescriptor[] | import("@topconsultnpm/sdk-ts").WFDescriptor[] | undefined>;
     private static readonly loadCacheForJobAsync;
     private static readonly retrieveAdminJobAsync;
-    static readonly retrieveAdminAsync: (objClass: ObjectClasses, jobType: JobTypes, id: number) => Promise<import("@topconsultnpm/sdk-ts").UserDescriptor | DcmtTypeDescriptor | import("@topconsultnpm/sdk-ts").MailSenderJobDescriptor | import("@topconsultnpm/sdk-ts").SavedQueryDescriptor | import("@topconsultnpm/sdk-ts").DataListDescriptor | import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | import("@topconsultnpm/sdk-ts").BarcodeArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").BatchUpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganaleJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganalePlusJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleQueryJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleSenderJobDescriptor | import("@topconsultnpm/sdk-ts").CheckSequenceJobDescriptor | import("@topconsultnpm/sdk-ts").COSCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtConverterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtDeleterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtNoteJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtPrinterJobDescriptor | import("@topconsultnpm/sdk-ts").FEAttacherJobDescriptor | import("@topconsultnpm/sdk-ts").FECreatorTxtJobDescriptor | import("@topconsultnpm/sdk-ts").FEDetacherJobDescriptor | import("@topconsultnpm/sdk-ts").FEDistillerJobDescriptor | import("@topconsultnpm/sdk-ts").FESenderWsJobDescriptor | import("@topconsultnpm/sdk-ts").FESplitterJobDescriptor | import("@topconsultnpm/sdk-ts").FEValidatorJobDescriptor | import("@topconsultnpm/sdk-ts").FileArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").FileCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").FileExecJobDescriptor | import("@topconsultnpm/sdk-ts").FileExportJobDescriptor | import("@topconsultnpm/sdk-ts").FileMoverJobDescriptor | import("@topconsultnpm/sdk-ts").LexJobDescriptor | import("@topconsultnpm/sdk-ts").LinkerJobDescriptor | import("@topconsultnpm/sdk-ts").MailArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").MailQueryJobDescriptor | import("@topconsultnpm/sdk-ts").MigrationJobDescriptor | import("@topconsultnpm/sdk-ts").PdDCreatorJobDescriptor | import("@topconsultnpm/sdk-ts").PDFArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PdVSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PostelQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PostelSenderJobDescriptor | import("@topconsultnpm/sdk-ts").ReplicatorJobDescriptor | import("@topconsultnpm/sdk-ts").SAPAlignerJobDescriptor | import("@topconsultnpm/sdk-ts").SAPBarcodeJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataReaderJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataWriterJobDescriptor | import("@topconsultnpm/sdk-ts").SignerJobDescriptor | import("@topconsultnpm/sdk-ts").SpoolArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").UpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").DiskDescriptor | import("@topconsultnpm/sdk-ts").GroupDescriptor | import("@topconsultnpm/sdk-ts").LDAPDescriptor | import("@topconsultnpm/sdk-ts").NumeratorDescriptor | ProcessDescriptor | import("@topconsultnpm/sdk-ts").SAPLoginDescriptor | import("@topconsultnpm/sdk-ts").SignCertDescriptor | import("@topconsultnpm/sdk-ts").SignServerDescriptor | import("@topconsultnpm/sdk-ts").TreeDescriptor | import("@topconsultnpm/sdk-ts").TSADescriptor | import("@topconsultnpm/sdk-ts").WFDescriptor | undefined>;
+    static readonly retrieveAdminAsync: (objClass: ObjectClasses, jobType: JobTypes, id: number) => Promise<import("@topconsultnpm/sdk-ts").UserDescriptor | import("@topconsultnpm/sdk-ts").WFDescriptor | DcmtTypeDescriptor | import("@topconsultnpm/sdk-ts").MailSenderJobDescriptor | import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").SavedQueryDescriptor | import("@topconsultnpm/sdk-ts").DataListDescriptor | import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | import("@topconsultnpm/sdk-ts").BarcodeArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").BatchUpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganaleJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganalePlusJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleQueryJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleSenderJobDescriptor | import("@topconsultnpm/sdk-ts").CheckSequenceJobDescriptor | import("@topconsultnpm/sdk-ts").COSCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtConverterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtDeleterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtNoteJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtPrinterJobDescriptor | import("@topconsultnpm/sdk-ts").FEAttacherJobDescriptor | import("@topconsultnpm/sdk-ts").FECreatorTxtJobDescriptor | import("@topconsultnpm/sdk-ts").FEDetacherJobDescriptor | import("@topconsultnpm/sdk-ts").FEDistillerJobDescriptor | import("@topconsultnpm/sdk-ts").FESenderWsJobDescriptor | import("@topconsultnpm/sdk-ts").FESplitterJobDescriptor | import("@topconsultnpm/sdk-ts").FEValidatorJobDescriptor | import("@topconsultnpm/sdk-ts").FileArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").FileCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").FileExecJobDescriptor | import("@topconsultnpm/sdk-ts").FileExportJobDescriptor | import("@topconsultnpm/sdk-ts").FileMoverJobDescriptor | import("@topconsultnpm/sdk-ts").LexJobDescriptor | import("@topconsultnpm/sdk-ts").LinkerJobDescriptor | import("@topconsultnpm/sdk-ts").MailArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").MailQueryJobDescriptor | import("@topconsultnpm/sdk-ts").MigrationJobDescriptor | import("@topconsultnpm/sdk-ts").PdDCreatorJobDescriptor | import("@topconsultnpm/sdk-ts").PDFArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PdVSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PostelQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PostelSenderJobDescriptor | import("@topconsultnpm/sdk-ts").ReplicatorJobDescriptor | import("@topconsultnpm/sdk-ts").SAPAlignerJobDescriptor | import("@topconsultnpm/sdk-ts").SAPBarcodeJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataReaderJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataWriterJobDescriptor | import("@topconsultnpm/sdk-ts").SignerJobDescriptor | import("@topconsultnpm/sdk-ts").SpoolArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").UpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").DiskDescriptor | import("@topconsultnpm/sdk-ts").GroupDescriptor | import("@topconsultnpm/sdk-ts").LDAPDescriptor | import("@topconsultnpm/sdk-ts").NumeratorDescriptor | ProcessDescriptor | import("@topconsultnpm/sdk-ts").SAPLoginDescriptor | import("@topconsultnpm/sdk-ts").SignCertDescriptor | import("@topconsultnpm/sdk-ts").SignServerDescriptor | import("@topconsultnpm/sdk-ts").TreeDescriptor | import("@topconsultnpm/sdk-ts").TSADescriptor | undefined>;
     private static readonly updateJobAsync;
     static readonly updateAsync: (objClass: ObjectClasses, jobType: JobTypes, d: any, ...args: any[]) => Promise<number | undefined>;
     private static readonly createJobAsync;

package/lib/ts/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { FileFormats, ITopMediaSession, MetadataDescriptor, MetadataValueDescriptor, UserDescriptor, ValidationItem } from "@topconsultnpm/sdk-ts";
+import { DataListItemDescriptor, FileFormats, ITopMediaSession, MetadataDescriptor, MetadataValueDescriptor, UserDescriptor, ValidationItem, WFDescriptor } from "@topconsultnpm/sdk-ts";
 import { ITMEditorBase } from "../components/base/TMEditorBase";
 import { IColumnProps } from "devextreme-react/data-grid";
 export declare enum FormModes {
@@ -310,3 +310,63 @@ export declare enum buildTypes {
     RTM = "RTM",
     PATCH = "PATCH"
 }
+/**
+ * Descrive un'istanza di workflow per il contesto WorkflowCtrl.
+ * Contiene tutte le informazioni necessarie per recuperare i work items associati.
+ */
+export interface WFInstanceDescriptor {
+    /** ID dell'istanza */
+    instanceId: string | undefined;
+    /** Indice della riga nel search result */
+    rowIndex: number;
+    /** Struttura metadati completa da searchResultToDataSource: { [key: string]: { md: MetadataDescriptor, value: any } } */
+    values: any;
+    /** TID del documento workflow */
+    tid?: number;
+    /** DID del documento workflow */
+    did?: number;
+    /** ID del workflow */
+    wfid?: number;
+    /** MID del metadato che contiene lo stato del workflow */
+    mStatusMID?: number;
+    /** DataList ID per visualizzare lo stato */
+    mStatusDLID?: number;
+}
+/**
+ * Dettaglio di un singolo work item
+ */
+export interface WorkItemDetail {
+    wid: string;
+    tid: number;
+    did: number;
+    wfid: number;
+    approvalVID: number;
+    status?: DataListItemDescriptor;
+    setID: string;
+    response?: string;
+    creationTime?: Date;
+    completionTime?: Date;
+    from?: number;
+    to?: number;
+    toUser?: UserDescriptor;
+    or?: number;
+}
+/**
+ * Raggruppamento di work items per setID (e creationTime se lo step si ripete)
+ */
+export interface IWorkItemData {
+    wid: string;
+    tid?: number;
+    did?: number;
+    category?: any;
+    type?: any;
+    name?: string;
+    description?: string;
+    setID: string | undefined;
+    creationTime?: Date;
+    setStatus?: DataListItemDescriptor;
+    setRule?: number;
+    details: WorkItemDetail[];
+    groupIndex?: number;
+    wf?: WFDescriptor;
+}

package/lib/utils/theme.d.ts

@@ -57,7 +57,7 @@ declare class FontSize {
     static defaultFontSizeInPixel: string;
 }
 declare class TMMargin {
-    static defultMargin: string;
+    static defaultMargin: string;
     static smallMargin: string;
     static largeMargin: string;
 }

package/lib/utils/theme.js

@@ -65,7 +65,7 @@ FontSize.defaultFontSize = '1rem';
 FontSize.defaultFontSizeInPixel = '13px';
 class TMMargin {
 }
-TMMargin.defultMargin = '5px';
+TMMargin.defaultMargin = '5px';
 TMMargin.smallMargin = '3px';
 TMMargin.largeMargin = '10px';
 class Gutters {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.10",
+  "version": "6.20.0-dev1.101",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -9,6 +9,7 @@
     "tm-build": "npm run clean && tsc && npm run copy-files",
     "tm-watch": "tsc -w",
     "tm-publish": "npm publish --tag latest",
+    "tm-publish_wl": "npm publish",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -39,12 +40,14 @@
     "lib"
   ],
   "dependencies": {
-    "@topconsultnpm/sdk-ts": "6.20.0-dev1.1",
+    "@topconsultnpm/sdk-ts": "6.20.0-dev1.6",
     "buffer": "^6.0.3",
-    "devextreme": "25.1.7",
-    "devextreme-react": "25.1.7",
+    "devextreme": "25.2.4",
+    "devextreme-react": "25.2.4",
     "exceljs": "^4.4.0",
     "htmlparser2": "^10.0.0",
+    "pdfjs-dist": "5.4.296",
+    "react-pdf": "^10.3.0",
     "react-router-dom": "^6.15.0",
     "styled-components": "^6.1.1"
   },

package/lib/components/base/TMContextMenu.d.ts

@@ -1,25 +0,0 @@
-import React, { ReactNode } from 'react';
-export interface ITMContextMenuItemProps {
-    icon?: ReactNode;
-    text?: any;
-    items?: ITMContextMenuItemProps[];
-    disabled?: boolean;
-    isSelected?: boolean;
-    id?: string;
-    onItemClick?: () => void;
-    onItemMouseOver?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-}
-export interface ITMContextMenuProps {
-    items?: ITMContextMenuItemProps[];
-    coords?: {
-        x: number;
-        y: number;
-    };
-    subMenuDir?: 'left' | 'right';
-}
-declare const TMContextMenu: ({ items, coords, subMenuDir, }: ITMContextMenuProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useTMContextMenu: (ref: React.RefObject<HTMLElement>) => (boolean | {
-    x: number;
-    y: number;
-})[];
-export default TMContextMenu;

package/lib/components/base/TMContextMenu.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import styled from 'styled-components';
-import { IconRight } from '../../helper/TMIcons';
-const StyledContextMenuContainer = styled.div `
-    display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; z-index: 300; position: fixed; top: ${props => `${props.$top}px`}; left: ${props => `${props.$left}px`}; right: ${props => `${props.$right}px`}; bottom: ${props => `${props.$bottom}px`}; width: max-content; height: max-content; background-color: white; box-shadow: 1px 1px 2px #00000040;
-`;
-const StyledContextMenuItem = styled.div `
-    cursor: ${props => !props.$disabled ? 'pointer' : 'default'}; display: flex; align-items: center; gap: 5px; transition: ease 100ms; padding: 5px; background-color: ${props => props.$isSelected && '#e9e9e9'}; width: 100%; height: 100%; color: ${props => props.$disabled && '#d0d0d0'}; &:hover { background-color: ${props => !props.$disabled && '#e9e9e9'} ; }
-`;
-const TMContextMenu = ({ items = [], coords = { x: 0, y: 0 }, subMenuDir = 'right', }) => {
-    // Coordinates for sub-menus
-    const [subMenuCoords, setSubMenuCoords] = useState({ x: 0, y: 0 });
-    // Track which item is currently hovered
-    const [hoveredItem, setHoveredItem] = useState(null);
-    // Size of the menu
-    const [menuSize, setMenuSize] = useState({ x: 0, y: 0 });
-    // Current direction for submenus
-    const [currentSubMenuDir, setCurrentSubMenuDir] = useState(subMenuDir);
-    // Reference to the context menu DOM element
-    const contextMenuRef = useRef(null);
-    // Uupdate submenu direction based on incoming props
-    useEffect(() => setCurrentSubMenuDir(subMenuDir), [subMenuDir]);
-    // Calculate the size of the context menu and adjust submenu direction
-    // Run this effect only once when the component mounts
-    useEffect(() => {
-        if (contextMenuRef.current) {
-            setMenuSize({
-                x: contextMenuRef.current.getBoundingClientRect().width || 0,
-                y: contextMenuRef.current.getBoundingClientRect().height || 0,
-            });
-        }
-    }, []);
-    useEffect(() => {
-        // This effect checks the width on resize
-        const handleResize = () => {
-            if (window.innerWidth <= coords.x + menuSize.x) {
-                // Change direction to left if menu goes beyond right edge
-                setCurrentSubMenuDir('left');
-            }
-            else {
-                // Default to right if there's space
-                setCurrentSubMenuDir('right');
-            }
-        };
-        // Attach event listener
-        window.addEventListener('resize', handleResize);
-        handleResize(); // Call it initially to set the direction
-        // Clean up the event listener on unmount
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, [coords, menuSize.x]); // Only watch coords and the width of menuSize
-    // Handle mouse over event on items to potentially show submenus
-    const onItemMouseOver = (item, index) => {
-        if (!item.disabled && item.items && item.items.length > 0) {
-            setHoveredItem(index);
-            const boundingRect = contextMenuRef.current?.getBoundingClientRect();
-            if (boundingRect) {
-                // Calculate the sub-menu position based on the current item position
-                const subMenuX = currentSubMenuDir === 'right' ? boundingRect.right : boundingRect.left - menuSize.x;
-                const subMenuY = boundingRect.top + index * 30; // Adjust Y coordinate to match item
-                setSubMenuCoords({ x: subMenuX, y: subMenuY });
-            }
-        }
-        else {
-            // Clear hover state if the item has no sub-menu
-            setHoveredItem(null); // If no submenu, clear hover state
-        }
-    };
-    return (_jsx(StyledContextMenuContainer, { ref: contextMenuRef, "$left": currentSubMenuDir === 'right' ? coords.x : 'none', "$top": window.innerHeight > coords.y + menuSize.y ? coords.y : 'none', "$right": currentSubMenuDir === 'left' ? window.innerWidth - coords.x : 'none', "$bottom": window.innerHeight <= coords.y + menuSize.y ? window.innerHeight - coords.y : 'none', children: items.map((item, index) => (_jsxs("div", { style: { width: '100%' }, children: [_jsxs(StyledContextMenuItem, { id: item.id, onMouseOver: () => onItemMouseOver(item, index), onMouseEnter: () => onItemMouseOver(item, index), "$isSelected": item.isSelected, "$disabled": item.disabled, onClick: () => !item.disabled && item.onItemClick && item.onItemClick(), children: [_jsx("div", { style: { transform: 'translateY(3px)' }, children: item.icon }), _jsx("div", { style: { width: '100%' }, children: item.items && item.items.length > 0 ? (_jsxs("div", { style: {
-                                    width: '100%',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    gap: 5,
-                                    justifyContent: 'space-between',
-                                }, children: [item.text, " ", _jsx(IconRight, { style: { transform: 'translateY(1px)' }, fontSize: 10 })] })) : (_jsx("div", { style: { width: '100%' }, children: item.text })) })] }), item.items && item.items.length > 0 && hoveredItem === index && (_jsx(TMContextMenu, { subMenuDir: currentSubMenuDir, coords: subMenuCoords, items: item.items }))] }, index))) }));
-};
-export const useTMContextMenu = (ref) => {
-    // Coordinates for the context menu
-    const [coords, setCoords] = useState({ x: 0, y: 0 });
-    // State to control visibility of the context menu
-    const [showContextMenu, setShowContexMenu] = useState(false);
-    // Effect to hide context menu when clicking outside of the referenced element
-    useEffect(() => {
-        const menu = ref.current;
-        const deSelectAll = (e) => { if (menu && !menu.contains(e.target)) {
-            setShowContexMenu(false);
-        } };
-        window.addEventListener('contextmenu', deSelectAll);
-        return () => { window.removeEventListener('contextmenu', deSelectAll); };
-    }, []);
-    // Effect to hide context menu on left-click anywhere
-    useEffect(() => {
-        const handleClick = () => { setShowContexMenu(false); };
-        window.addEventListener("click", handleClick);
-        return () => { window.removeEventListener("click", handleClick); };
-    }, []);
-    // Effect to show context menu on right-click and prevent default context menu
-    useEffect(() => {
-        let menu = ref.current;
-        if (menu) {
-            menu?.addEventListener('contextmenu', (e) => { e.preventDefault(); setShowContexMenu(true); setCoords({ x: e.pageX, y: e.pageY }); });
-        }
-        return () => menu?.removeEventListener('contextmenu', (e) => { setCoords({ x: e.pageX, y: e.pageY }); });
-    }, [ref]);
-    return [coords, showContextMenu];
-};
-export default TMContextMenu;

package/lib/components/base/TMContextMenuOLD.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-export declare const useContextMenu: () => {
-    clicked: boolean;
-    setClicked: React.Dispatch<React.SetStateAction<boolean>>;
-    points: {
-        x: number;
-        y: number;
-    };
-    setPoints: React.Dispatch<React.SetStateAction<{
-        x: number;
-        y: number;
-    }>>;
-};
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $top: number;
-    $left: number;
-}>> & string;
-export declare const MenuOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-interface ITMContextMenu {
-    menuData: any[];
-    onMenuItemClick?: (item: string) => void;
-    top: number;
-    left: number;
-}
-declare const TMContextMenuOLD: React.FunctionComponent<ITMContextMenu>;
-export default TMContextMenuOLD;

package/lib/components/base/TMContextMenuOLD.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import { Colors, FontSize } from '../../utils/theme';
-// #region Hook useContextMenu
-export const useContextMenu = () => {
-    // boolean value to determine if the user has right clicked
-    const [clicked, setClicked] = useState(false);
-    // allows us to track the x,y coordinates of the users right click
-    const [points, setPoints] = useState({ x: 0, y: 0 });
-    useEffect(() => {
-        // reset clicked to false on user click
-        const handleClick = () => {
-            setClicked(false);
-        };
-        // add listener for user click
-        document.addEventListener("click", handleClick);
-        // clean up listener function to avoid memory leaks
-        return () => {
-            document.removeEventListener("click", handleClick);
-        };
-    }, []);
-    return { clicked, setClicked, points, setPoints };
-};
-// #endregion
-export const Container = styled.div `
-    position: absolute;
-    padding: 5px 5px;
-    background-color: white;
-    width: max-content;
-    height: max-content;
-    border-radius: 2px;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-    box-shadow: 2px 2px 10px #00000030;
-    z-index: 2;
-    top: ${(props) => props.$top || 0}px;
-    left: ${(props) => props.$left || 0}px;
-`;
-export const MenuOption = styled.div `
-    width: 100%;
-    height: 20px;
-    padding: 3px;
-    cursor: pointer;
-    font-size: ${FontSize.defaultFontSize};
-    
-    &:hover {
-        color: ${Colors.primary};
-    }
-`;
-const TMContextMenuOLD = ({ menuData, top, left, onMenuItemClick }) => {
-    return (_jsx(_Fragment, { children: _jsx(Container, { "$top": top, "$left": left, children: menuData.map((item, index) => (_jsx(MenuOption, { onClick: (e) => onMenuItemClick?.(e.target.innerText), children: item.text }, index))) }) }));
-};
-export default TMContextMenuOLD;

package/lib/components/base/TMFloatingToolbar.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface ITMFloatingToolbarProps {
-    children: React.ReactNode;
-    backgroundColor: string | undefined;
-    initialLeft?: string;
-    initialTop?: string;
-}
-declare const TMFloatingToolbar: ({ children, backgroundColor, initialLeft, initialTop }: ITMFloatingToolbarProps) => import("react/jsx-runtime").JSX.Element;
-export default TMFloatingToolbar;