@topconsultnpm/sdkui-react 6.17.0-test10 → 6.17.0-test11

package/lib/components/grids/TMBlogsPost.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { DossierEngine, LayoutModes, ResultTypes, SDK_Globals, WorkingGroupEngine } from "@topconsultnpm/sdk-ts";
+import { DossierEngine, LayoutModes, ResultTypes, SDK_Globals, TaskDescriptor, WorkingGroupEngine } from "@topconsultnpm/sdk-ts";
 import { ContextMenu } from "devextreme-react";
-import { SDKUI_Localizator, Globalization, getExceptionMessage, TMConditionalWrapper } from "../../helper";
+import { SDKUI_Localizator, Globalization, getExceptionMessage, TMConditionalWrapper, calcResponsiveSizes } from "../../helper";
 import TMToppyMessage from "../../helper/TMToppyMessage";
 import { useDcmtOperations } from "../../hooks/useDcmtOperations";
-import { DownloadTypes } from "../../ts";
+import { DownloadTypes, FormModes } from "../../ts";
 import { TMColors } from "../../utils/theme";
 import ShowAlert from "../base/TMAlert";
 import { TMMessageBoxManager, ButtonNames } from "../base/TMPopUp";
@@ -14,12 +14,14 @@ import { TMLayoutWaitingContainer } from "../base/TMWaitPanel";
 import TMHtmlContentDisplay from "../editors/TMHtmlContentDisplay";
 import TMDcmtForm from "../features/documents/TMDcmtForm";
 import { TMResultManager } from "../forms/TMResultDialog";
-import { isHeaderFullyHidden, TMBlogsFilterCategoryId, getDcmtTypeDescriptor, findFileItemByDraftID, BlogPostTitle, NewBadge } from "./TMBlogsPostUtils";
+import { isHeaderFullyHidden, TMBlogsFilterCategoryId, getDcmtTypeDescriptor, findFileItemByDraftID, BlogPostTitle, NewBadge, stripHtml } from "./TMBlogsPostUtils";
 import TMBlogAttachments from "./TMBlogAttachments";
 import TMBlogHeader from "./TMBlogHeader";
+import TMTaskForm from "../features/tasks/TMTaskForm";
+import { useDeviceType } from "../base/TMDeviceProvider";
 let localAbortController = new AbortController();
 const TMBlogsPost = (props) => {
-    const { scrollToSelected, id, posts, displayMode = "stacked", height = "100%", width = "100%", scrollToBottom = true, header, showExtendedAttachments = true, treeFs, draftLatestInfoMap, archivedDocumentMap, context, contextMenuParams = {
+    const { scrollToSelected, id, posts, displayMode = "stacked", height = "100%", width = "100%", scrollToBottom = true, header, showExtendedAttachments = true, treeFs, draftLatestInfoMap, archivedDocumentMap, context, participants, contextMenuParams = {
         isShowHideFilterEnabled: true,
         isShowHideIDEnaled: true,
         isCommentEnabled: false,
@@ -30,8 +32,10 @@ const TMBlogsPost = (props) => {
         isRestoreEnabled: false,
         isRefreshEnabled: false,
         isCreateContextualTask: false,
-    }, showFloatingCommentButton = false, showCommentFormCallback, showTaskFormCallback, refreshCallback, showId, setShowId, refreshHomePageNews, markBlogAsRead, externalBlogPost, resetExternalBlogPost, updateSelectedBlogPosts, visible = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, } = props;
+    }, showFloatingCommentButton = false, showCommentFormCallback, refreshCallback, showId, setShowId, refreshHomePageNews, markBlogAsRead, externalBlogPost, resetExternalBlogPost, visible = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers, } = props;
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
+    // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
+    const deviceType = useDeviceType();
     const bottomRef = useRef(null);
     const containerRef = useRef(null);
     // State to manage the layout mode of the document form
@@ -58,6 +62,10 @@ const TMBlogsPost = (props) => {
     const [focusedItem, setFocusedItem] = useState(undefined);
     // State to manage the focused file
     const [focusedAttachment, setFocusedAttachment] = useState(undefined);
+    const [taskContext, setTaskContext] = useState(undefined);
+    const [currentTask, setCurrentTask] = useState(new TaskDescriptor());
+    // State to manage show task form selected file
+    const [showTaskForm, setShowTaskForm] = useState(false);
     // State to manage show selected file
     const [dcmtForm, setDcmtForm] = useState({ show: false, dcmt: undefined });
     const [anchorEl, setAnchorEl] = useState(null);
@@ -79,11 +87,28 @@ const TMBlogsPost = (props) => {
                 markBlogAsRead(item[0]);
         }
         setSelectedItem(item ? item : []);
-        updateSelectedBlogPosts?.(item ? item : []);
     };
     const handleFocusedAttachment = (attachment) => {
         setFocusedAttachment(attachment);
     };
+    useEffect(() => {
+        if (context === undefined) {
+            setTaskContext(undefined);
+            return;
+        }
+        if (context.engine === 'WorkingGroupEngine' && context.object) {
+            setTaskContext({ workingGroup: { id: context?.object?.id ?? 0, name: context?.object?.name ?? '' } });
+            return;
+        }
+        if (context.engine === 'DossierEngine' && context.object) {
+            setTaskContext({ dossier: { id: context?.object?.id ?? 0, name: context?.object?.name ?? '' } });
+            return;
+        }
+        if (context.engine === 'SearchEngine' && context.object) {
+            setTaskContext({ document: { tid: context?.object?.tid ?? 0, did: context?.object?.did ?? 0, name: '' } });
+            return;
+        }
+    }, [context]);
     useEffect(() => {
         if (externalBlogPost && externalBlogPost.id) {
             const foundPost = blogPosts.find(post => post.id === externalBlogPost.id);
@@ -434,6 +459,27 @@ const TMBlogsPost = (props) => {
             }
         });
     };
+    const openTaskFormCallback = useCallback((targetItem) => {
+        const task = new TaskDescriptor();
+        const cleanText = stripHtml(targetItem?.description ?? '');
+        task.name = cleanText.slice(0, 100);
+        setCurrentTask(task);
+        setShowTaskForm(true);
+    }, []);
+    const closeTaskFormCallback = useCallback(() => {
+        setShowTaskForm(false);
+    }, []);
+    const onSavedTaskFormCallback = (task) => {
+        if (task) {
+            addTaskCallback?.(task);
+            setShowTaskForm(false);
+            afterTaskSaved?.(task, FormModes.Create);
+            ShowAlert({ message: SDKUI_Localizator.TaskSavedSuccessfully.replaceParams(task.name ?? '-'), mode: 'success', title: SDKUI_Localizator.Widget_Activities, duration: 3000 });
+        }
+        else {
+            ShowAlert({ message: SDKUI_Localizator.TaskSaveError, mode: 'error', title: SDKUI_Localizator.Widget_Activities, duration: 3000 });
+        }
+    };
     // Open document form
     const openDcmtForm = (dcmtInfo) => {
         setDcmtForm({ show: true, dcmt: dcmtInfo });
@@ -507,11 +553,11 @@ const TMBlogsPost = (props) => {
                 onClick: () => { copyInClipboard(targetItem); }
             });
         }
-        if (contextMenuParams.isCreateContextualTask && showTaskFormCallback) {
+        if (contextMenuParams.isCreateContextualTask) {
             menuItems.push({
                 text: SDKUI_Localizator.CreateContextualTask,
                 icon: 'plus',
-                onClick: () => showTaskFormCallback(),
+                onClick: () => openTaskFormCallback(targetItem),
                 disabled: isGroupArchived ? true : false,
                 beginGroup: true
             });
@@ -614,7 +660,7 @@ const TMBlogsPost = (props) => {
                                                             boxShadow: isFocused ? "0 4px 12px rgba(19, 85, 150, 0.6)" : "none",
                                                             cursor: 'pointer',
                                                         }, children: [_jsx(BlogPostTitle, { displayMode: displayMode, layoutMode: layoutMode, blogPost: blogPost, isSelected: isSelected, isOwnComment: isOwnComment, searchText: searchText, isSys: isSys, isHomeBlogPost: isHomeBlogPost, showId: localShowId, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), isNew && _jsx(NewBadge, { layoutMode: layoutMode }), _jsx("div", { style: { fontSize: '1rem', color: "#000", marginTop: "10px", overflow: "hidden" }, children: _jsx(TMHtmlContentDisplay, { markup: blogPost.description ?? '-', searchText: searchText, isSelected: isSelected }) }), showExtendedAttachments && blogPost.attachments && blogPost.attachments.length > 0 && (_jsx(TMBlogAttachments, { contextMenuParams: contextMenuParams, attachments: blogPost.attachments, layoutMode: layoutMode, isSelected: isSelected, searchText: searchText, dcmtTypeDescriptors: dcmtTypeDescriptors, treeFs: treeFs, draftLatestInfoMap: draftLatestInfoMap, archivedDocumentMap: archivedDocumentMap, context: context, handleAttachmentFocus: handleFocusedAttachment, openDcmtForm: openDcmtForm }))] }, `${id}-blogpost-${blogPost.id}`) })] }, "blog-post-wrapper-" + id + "-" + blogPost.id);
-                                    }), _jsx("div", { ref: bottomRef }), anchorEl && _jsx("div", { style: { position: 'fixed', zIndex: 9999 }, children: _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu }) })] }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%", allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
+                                    }), _jsx("div", { ref: bottomRef }), anchorEl && _jsx("div", { style: { position: 'fixed', zIndex: 9999 }, children: _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu }) })] }), (showTaskForm && handleNavigateToWGs && handleNavigateToDossiers && getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback) && _jsx("div", { style: { height: "100%", width: "100%" }, children: _jsx(TMTaskForm, { id: -1, title: SDKUI_Localizator.ContextualTask, isModal: true, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '670px', '80%', '95%'), formMode: FormModes.Create, visualizedTasks: [], currentTask: currentTask, setCurrentTask: () => { }, selectedRowKeys: [], handleFocusedRowKeyChange: () => { }, onStatusChanged: () => { }, onSaved: onSavedTaskFormCallback, onClose: () => closeTaskFormCallback(), onCancel: () => closeTaskFormCallback(), usersList: participants, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, isContextualCreate: true, taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback }) }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%", allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
                                     position: 'absolute',
                                     bottom: '18px',
                                     right: '20px',

package/lib/components/grids/TMBlogsPostUtils.d.ts

@@ -110,4 +110,5 @@ interface BlogPostTitleProps {
     handleNavigateToDossiers?: (blogPost: BlogPost | HomeBlogPost) => void;
 }
 export declare const BlogPostTitle: (props: BlogPostTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const stripHtml: (html: string) => string;
 export {};

package/lib/components/grids/TMBlogsPostUtils.js

@@ -248,3 +248,13 @@ export const BlogPostTitle = (props) => {
                             ...getCompactEllipsisStyle(layoutMode)
                         }, children: highlightText(subtitle, searchText, isSelected) }))] })] });
 };
+export const stripHtml = (html) => {
+    try {
+        const doc = new DOMParser().parseFromString(html, 'text/html');
+        return doc.body.textContent || '';
+    }
+    catch (error) {
+        // Se qualcosa va storto, restituisci l'HTML originale
+        return html;
+    }
+};

package/lib/components/index.d.ts

@@ -59,7 +59,7 @@ export { default as TMBlogAttachments } from './grids/TMBlogAttachments';
 export { default as TMBlogCommentForm } from './features/blog/TMBlogCommentForm';
 export * from './query/TMQueryEditor';
 export * from './query/TMQuerySummary';
-export * from './features/assistant/ToppyHelpCenter';
+export { default as ToppyDraggableHelpCenter } from './features/assistant/ToppyDraggableHelpCenter';
 export * from './features/documents/TMDcmtForm';
 export * from './features/documents/TMDcmtIcon';
 export * from './features/documents/TMDcmtPreview';

package/lib/components/index.js

@@ -66,7 +66,7 @@ export { default as TMBlogCommentForm } from './features/blog/TMBlogCommentForm'
 export * from './query/TMQueryEditor';
 export * from './query/TMQuerySummary';
 //assistant
-export * from './features/assistant/ToppyHelpCenter';
+export { default as ToppyDraggableHelpCenter } from './features/assistant/ToppyDraggableHelpCenter';
 //documents
 export * from './features/documents/TMDcmtForm';
 export * from './features/documents/TMDcmtIcon';

package/lib/helper/SDKUI_Localizator.d.ts

@@ -67,6 +67,8 @@ export declare class SDKUI_Localizator {
     static get AutoAdjust(): "Automatische Anpassung" | "Auto Adjust" | "Ajuste automático" | "Ajustement automatique" | "Regolazione automatica";
     static get Author(): string;
     static get CustomButtons(): string;
+    static get CustomButtonAction(): string;
+    static get CustomButtonActions(): string;
     static get Back(): "Zurück" | "Back" | "Atrás" | "Dos" | "Voltar" | "Indietro";
     static get BatchUpdate(): "Mehrfachbearbeitung" | "Multiple modification" | "Modificación múltiple" | "Modifie multiple" | "Editar múltipla" | "Modifica multipla";
     static get BlogCase(): "Anschlagbrett" | "Blog board" | "Tablón" | "Tableau d'affichage" | "Bakeca" | "Bacheca";
@@ -285,6 +287,7 @@ export declare class SDKUI_Localizator {
     static get GoToToday(): "Gehe zu heute" | "Go to today" | "Ir a hoy" | "Aller à aujourd'hui" | "Ir para hoje" | "Vai a oggi";
     static get Grids(): string;
     static get Hide_CompleteName(): "Vollständigen Namen ausblenden" | "Hide full name" | "Ocultar nombre completo" | "Masquer le nom complet" | "Ocultar nome completo" | "Nascondi nome completo";
+    static get HideAll(): "Alle ausblenden" | "Hide all" | "Ocultar todo" | "Masquer tout" | "Ocultar tudo" | "Nascondi tutti";
     static get HideFloatingBar(): string;
     static get HideFilters(): string;
     static get HideLeftPanel(): "Linkes Panel ausblenden" | "Hide left panel" | "Ocultar panel izquierdo" | "Masquer le panneau de gauche" | "Ocultar painel esquerdo" | "Nascondi il pannello sinistro";
@@ -305,6 +308,7 @@ export declare class SDKUI_Localizator {
     static get IndexingInformation(): string;
     static get IndexOrReindex(): string;
     static get InProgress(): "Laufende" | "In Progress" | "En curso" | "En cours" | "Em andamento" | "In corso";
+    static get InsertCommentToCompleteOperation(): string;
     static get InsertYourEmail(): "Geben Sie Ihre E-Mail ein" | "Insert your Email" | "Inserta tu Email" | "Insérez votre e-mail" | "Insira seu e-mail" | "Inserisci la tua email";
     static get InsertOTP(): "Geben Sie den OTP-Code ein" | "Insert OTP code" | "Insertar código OTP" | "Insérer le code OTP" | "Insira o código OTP" | "Inserisci il codice OTP";
     static get Interrupt(): "Unterbrechen" | "Interrupt" | "interrumpir" | "Interrompre" | "Interromper" | "Interrompere";
@@ -504,6 +508,7 @@ export declare class SDKUI_Localizator {
     static get RemovingFromList(): string;
     static get RememberCredentials(): "Anmeldedaten merken" | "Remember credentials" | "Recordar credenciales" | "Se souvenir des identifiants" | "Lembrar credenciais" | "Ricorda credenziali";
     static get ReopenDocument(): string;
+    static get TryAgain(): string;
     static get ReplaceDocument(): "Dokument ersetzen" | "Replace Document" | "Reemplazar Documento" | "Remplacer le Document" | "Substituir Documento" | "Sostituisci Documento";
     static get Request(): string;
     static get RequestTo(): string;

package/lib/helper/SDKUI_Localizator.js

@@ -625,6 +625,26 @@ export class SDKUI_Localizator {
             default: return "Bottoni personalizzati";
         }
     }
+    static get CustomButtonAction() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Vorgang läuft";
+            case CultureIDs.En_US: return "Operation in progress";
+            case CultureIDs.Es_ES: return "Operación en curso";
+            case CultureIDs.Fr_FR: return "Opération en cours";
+            case CultureIDs.Pt_PT: return "Operação em curso";
+            default: return "Operazione in corso";
+        }
+    }
+    static get CustomButtonActions() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Aktion {{0}} von {{1}} wird ausgeführt";
+            case CultureIDs.En_US: return "Executing action {{0}} of {{1}}";
+            case CultureIDs.Es_ES: return "Ejecutando acción {{0}} de {{1}}";
+            case CultureIDs.Fr_FR: return "Exécution de l'action {{0}} sur {{1}}";
+            case CultureIDs.Pt_PT: return "Executando ação {{0}} de {{1}}";
+            default: return "Esecuzione azione {{0}} di {{1}}";
+        }
+    }
     static get Back() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Zurück";
@@ -2779,6 +2799,16 @@ export class SDKUI_Localizator {
             default: return "Nascondi nome completo";
         }
     }
+    static get HideAll() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Alle ausblenden";
+            case CultureIDs.En_US: return "Hide all";
+            case CultureIDs.Es_ES: return "Ocultar todo";
+            case CultureIDs.Fr_FR: return "Masquer tout";
+            case CultureIDs.Pt_PT: return "Ocultar tudo";
+            default: return "Nascondi tutti";
+        }
+    }
     static get HideFloatingBar() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Floating-Leiste ausblenden";
@@ -2979,6 +3009,16 @@ export class SDKUI_Localizator {
             default: return "In corso";
         }
     }
+    static get InsertCommentToCompleteOperation() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Geben Sie einen Kommentar ein, um den Vorgang abzuschließen.";
+            case CultureIDs.En_US: return "Enter a comment to complete the operation.";
+            case CultureIDs.Es_ES: return "Introduzca un comentario para completar la operación.";
+            case CultureIDs.Fr_FR: return "Saisissez un commentaire pour terminer l’opération.";
+            case CultureIDs.Pt_PT: return "Introduza um comentário para concluir a operação.";
+            default: return "Inserisci un commento per completare l’operazione.";
+        }
+    }
     static get InsertYourEmail() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Geben Sie Ihre E-Mail ein";
@@ -4968,6 +5008,16 @@ export class SDKUI_Localizator {
             default: return "Riapri documento";
         }
     }
+    static get TryAgain() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Erneut versuchen";
+            case CultureIDs.En_US: return "Try Again";
+            case CultureIDs.Es_ES: return "Intentar de nuevo";
+            case CultureIDs.Fr_FR: return "Réessayer";
+            case CultureIDs.Pt_PT: return "Tentar novamente";
+            default: return "Riprova";
+        }
+    }
     static get ReplaceDocument() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Dokument ersetzen";

package/lib/helper/TMIcons.d.ts

@@ -134,6 +134,8 @@ declare function IconImport(props: React.SVGProps<SVGSVGElement>): import("react
 declare function IconPalette(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconFastSearch(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconUserGroup(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function IconShowAllUsers(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function IconShowAllUsersOff(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconUserGroupOutline(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconBoard(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconActivity(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/lib/helper/TMIcons.js

@@ -405,6 +405,15 @@ function IconFastSearch(props) {
 function IconUserGroup(props) {
     return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 640 512", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M352 128c0 70.7-57.3 128-128 128S96 198.7 96 128 153.3 0 224 0s128 57.3 128 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3 0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM609.3 512H471.4c5.4-9.4 8.6-20.3 8.6-32v-8c0-60.7-27.1-115.2-69.8-151.8 2.4-.1 4.7-.2 7.1-.2h61.4c89.1 0 161.3 72.2 161.3 161.3 0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9 19.7-26.6 31.3-59.5 31.3-95.1 0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z" }), " "] }));
 }
+export function IconShowAllUsers(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", fontSize: props.fontSize ? props.fontSize : FONTSIZE, ...props, children: _jsx("path", { fill: "currentColor", d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3s1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5S5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05c1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5" }) }));
+}
+export function IconShowAllUsersOff(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", fontSize: props.fontSize ? props.fontSize : FONTSIZE, ...props, children: _jsx("path", { fill: "currentColor", d: "M15 8c0-1.42-.5-2.73-1.33-3.76c.42-.14.86-.24 1.33-.24c2.21 0 4 1.79 4 4s-1.79 4-4 4h-.18l-.77-.77c.6-.94.95-2.05.95-3.23m7.83 12H23v-3c0-2.18-3.58-3.47-6.34-3.87c1.1.75 1.95 1.71 2.23 2.94zM7.24 4.41a3.996 3.996 0 0 1 5.35 5.35zM9.17 12H9c-2.21 0-4-1.79-4-4v-.17L.69 3.51L2.1 2.1l19.8 19.8l-1.41 1.41L17 19.83V20H1v-3c0-2.66 5.33-4 8-4c.37 0 .8.03 1.25.08z" }) }));
+}
+function IconUserGroupSlash(props) {
+    return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 640 512", fill: "currentColor", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M352 128c0 70.7-57.3 128-128 128S96 198.7 96 128 153.3 0 224 0s128 57.3 128 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3 0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM609.3 512H471.4c5.4-9.4 8.6-20.3 8.6-32v-8c0-60.7-27.1-115.2-69.8-151.8 2.4-.1 4.7-.2 7.1-.2h61.4c89.1 0 161.3 72.2 161.3 161.3 0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9 19.7-26.6 31.3-59.5 31.3-95.1 0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z" }), " ", _jsx("line", { x1: "0", y1: "512", x2: "640", y2: "0", stroke: "currentColor", strokeWidth: "40" }), " "] }));
+}
 function IconUserGroupOutline(props) {
     return (_jsxs("svg", { fontSize: props.fontSize ? props.fontSize : FONTSIZE, viewBox: "0 0 640 512", fill: "white", stroke: "black", strokeWidth: "40", height: "1em", width: "1em", ...props, children: [" ", _jsx("path", { d: "M352 128c0 70.7-57.3 128-128 128S96 198.7 96 128 153.3 0 224 0s128 57.3 128 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3 0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM609.3 512H471.4c5.4-9.4 8.6-20.3 8.6-32v-8c0-60.7-27.1-115.2-69.8-151.8 2.4-.1 4.7-.2 7.1-.2h61.4c89.1 0 161.3 72.2 161.3 161.3 0 17-13.8 30.7-30.7 30.7zM432 256c-31 0-59-12.6-79.3-32.9 19.7-26.6 31.3-59.5 31.3-95.1 0-26.8-6.6-52.1-18.3-74.3C384.3 40.1 407.2 32 432 32c61.9 0 112 50.1 112 112s-50.1 112-112 112z" }), " "] }));
 }

package/lib/helper/TMToppyMessage.js

@@ -34,9 +34,10 @@ const StyledToppyImage = styled.img `
     max-width: 120px;
     height: auto;
     display: block;
+    user-select: none;
 `;
 const TMToppyMessage = (props) => {
     const { message, titleTooltip } = props;
-    return (_jsxs(TMLayoutContainer, { gap: 30, alignItems: "center", justifyContent: "center", onContextMenu: (e) => e.preventDefault(), children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { title: titleTooltip || undefined, children: message }) }), _jsx(StyledToppyImage, { src: Toppy, alt: "Toppy" })] }));
+    return (_jsxs(TMLayoutContainer, { gap: 30, alignItems: "center", justifyContent: "center", onContextMenu: (e) => e.preventDefault(), children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { title: titleTooltip || undefined, children: message }) }), _jsx(StyledToppyImage, { src: Toppy, alt: "Toppy", draggable: false, onMouseDown: (e) => e.stopPropagation() })] }));
 };
 export default TMToppyMessage;

package/lib/helper/dcmtsHelper.d.ts

@@ -4,5 +4,5 @@ export declare const hasDetailRelations: (mTID: number | undefined) => Promise<b
 /** Check if dcmtType (mTID) has configured Master or Many-to-Many relations */
 export declare const hasMasterRelations: (mTID: number | undefined) => Promise<boolean>;
 export declare const isXMLFileExt: (fileExt: string | undefined) => boolean;
-export declare const processButtonAttributes: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined) => string[] | undefined;
-export declare const processSelectedItems: (selectedItems: Array<any> | undefined) => any[] | undefined;
+export declare const getButtonAttributes: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined, selectedItems: Array<any> | undefined) => Record<string, any> | undefined;
+export declare const getSelectedItem: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined, item: any) => Record<string, any> | undefined;

package/lib/helper/dcmtsHelper.js

@@ -1,4 +1,4 @@
-import { RelationCacheService, RelationTypes } from "@topconsultnpm/sdk-ts";
+import { RelationCacheService, RelationTypes, SDK_Globals } from "@topconsultnpm/sdk-ts";
 /** Check if dcmtType (mTID) has configured Detail or Many-to-Many relations */
 export const hasDetailRelations = async (mTID) => {
     let allRelations = await RelationCacheService.GetAllAsync();
@@ -24,30 +24,59 @@ export const isXMLFileExt = (fileExt) => {
     }
 };
 /*utility functions for TMCustomButton*/
-export const processButtonAttributes = (args, formData) => args && formData ? formDataMap(formData, args) : undefined;
-export const processSelectedItems = (selectedItems) => selectedItems?.map(item => {
-    const tid = item.TID;
-    if (!tid)
-        return item;
-    const prefix = `${tid}_`;
-    const prefixLength = prefix.length;
-    return Object.keys(item).reduce((acc, key) => {
-        acc[key.startsWith(prefix) ? key.substring(prefixLength) : key] = item[key];
-        return acc;
-    }, {});
-});
-const formDataMap = (data, args) => {
-    const tokens = args.match(/\{@?[^}]+\}/g) || [];
-    return tokens.map(token => {
-        if (token.startsWith('{@')) {
-            // Campo dinamico: {@campo} -> cerca in formData
-            const fieldName = token.slice(2, -1); // Rimuove {@...}
-            const md = data.find(md => md.md?.name === fieldName);
-            return md?.value;
+export const getButtonAttributes = (args, formData, selectedItems) => args && formData ? formDataMap(formData, args, selectedItems) : undefined;
+const getSelectedItems = (selectedItems) => selectedItems && selectedItems.map(item => item["DID"]) || [];
+export const getSelectedItem = (args, formData, item) => {
+    //converto item in formData
+    const formDataConverted = [];
+    for (const key in item) {
+        const md = formData?.find(md => `${item["TID"]}_${md.mid}` === key);
+        if (md) { // aggiungo solo i metadati
+            const name = md.md?.name || "";
+            formDataConverted.push({ md: { name: name }, value: item[key] });
         }
-        else {
-            // Campo statico: {valore} -> ritorna il valore direttamente
-            return token.slice(1, -1); // Rimuove {...}
+    }
+    return args && formDataConverted ?
+        formDataMap(formDataConverted, args, []) : undefined;
+};
+const formDataMap = (data, args, selectedItems) => {
+    const session = SDK_Globals.tmSession;
+    const sessionDescr = session?.SessionDescr;
+    const result = {};
+    // Helper per estrarre il valore di un campo
+    const getParamValue = (fieldName) => {
+        const md = data.find(md => md.md?.name === fieldName);
+        switch (fieldName) {
+            case 'SelectedDIDs': return getSelectedItems(selectedItems);
+            case 'AuthenticationMode': return sessionDescr?.authenticationMode ?? null;
+            case 'ArchiveID': return sessionDescr?.archiveID ?? null;
+            case 'CultureID': return sessionDescr?.cultureID ?? null;
+            case 'Domain': return sessionDescr?.domain ?? null;
+            case 'UserID': return sessionDescr?.userID ?? null;
+            case 'UserName': return sessionDescr?.userName ?? null;
+            case 'Session': return session ?? null;
+            default: return md?.value;
+        }
+    };
+    // Regex per catturare: chiave=[...] o chiave={...} o {@campo}
+    const keyValueRegex = /(\w+)=\[([^\]]+)\]|(\w+)=\{@?([^}]+)\}|\{@([^}]+)\}/g;
+    for (const match of args.matchAll(keyValueRegex)) {
+        if (match[1]) {
+            // Formato: chiave=[{@campo} testo {@campo} ...]
+            const key = match[1];
+            const content = match[2].replace(/\{@([^}]+)\}/g, (_, fieldName) => data.find(md => md.md?.name === fieldName)?.value ?? '');
+            result[key] = content;
         }
-    }).filter((value) => value !== undefined && value !== null);
+        else if (match[3]) {
+            // Formato: chiave={@campo} o chiave={valore}
+            const key = match[3];
+            const value = match[4];
+            result[key] = value.startsWith('@') ? getParamValue(value.substring(1)) : value;
+        }
+        else if (match[5]) {
+            // Formato: {@campo}
+            result[match[5]] = getParamValue(match[5]);
+        }
+    }
+    return result;
 };

package/lib/helper/helpers.d.ts

@@ -6,7 +6,7 @@ declare const TABLET_WIDTH = 1024;
 declare const MOBILE_WIDTH = 640;
 declare const calcResponsiveDirection: (deviceType: DeviceType, desktopDir: "horizontal" | "vertical", tabletDir: "horizontal" | "vertical", mobileDir: "horizontal" | "vertical") => "horizontal" | "vertical";
 declare const openApps: (appModule: AppModules, tmSession: ITopMediaSession, appRoutes?: any[]) => Promise<void>;
-export declare const setSDK_GlobalsInfoAsync: (tms: ITopMediaSession | undefined) => Promise<ITopMediaSession>;
+export declare const setSDK_GlobalsInfoAsync: (tms: ITopMediaSession | undefined) => Promise<ITopMediaSession | undefined>;
 declare const calcResponsiveSizes: (deviceType: DeviceType | undefined, desktopSize: string, tabletSize: string, mobileSize: string) => string;
 declare const getColor: (color: ColorsType) => string;
 /**

package/lib/helper/helpers.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Colors } from "../utils/theme";
 import { ButtonNames, DeviceType, TMExceptionBoxManager, TMMessageBoxManager, TMSpinner } from "../components";
-import { AccessLevels, MetadataDataDomains, MetadataDataTypes, MetadataDescriptor, MetadataFormatDescriptor, MetadataFormats, MetadataPermission, SDK_Globals, SystemMIDs, SystemMIDsAsNumber, TopMediaServer } from "@topconsultnpm/sdk-ts";
+import { AccessLevels, MetadataDataDomains, MetadataDataTypes, MetadataDescriptor, MetadataFormatDescriptor, MetadataFormats, MetadataPermission, SDK_Globals, SetGlobalsInfoAsync, SystemMIDs, SystemMIDsAsNumber, TopMediaServer } from "@topconsultnpm/sdk-ts";
 import { Buffer } from 'buffer';
 import { buildTypes, FileExtensionHandler, FormModes, moduleTypes } from "../ts";
 import { SDKUI_Localizator } from "./SDKUI_Localizator";
@@ -37,22 +37,13 @@ const openApps = async (appModule, tmSession, appRoutes) => {
     }
 };
 export const setSDK_GlobalsInfoAsync = async (tms) => {
-    const tmServer = new TopMediaServer(tms?.TopMediaServer?.BaseAddress);
-    const tmSessionNew = tmServer?.NewSession();
-    if (tmSessionNew) {
-        tmSessionNew.SessionDescr = tms?.SessionDescr;
-    }
-    SDK_Globals.tmSession = tmSessionNew;
-    SDK_Globals.tmSession.AutoRefresh = true;
-    if (SDK_Globals.license == undefined) {
-        try {
-            SDK_Globals.license = await tmSessionNew.NewLicenseEngine().RetrieveAsync();
-        }
-        catch (e) {
-            TMExceptionBoxManager.show({ title: 'Errore caricamento licenza', exception: e });
-        }
+    try {
+        return await SetGlobalsInfoAsync(tms);
+    }
+    catch (e) {
+        TMExceptionBoxManager.show({ exception: e.message });
+        return undefined;
     }
-    return tmSessionNew;
 };
 const calcResponsiveSizes = (deviceType, desktopSize, tabletSize, mobileSize) => {
     if (deviceType === DeviceType.DESKTOP)
@@ -480,6 +471,9 @@ export const extensionHandler = (fileExt) => {
         case 'xml.p7m.tsd': return FileExtensionHandler.READY_TO_SHOW;
         case 'pdf': return FileExtensionHandler.READY_TO_SHOW;
         case 'txt': return FileExtensionHandler.READY_TO_SHOW;
+        case 'config':
+        case 'cfg':
+        case 'json': return FileExtensionHandler.READY_TO_SHOW;
         default: return FileExtensionHandler.NONE;
     }
 };

package/lib/ts/types.d.ts

@@ -112,6 +112,7 @@ export type TaskContext = {
     dossier?: {
         id: number;
         name: string;
+        origin?: string;
     };
     document?: {
         tid: number;
@@ -172,6 +173,7 @@ export interface ITMSaveFormBaseProps {
     customTooltipSaveButton?: string;
     showBackButton?: boolean;
     showUndoButton?: boolean;
+    showCloseButton?: boolean;
     showWarningsCount?: boolean;
     showErrorCount?: boolean;
     hasNavigation?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.17.0-test10",
+    "version": "6.17.0-test11",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -39,7 +39,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.19.0-dev2.4",
+        "@topconsultnpm/sdk-ts": "6.19.0-dev2.7",
         "buffer": "^6.0.3",
         "devextreme": "25.1.7",
         "devextreme-react": "25.1.7",

package/lib/components/features/assistant/ToppyHelpCenter.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { DeviceType } from '../../base/TMDeviceProvider';
-interface ToppyHelpCenterProps {
-    content?: React.ReactNode;
-    deviceType?: DeviceType;
-    usePortal?: boolean;
-    align?: 'right' | 'left';
-    initialIsCollapsed?: boolean;
-    onToppyImageClick?: () => void;
-}
-declare const ToppyHelpCenter: React.FC<ToppyHelpCenterProps>;
-export default ToppyHelpCenter;