@topconsultnpm/sdkui-react 6.19.0-test.1 → 6.19.0-test2

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 { 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, 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);
@@ -83,6 +91,24 @@ const TMBlogsPost = (props) => {
     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);
@@ -118,33 +144,32 @@ const TMBlogsPost = (props) => {
         return () => ro.disconnect();
     }, [layoutMode]);
     useEffect(() => {
-        const fetchDcmtTypeDescriptor = async () => {
-            const descriptors = await getDcmtTypeDescriptor(posts);
-            setDcmtTypeDescriptors(descriptors);
-        };
-        if (showExtendedAttachments) {
-            fetchDcmtTypeDescriptor();
-        }
-        const publishedBlogssLength = posts.filter(newsFeed => newsFeed.isSys !== 1 && newsFeed.isDel !== 1).length;
-        const systemBlogsLength = posts.filter(newsFeed => newsFeed.isSys === 1).length;
-        const deletedBlogsLength = posts.filter(newsFeed => newsFeed.isDel === 1).length;
-        setCategoryIdDataSource([
-            {
-                id: TMBlogsFilterCategoryId.PublishedBlogs,
-                label: SDKUI_Localizator.Active + " (" + publishedBlogssLength + ")",
-                value: SDKUI_Localizator.Active,
-            },
-            {
-                id: TMBlogsFilterCategoryId.SystemBlogs,
-                label: SDKUI_Localizator.OfSystem + " (" + systemBlogsLength + ")",
-                value: SDKUI_Localizator.OfSystem,
-            },
-            {
-                id: TMBlogsFilterCategoryId.DeletedBlogs,
-                label: SDKUI_Localizator.Deleted + " (" + deletedBlogsLength + ")",
-                value: SDKUI_Localizator.Deleted,
-            },
-        ]);
+        (async () => {
+            if (showExtendedAttachments) {
+                const descriptors = await getDcmtTypeDescriptor(posts);
+                setDcmtTypeDescriptors(descriptors);
+            }
+            const publishedBlogssLength = posts.filter(newsFeed => newsFeed.isSys !== 1 && newsFeed.isDel !== 1).length;
+            const systemBlogsLength = posts.filter(newsFeed => newsFeed.isSys === 1).length;
+            const deletedBlogsLength = posts.filter(newsFeed => newsFeed.isDel === 1).length;
+            setCategoryIdDataSource([
+                {
+                    id: TMBlogsFilterCategoryId.PublishedBlogs,
+                    label: SDKUI_Localizator.Active + " (" + publishedBlogssLength + ")",
+                    value: SDKUI_Localizator.Active,
+                },
+                {
+                    id: TMBlogsFilterCategoryId.SystemBlogs,
+                    label: SDKUI_Localizator.OfSystem + " (" + systemBlogsLength + ")",
+                    value: SDKUI_Localizator.OfSystem,
+                },
+                {
+                    id: TMBlogsFilterCategoryId.DeletedBlogs,
+                    label: SDKUI_Localizator.Deleted + " (" + deletedBlogsLength + ")",
+                    value: SDKUI_Localizator.Deleted,
+                },
+            ]);
+        })();
     }, [posts]);
     useEffect(() => {
         setIsHeaderHidden(isHeaderFullyHidden(currentHeader));
@@ -222,6 +247,11 @@ const TMBlogsPost = (props) => {
         if (setShowId)
             setShowId(localShowId);
     }, [localShowId]);
+    useEffect(() => {
+        if (!visible) {
+            closeContextMenu();
+        }
+    }, [visible]);
     const toggleHeaderClick = () => {
         setCurrentHeader(prevState => {
             if (prevState === undefined) {
@@ -320,6 +350,16 @@ const TMBlogsPost = (props) => {
                             result.push({ rowIndex: currentBlog.id, id1: currentBlog.id, id2: currentBlog.id, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
                         });
                         break;
+                    case 'DS':
+                        const dossierEngine = new DossierEngine(SDK_Globals.tmSession);
+                        await dossierEngine.FollowAddOrRemoveAsync(currentBlog.id, true).then(async () => {
+                            result.push({ rowIndex: currentBlog.id, id1: currentBlog.id, id2: currentBlog.id, description: SDKUI_Localizator.OperationSuccess, resultType: ResultTypes.SUCCESS });
+                            refreshHomePageNews?.();
+                        })
+                            .catch((err) => {
+                            result.push({ rowIndex: currentBlog.id, id1: currentBlog.id, id2: currentBlog.id, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
+                        });
+                        break;
                     default:
                         ShowAlert({ message: 'TODO', mode: 'warning', title: SDKUI_Localizator.Unfollow, duration: 3000 });
                         break;
@@ -418,6 +458,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 });
@@ -491,20 +552,20 @@ 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
             });
         }
-        if (targetItem && Boolean(classId && classId === 'WG')) {
+        if (targetItem && Boolean(classId && (classId === 'WG' || classId === 'DS'))) {
             menuItems.push({
                 icon: "eyeclose",
                 text: SDKUI_Localizator.Unfollow,
-                onClick: () => targetItem && classId && unFollowCallback(targetItem, classId),
+                onClick: () => (targetItem && classId) && unFollowCallback(targetItem, classId),
             });
         }
         if (contextMenuParams.isShowHideFilterEnabled) {
@@ -597,8 +658,8 @@ const TMBlogsPost = (props) => {
                                                             textDecoration: blogPost.isDel ? 'line-through' : 'none',
                                                             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: {
+                                                        }, 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, { attachments: blogPost.attachments, layoutMode: layoutMode, isSelected: isSelected, searchText: searchText, dcmtTypeDescriptors: dcmtTypeDescriptors, treeFs: treeFs, draftLatestInfoMap: draftLatestInfoMap, archivedDocumentMap: archivedDocumentMap, 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 }) })] }), (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

@@ -144,33 +144,44 @@ export const getAttachmentInfo = (attachment, treeFs, draftLatestInfoMap, archiv
 export const getDcmtTypeDescriptor = async (blogPosts) => {
     // Create a Map to store tid as key and DcmtTypeDescriptor as value
     const dcmtTypeMap = new Map();
+    // Collect unique tids first to avoid duplicate HTTP calls
+    const uniqueTids = new Set();
     for (const blogPost of blogPosts) {
         if (blogPost.attachments) {
             for (const attachment of blogPost.attachments) {
-                const dcmtTypeDescriptor = await DcmtTypeListCacheService.GetAsync(attachment.tid, true);
-                if (dcmtTypeDescriptor && attachment.tid) {
-                    dcmtTypeMap.set(attachment.tid, dcmtTypeDescriptor);
+                if (attachment.tid) {
+                    uniqueTids.add(attachment.tid);
                 }
             }
         }
     }
+    // Fetch all descriptors in parallel instead of sequentially
+    const promises = Array.from(uniqueTids).map(async (tid) => {
+        const dcmtTypeDescriptor = await DcmtTypeListCacheService.GetAsync(tid, true);
+        if (dcmtTypeDescriptor) {
+            dcmtTypeMap.set(tid, dcmtTypeDescriptor);
+        }
+    });
+    await Promise.all(promises);
     return dcmtTypeMap;
 };
 export const BlogPostHomeHeader = (header, classId, isSelected, searchText, headerClickCallback) => {
     const isWorkGroup = classId === 'WG';
     const iconColor = isSelected ? '#ffffff' : isWorkGroup ? '#009700' : '#e65b00';
-    return (_jsxs("div", { onClick: headerClickCallback, style: {
+    return (_jsxs("div", { style: {
             display: "flex",
             alignItems: "center",
             cursor: "pointer",
             fontWeight: "bold",
             color: isSelected ? "#fff" : TMColors.primary,
             gap: "4px",
-        }, children: [_jsx(TMTooltip, { content: isWorkGroup ? SDKUI_Localizator.WorkGroup : SDKUI_Localizator.Practice, children: isWorkGroup ? (_jsx(IconMenuCAWorkingGroups, { color: iconColor, fontSize: 28 })) : (_jsx(IconCADossier, { color: iconColor, fontSize: 28 })) }), _jsx("div", { style: {
+        }, children: [_jsx(TMTooltip, { content: isWorkGroup ? SDKUI_Localizator.WorkGroup : SDKUI_Localizator.Dossier, children: isWorkGroup ? (_jsx(IconMenuCAWorkingGroups, { color: iconColor, fontSize: 28, onClick: headerClickCallback })) : (_jsx(IconCADossier, { color: iconColor, fontSize: 28, onClick: headerClickCallback })) }), _jsx("div", { onClick: headerClickCallback, style: {
                     whiteSpace: "nowrap",
                     overflow: "hidden",
                     textOverflow: "ellipsis",
-                    flex: 1,
+                    display: "inline-block",
+                    cursor: "pointer",
+                    maxWidth: "100%",
                 }, children: highlightText(header ?? "", searchText, isSelected) })] }));
 };
 export const isHeaderFullyHidden = (header) => {
@@ -200,11 +211,11 @@ export const NewBadge = ({ layoutMode }) => {
             boxShadow: "0 2px 10px rgba(255, 200, 50, 0.45)",
             zIndex: 1,
             animation: "softBlink 2s infinite",
-        }, title: SDKUI_Localizator.NewMale, children: [!isCompact && "NEW", _jsx("style", { children: `
-                @keyframes softBlink {
-                    0%, 100% { opacity: 1; }
-                    50% { opacity: 0.7; }
-                }
+        }, title: SDKUI_Localizator.NewMale, children: [!isCompact && "NEW", _jsx("style", { children: `
+                @keyframes softBlink {
+                    0%, 100% { opacity: 1; }
+                    50% { opacity: 0.7; }
+                }
                 ` })] }));
 };
 export const removeFileExtension = (filename) => {
@@ -246,3 +257,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/grids/TMRecentsManager.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import { useCallback, useEffect, useState } from 'react';
 import ReactDOMServer from 'react-dom/server';
 import { DcmtTypeListCacheService } from '@topconsultnpm/sdk-ts';
-import ContextMenu from 'devextreme-react/cjs/context-menu';
+import ContextMenu from 'devextreme-react/context-menu';
 import { IconDelete, SDKUI_Localizator, IconApply, IconInfo, IconCloseOutline } from '../../helper';
 import { TMColors } from '../../utils/theme';
 import { DeviceType } from '../base/TMDeviceProvider';
@@ -11,56 +11,56 @@ import { TMDcmtTypeChooserForm } from '../choosers/TMDcmtTypeChooser';
 import TMTidViewer, { renderDTDTooltipContent, TMDcmtTypeTooltip } from '../viewers/TMTidViewer';
 import { StyledDivHorizontal, StyledOffCanvasPanel } from '../base/Styled';
 import { useOutsideClick } from '../../hooks/useOutsideClick';
-const StyledRecentTidItem = styled.div `
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    min-width: 0;
-    padding: 10px;
-    position: relative;
-    gap: 0;
-
-    &:hover {
-        cursor: pointer;
-        background: linear-gradient(
-            270deg,
-            rgba(70, 181, 162, 0.15) 16%,
-            rgba(59, 170, 188, 0.15) 34%,
-            rgba(59, 170, 188, 0.15) 34%,
-            rgba(54, 129, 173, 0.15) 54%,
-            rgba(51, 104, 165, 0.15) 72%,
-            rgba(47, 84, 157, 0.15) 88%,
-            rgba(48, 79, 153, 0.15) 100%
-        );
-    }
-
-    .info-icon {
-        opacity: 0;
-        pointer-events: none;
-        transition: opacity 0.2s;
-        ${({ $isMobile }) => $isMobile && `
-            display: none !important;
-        `}
-    }
-
-    &:hover .info-icon {
-        opacity: 1;
-        pointer-events: auto;
-    }
-
-    &::after {
-        content: '';
-        display: block;
-        width: 90%;
-        margin: 0 auto;
-        border-bottom: 1px solid #00A99D;
-        margin-top: 8px;
-    }
-
-    &:last-child {
-        border-bottom: none;
-        margin-bottom: 0;
-    }
+const StyledRecentTidItem = styled.div `
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    min-width: 0;
+    padding: 10px;
+    position: relative;
+    gap: 0;
+
+    &:hover {
+        cursor: pointer;
+        background: linear-gradient(
+            270deg,
+            rgba(70, 181, 162, 0.15) 16%,
+            rgba(59, 170, 188, 0.15) 34%,
+            rgba(59, 170, 188, 0.15) 34%,
+            rgba(54, 129, 173, 0.15) 54%,
+            rgba(51, 104, 165, 0.15) 72%,
+            rgba(47, 84, 157, 0.15) 88%,
+            rgba(48, 79, 153, 0.15) 100%
+        );
+    }
+
+    .info-icon {
+        opacity: 0;
+        pointer-events: none;
+        transition: opacity 0.2s;
+        ${({ $isMobile }) => $isMobile && `
+            display: none !important;
+        `}
+    }
+
+    &:hover .info-icon {
+        opacity: 1;
+        pointer-events: auto;
+    }
+
+    &::after {
+        content: '';
+        display: block;
+        width: 90%;
+        margin: 0 auto;
+        border-bottom: 1px solid #00A99D;
+        margin-top: 8px;
+    }
+
+    &:last-child {
+        border-bottom: none;
+        margin-bottom: 0;
+    }
 `;
 const iconDelete = () => ReactDOMServer.renderToString(_jsx(IconDelete, {}));
 const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, accessFilter = 'all', onSelectedTID, onDeletedTID }) => {

package/lib/components/grids/TMValidationItemsList.js

@@ -3,60 +3,60 @@ import { useState, useEffect } from 'react';
 import styled from 'styled-components';
 import { TMColors } from '../../utils/theme';
 import { IconCloseCircle, IconWarning } from '../../helper';
-const StyledValidationItemsTabs = styled.div `
-    position: sticky;
-    top: 0px;
-    height: 25px;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    border-bottom: 1px solid $primary;
-    width: 100%;
-    user-select: none;
-    background-color: ${TMColors.primary};
-    z-index: 20;
-    border-top: 1px solid #122C4C;
+const StyledValidationItemsTabs = styled.div `
+    position: sticky;
+    top: 0px;
+    height: 25px;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    border-bottom: 1px solid $primary;
+    width: 100%;
+    user-select: none;
+    background-color: ${TMColors.primary};
+    z-index: 20;
+    border-top: 1px solid #122C4C;
 `;
-const StyledValidationTypeTab = styled.div `
-    padding: 10px;
-    color: ${(props) => props.$isSelected ? 'white' : 'rgb(182, 182, 182)'};
-    font-size: 1rem;
-    cursor: pointer;
-    ${(props) => props.$isSelected ? 'border-bottom: 1px white solid;' : ''};
+const StyledValidationTypeTab = styled.div `
+    padding: 10px;
+    color: ${(props) => props.$isSelected ? 'white' : 'rgb(182, 182, 182)'};
+    font-size: 1rem;
+    cursor: pointer;
+    ${(props) => props.$isSelected ? 'border-bottom: 1px white solid;' : ''};
 `;
-const StyledMessageContainer = styled.div `
-    padding: 2px;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    color: $primary;
-    font-size: 1rem;
-    width: 100%;
-    border-bottom: 1px solid rgb(190, 190, 190);
+const StyledMessageContainer = styled.div `
+    padding: 2px;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    color: $primary;
+    font-size: 1rem;
+    width: 100%;
+    border-bottom: 1px solid rgb(190, 190, 190);
 `;
-const StyledMessageIcon = styled.div `
-    transform: translateY(1.5px);
-    margin-right: 5px;
-    z-index: 5;
+const StyledMessageIcon = styled.div `
+    transform: translateY(1.5px);
+    margin-right: 5px;
+    z-index: 5;
 `;
-const StyledMessageResultType = styled.div `
-    width: 50px;
-    user-select: none;
-    margin-right: 20px;
+const StyledMessageResultType = styled.div `
+    width: 50px;
+    user-select: none;
+    margin-right: 20px;
 `;
-const StyledMessageElement = styled.div `
-    width: 150px;
-    text-align: left;
-    user-select: none;
-    margin-right: 20px;
+const StyledMessageElement = styled.div `
+    width: 150px;
+    text-align: left;
+    user-select: none;
+    margin-right: 20px;
 `;
-const StyledMessageText = styled.div `
-    transform: translateY(1.5px);
-    margin-right: 5px;
-    z-index: 5;
-    margin-right: 20px;
+const StyledMessageText = styled.div `
+    transform: translateY(1.5px);
+    margin-right: 5px;
+    z-index: 5;
+    margin-right: 20px;
 `;
 const TMValidationItemsList = ({ validationItems = [] }) => {
     const [selectedTab, setSelectedTab] = useState(0);

package/lib/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './base/TMRightSidebar';
 export * from './base/TMTreeView';
 export * from './base/TMPanel';
 export * from './base/TMResizableMenu';
+export * from './base/TMAccordionNew';
 export { default as CounterBar } from './base/TMCounterBar';
 export { default as TMProgressBar } from './base/TMProgressBar';
 export { default as TMSpinner } from './base/TMSpinner';
@@ -59,7 +60,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

@@ -16,6 +16,7 @@ export * from './base/TMRightSidebar';
 export * from './base/TMTreeView';
 export * from './base/TMPanel';
 export * from './base/TMResizableMenu';
+export * from './base/TMAccordionNew';
 export { default as CounterBar } from './base/TMCounterBar';
 export { default as TMProgressBar } from './base/TMProgressBar';
 export { default as TMSpinner } from './base/TMSpinner';
@@ -66,7 +67,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/components/layout/panelManager/TMPanelManagerContainer.d.ts

@@ -4,6 +4,7 @@ interface TMPanelManagerContainerProps {
     showToolbar: boolean;
     direction: TMPanelDirection;
     parentId?: string;
+    minPanelSizePx?: number;
 }
 declare const TMPanelManagerContainer: (props: TMPanelManagerContainerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMPanelManagerContainer;

package/lib/components/layout/panelManager/TMPanelManagerContainer.js

@@ -8,23 +8,23 @@ import { IconInfo, SDKUI_Localizator } from '../../../helper';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { Gutters } from '../../../utils/theme';
 // Styled Component per il contenitore principale di PanelContainer
-const StyledPanelContainerWrapper = styled.div `
-  display: ${props => (props.$hasVisiblePanels ? 'flex' : 'none')};
-  flex-direction: ${props => (props.$direction === 'vertical' ? 'column' : 'row')};
-  height: 100%;
-  width: 100%;
-  // overflow: hidden;
+const StyledPanelContainerWrapper = styled.div `
+  display: ${props => (props.$hasVisiblePanels ? 'flex' : 'none')};
+  flex-direction: ${props => (props.$direction === 'vertical' ? 'column' : 'row')};
+  height: 100%;
+  width: 100%;
+  // overflow: hidden;
 `;
 // Styled Component per il gutter (separatore)
-const StyledResizerGutter = styled.div `
-  cursor: ${props => (props.$direction === 'horizontal' ? 'col-resize' : 'row-resize')};
-  ${props => (props.$direction === 'horizontal' ? `width: ${Gutters.getGutters()}px;` : `height: ${Gutters.getGutters()}px;`)}
-  flex-shrink: 0;
-  background-color: "transparent";
-  z-index: 10;
+const StyledResizerGutter = styled.div `
+  cursor: ${props => (props.$direction === 'horizontal' ? 'col-resize' : 'row-resize')};
+  ${props => (props.$direction === 'horizontal' ? `width: ${Gutters.getGutters()}px;` : `height: ${Gutters.getGutters()}px;`)}
+  flex-shrink: 0;
+  background-color: "transparent";
+  z-index: 10;
 `;
 const TMPanelManagerContainer = (props) => {
-    const { panels, showToolbar, direction, parentId } = props;
+    const { panels, showToolbar, direction, parentId, minPanelSizePx = 150 } = props;
     const { panelVisibility, setPanelDimensionsById, hasVisiblePanels, maximizedPanels, updateIsResizingActive } = useTMPanelManagerContext();
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook
     const deviceType = useDeviceType();
@@ -73,7 +73,7 @@ const TMPanelManagerContainer = (props) => {
         let newCurrent = initialCurrent + deltaPercent;
         let newNext = initialNext - deltaPercent;
         // Set a minimum size threshold (to prevent panels from collapsing)
-        const minPercent = (150 / containerSize) * 100;
+        const minPercent = (minPanelSizePx / containerSize) * 100;
         // Correct sizes if they go below the minimum
         if (newCurrent < minPercent) {
             newCurrent = minPercent;