@topconsultnpm/sdkui-react 6.22.0-dev2.9 → 6.22.0-t2

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { BlogPostAttachment, DcmtTypeDescriptor } from "@topconsultnpm/sdk-ts";
 import { DcmtInfo } from "../../ts";
 import { FileItem } from "../base/TMFileManagerUtils";
@@ -25,5 +26,5 @@ interface TMBlogAttachmentsProps {
     handleAttachmentFocus: (attachment: DcmtInfo | undefined) => void;
     openDcmtForm: (dcmtInfo: DcmtInfo) => void;
 }
-declare const TMBlogAttachments: (props: TMBlogAttachmentsProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMBlogAttachments: (props: TMBlogAttachmentsProps) => React.JSX.Element;
 export default TMBlogAttachments;

package/lib/components/grids/TMBlogAttachments.js

@@ -1,10 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { SDK_Globals } from "@topconsultnpm/sdk-ts";
-import { getAttachmentInfo, lightenColor, removeFileExtension } from "./TMBlogsPostUtils";
+import { findFileItemByDraftID, getAttachmentInfo, lightenColor, removeFileExtension } from "./TMBlogsPostUtils";
 import TMDcmtIcon from "../features/documents/TMDcmtIcon";
 import { IconAttachment } from "../../helper";
+import { getFileItemLinkUrl } from "../base/TMFileManagerUtils";
 const TMBlogAttachments = (props) => {
     const { layoutMode, attachments, isSelected, isLoading = false, searchText, dcmtTypeDescriptors, treeFs, draftLatestInfoMap, archivedDocumentMap, handleAttachmentFocus, openDcmtForm } = props;
+    // Ritorna l'url del link associato all'allegato: gli allegati che sono link non hanno un documento da scaricare o da aprire nella form
+    const getAttachmentLinkUrl = (blogPostAttachment) => getFileItemLinkUrl(findFileItemByDraftID(treeFs, blogPostAttachment.draftID) ?? undefined);
     const handleMouseEnter = (e, blogPostAttachment, name, fileExt) => {
         e.currentTarget.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.15)';
         e.currentTarget.style.backgroundColor = isSelected ? lightenColor("#135596", 40) : '#cfcfcf';
@@ -18,12 +21,20 @@ const TMBlogAttachments = (props) => {
         handleAttachmentFocus(undefined);
     };
     const onDoubleClick = (e, blogPostAttachment, name, fileExt) => {
+        // i link non hanno un documento da aprire: il doppio click (su icona o testo) apre l'url in un nuovo tab
+        const linkUrl = getAttachmentLinkUrl(blogPostAttachment);
+        if (linkUrl) {
+            window.open(linkUrl, '_blank', 'noopener,noreferrer');
+            return;
+        }
         const archiveID = SDK_Globals.tmSession?.SessionDescr?.archiveID;
         const fileName = `${removeFileExtension(name)}_${archiveID}_${blogPostAttachment.tid}_${blogPostAttachment.did}.${fileExt}`;
         openDcmtForm({ TID: blogPostAttachment.tid, DID: blogPostAttachment.did, fileName });
     };
     return _jsx("div", { style: { width: "100%", marginTop: "5px", overflow: "hidden" }, children: attachments.map((blogPostAttachment, index) => {
             const { name, nameElement, tooltipContent, fileExt, archivedDocumentsExist, draftExist, isSigned } = getAttachmentInfo(blogPostAttachment, treeFs, draftLatestInfoMap, archivedDocumentMap, dcmtTypeDescriptors, isSelected, searchText);
+            // i link non hanno un file associato: l'icona non deve avviare il download
+            const isLink = getAttachmentLinkUrl(blogPostAttachment) !== undefined;
             return _jsx("div", { onDoubleClick: (e) => !isLoading && onDoubleClick(e, blogPostAttachment, name, fileExt), onMouseEnter: (e) => !isLoading && handleMouseEnter(e, blogPostAttachment, name, fileExt), onMouseLeave: (e) => !isLoading && handleMouseLeave(e), style: {
                     display: layoutMode === "extended" ? "inline-flex" : "flex",
                     padding: '4px 8px',
@@ -63,7 +74,7 @@ const TMBlogAttachments = (props) => {
                                     }
                                     ` })] })) : (_jsxs(_Fragment, { children: [(!archivedDocumentsExist && !draftExist) ?
                                 _jsx(IconAttachment, { style: { marginRight: "5px", flexShrink: 0 } }) :
-                                _jsx("div", { style: { marginRight: "10px", flexShrink: 0, width: isSigned ? "40px" : undefined }, children: _jsx(TMDcmtIcon, { tid: blogPostAttachment.tid, did: blogPostAttachment.did, fileExtension: fileExt, downloadMode: 'openInNewWindow', tooltipContent: tooltipContent, isSigned: isSigned }) }), _jsx("span", { title: layoutMode === 'compact' ? name + " (DID: " + blogPostAttachment.did + ")" : undefined, style: {
+                                _jsx("div", { style: { marginRight: "10px", flexShrink: 0, width: isSigned ? "40px" : undefined }, children: _jsx(TMDcmtIcon, { tid: blogPostAttachment.tid, did: blogPostAttachment.did, fileExtension: fileExt, downloadMode: isLink ? 'none' : 'openInNewWindow', tooltipContent: tooltipContent, isSigned: isSigned }) }), _jsx("span", { title: layoutMode === 'compact' ? name + " (DID: " + blogPostAttachment.did + ")" : undefined, style: {
                                     whiteSpace: 'nowrap',
                                     overflow: 'hidden',
                                     textOverflow: 'ellipsis',

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

@@ -27,5 +27,5 @@ interface TMBlogHeaderProps {
     /** Callback when the search text changes */
     onSearchChange: (value: string) => void;
 }
-declare const TMBlogHeader: (props: TMBlogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMBlogHeader: (props: TMBlogHeaderProps) => React.JSX.Element;
 export default TMBlogHeader;

package/lib/components/grids/TMBlogHeader.js

@@ -4,7 +4,11 @@ import TMDropDown from "../editors/TMDropDown";
 import TMTreeDropDown from "../editors/TMTreeDropDown";
 import { TMSearchBar } from "../sidebar/TMHeader";
 const TMBlogHeader = (props) => {
-    const { isVisible, layoutMode, height, width, allPosts, postsToShow, onPostsToShowChange, categoryIdDataSource, appliedCategoryIdFilters, setAppliedCategoryIdFilters, searchText, onSearchChange } = props;
+    const { isVisible, layoutMode, height, width, 
+    // Difensivo: un chiamante che passa una bacheca non ancora caricata (o
+    // assente perche' il ramo blog e' fallito lato server) non deve far
+    // esplodere l'header sulla lettura di length.
+    allPosts = [], postsToShow, onPostsToShowChange, categoryIdDataSource, appliedCategoryIdFilters, setAppliedCategoryIdFilters, searchText, onSearchChange } = props;
     // Data source for the number of posts to display in the UI
     const postsToShowDataSource = [
         { value: 30, display: SDKUI_Localizator.Latest + ' 30' },

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

@@ -86,6 +86,8 @@ interface TMBlogsPostProps {
     addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
     handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
+    /** Apre la pratica CaseFlow di una notizia con `classID === 'CF'` (bacheca Home V6). */
+    handleNavigateToCaseflows?: (value: HomeBlogPost | number) => Promise<void>;
 }
-declare const TMBlogsPost: (props: TMBlogsPostProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMBlogsPost: (props: TMBlogsPostProps) => React.JSX.Element;
 export default TMBlogsPost;

package/lib/components/grids/TMBlogsPost.js

@@ -5,6 +5,7 @@ import { ContextMenu as TMContextMenu } from "../NewComponents/ContextMenu";
 import { SDKUI_Localizator, Globalization, getExceptionMessage, TMConditionalWrapper, getMoreInfoTasksForDocument, taskModalSizes } from "../../helper";
 import TMToppyMessage from "../../helper/TMToppyMessage";
 import { useDcmtOperations } from "../../hooks/useDcmtOperations";
+import { CaseFlowService } from "../../services/caseflow/CaseFlowService";
 import { DownloadTypes, FormModes } from "../../ts";
 import { TMColors } from "../../utils/theme";
 import ShowAlert from "../base/TMAlert";
@@ -21,7 +22,11 @@ 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, participants, contextMenuParams = {
+    const { scrollToSelected, id, 
+    // Difensivo: `posts` e' obbligatoria nei tipi, ma a runtime puo' arrivare
+    // undefined (dato non ancora caricato o risposta parziale del server):
+    // il default evita i crash su filter/length.
+    posts = [], displayMode = "stacked", height = "100%", width = "100%", scrollToBottom = true, header, showExtendedAttachments = true, treeFs, draftLatestInfoMap, archivedDocumentMap, context, participants, contextMenuParams = {
         isShowHideFilterEnabled: true,
         isShowHideIDEnaled: true,
         isCommentEnabled: false,
@@ -32,7 +37,7 @@ const TMBlogsPost = (props) => {
         isRestoreEnabled: false,
         isRefreshEnabled: false,
         isCreateContextualTask: false,
-    }, showFloatingCommentButton = false, showCommentFormCallback, refreshCallback, showId, setShowId, refreshHomePageNews, markBlogAsRead, externalBlogPost, resetExternalBlogPost, visible = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers, } = props;
+    }, showFloatingCommentButton = false, showCommentFormCallback, refreshCallback, showId, setShowId, refreshHomePageNews, markBlogAsRead, externalBlogPost, resetExternalBlogPost, visible = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers, handleNavigateToCaseflows, } = 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();
@@ -292,6 +297,8 @@ const TMBlogsPost = (props) => {
             handleNavigateToWGs(blogPost);
         if (handleNavigateToDossiers && id && blogPost.classID === 'DS')
             handleNavigateToDossiers(blogPost);
+        if (handleNavigateToCaseflows && id && blogPost.classID === 'CF')
+            handleNavigateToCaseflows(blogPost);
     };
     const handleKeyDown = (event) => {
         if (!selectedItem.length)
@@ -324,6 +331,9 @@ const TMBlogsPost = (props) => {
                 if (handleNavigateToDossiers && item.id && classItemID === 'DS') {
                     handleNavigateToDossiers(item);
                 }
+                if (handleNavigateToCaseflows && item.id && classItemID === 'CF') {
+                    handleNavigateToCaseflows(item);
+                }
                 break;
             default:
                 break;
@@ -367,6 +377,17 @@ const TMBlogsPost = (props) => {
                             result.push({ rowIndex: currentBlog.id, id1: currentBlog.id, id2: currentBlog.id, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
                         });
                         break;
+                    case 'CF':
+                        // La notizia porta il solo CFIID: il template (cftid) che l'API
+                        // richiede lo risolve CaseFlowService.setFollow.
+                        await CaseFlowService.setFollow(currentBlog.id, false).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;
@@ -570,7 +591,7 @@ const TMBlogsPost = (props) => {
                 beginGroup: true
             });
         }
-        if (targetItem && Boolean(classId && (classId === 'WG' || classId === 'DS'))) {
+        if (targetItem && Boolean(classId && (classId === 'WG' || classId === 'DS' || classId === 'CF'))) {
             menuItems.push({
                 icon: _jsx("span", { className: "dx-icon-eyeclose" }),
                 name: SDKUI_Localizator.Unfollow,
@@ -632,6 +653,12 @@ const TMBlogsPost = (props) => {
                 else
                     console.log("Working Group reference missing objID");
                 break;
+            case ObjectClasses.CaseFlowInstance:
+                if (ref.objID)
+                    handleNavigateToCaseflows?.(ref.objID);
+                else
+                    console.log("CaseFlow instance reference missing objID");
+                break;
             // Handle other object types as needed
             default:
                 console.warn(`Unhandled object type: ${ref.objClass}`);
@@ -687,7 +714,7 @@ 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, { attachments: blogPost.attachments, layoutMode: layoutMode, isSelected: isSelected, isLoading: !descriptorsLoaded, searchText: searchText, dcmtTypeDescriptors: dcmtTypeDescriptors, treeFs: treeFs, draftLatestInfoMap: draftLatestInfoMap, archivedDocumentMap: archivedDocumentMap, handleAttachmentFocus: handleFocusedAttachment, openDcmtForm: openDcmtForm }))] }, `${id}-blogpost-${blogPost.id}`) })] }, "blog-post-wrapper-" + id + "-" + blogPost.id);
+                                                        }, 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, handleNavigateToCaseflows: handleNavigateToCaseflows }), 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, isLoading: !descriptorsLoaded, 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 })] }), _jsx(TMContextMenu, { items: menuItems, target: `#${id}-blogs-wrapper`, externalControl: {
                                     visible: menuVisible,
                                     position: menuPosition,

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { BlogPost, BlogPostAttachment, DcmtTypeDescriptor, DossierDescriptor, HomeBlogPost, TID_DID, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts";
 import { FileItem } from "../base/TMFileManagerUtils";
 export declare const DRAFT_TYPE_TID = 6;
@@ -59,10 +59,10 @@ export declare const getCompactEllipsisStyle: (layoutMode: "compact" | "extended
     display: string;
 };
 export declare const findFileItemByDraftID: (tree: FileItem | undefined, draftID: number | undefined) => FileItem | null;
-export declare const highlightText: (text: string, searchText: string, isSelected: boolean) => string | (string | import("react/jsx-runtime").JSX.Element)[];
+export declare const highlightText: (text: string, searchText: string, isSelected: boolean) => string | (string | React.JSX.Element)[];
 export declare const lightenColor: (hex: string, amount: number) => string;
-export declare const OwnerInitialsBadge: (blogPost: BlogPost | HomeBlogPost) => import("react/jsx-runtime").JSX.Element;
-export declare const getTooltipContent: (title: string | undefined, content: JSX.Element) => import("react/jsx-runtime").JSX.Element;
+export declare const OwnerInitialsBadge: (blogPost: BlogPost | HomeBlogPost) => React.JSX.Element;
+export declare const getTooltipContent: (title: string | undefined, content: JSX.Element) => React.JSX.Element;
 export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs: FileItem | undefined, draftLatestInfoMap: Map<number, {
     latestVersion: number;
     folderId: number;
@@ -76,8 +76,8 @@ export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs:
     fileSize: string;
 }> | undefined, dcmtTypeDescriptors: Map<number, DcmtTypeDescriptor>, isSelected: boolean, searchText: string) => {
     name: string;
-    nameElement: import("react/jsx-runtime").JSX.Element;
-    tooltipContent: import("react/jsx-runtime").JSX.Element;
+    nameElement: React.JSX.Element;
+    tooltipContent: React.JSX.Element;
     folderId: number;
     fileExt: string;
     draftExist: boolean;
@@ -85,7 +85,7 @@ export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs:
     isSigned: number;
 };
 export declare const getDcmtTypeDescriptor: (blogPosts: Array<BlogPost>) => Promise<Map<number, DcmtTypeDescriptor>>;
-export declare const BlogPostHomeHeader: (header: string | undefined, classId: string | undefined, isSelected: boolean, searchText: string, headerClickCallback: () => void) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogPostHomeHeader: (header: string | undefined, classId: string | undefined, isSelected: boolean, searchText: string, headerClickCallback: () => void) => React.JSX.Element;
 export declare const isHeaderFullyHidden: (header: {
     showViewMode: boolean;
     showFilters: boolean;
@@ -95,7 +95,7 @@ export declare const isHeaderFullyHidden: (header: {
 interface NewBadgeProps {
     layoutMode: "compact" | "extended";
 }
-export declare const NewBadge: ({ layoutMode }: NewBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NewBadge: ({ layoutMode }: NewBadgeProps) => React.JSX.Element;
 export declare const removeFileExtension: (filename: string) => string;
 interface BlogPostTitleProps {
     displayMode: "chat" | "stacked";
@@ -109,7 +109,8 @@ interface BlogPostTitleProps {
     showId: boolean;
     handleNavigateToWGs?: (blogPost: BlogPost | HomeBlogPost) => void;
     handleNavigateToDossiers?: (blogPost: BlogPost | HomeBlogPost) => void;
+    handleNavigateToCaseflows?: (blogPost: BlogPost | HomeBlogPost) => void;
 }
-export declare const BlogPostTitle: (props: BlogPostTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogPostTitle: (props: BlogPostTitleProps) => React.JSX.Element;
 export declare const stripHtml: (html: string) => string;
 export {};

package/lib/components/grids/TMBlogsPostUtils.js

@@ -162,8 +162,16 @@ export const getDcmtTypeDescriptor = async (blogPosts) => {
     return dcmtTypeMap;
 };
 export const BlogPostHomeHeader = (header, classId, isSelected, searchText, headerClickCallback) => {
+    // 'CF' = istanza di CaseFlow (bacheca Home V6). Attenzione: nel mondo dei
+    // task PdGs.CF indica invece la pratica-dossier; qui il dominio e' il
+    // ClassID di HomeBlogPost, dove 'DS' e' la pratica e 'CF' la pratica CaseFlow.
     const isWorkGroup = classId === 'WG';
-    const iconColor = isSelected ? '#ffffff' : isWorkGroup ? PDGS_COLORS.WORKING_GROUP : PDGS_COLORS.DOSSIER;
+    const isCaseFlow = classId === 'CF';
+    const iconColor = isSelected
+        ? '#ffffff'
+        : isWorkGroup ? PDGS_COLORS.WORKING_GROUP
+            : isCaseFlow ? PDGS_COLORS.CASEFLOW
+                : PDGS_COLORS.DOSSIER;
     return (_jsxs("div", { style: {
             display: "flex",
             alignItems: "center",
@@ -171,7 +179,7 @@ export const BlogPostHomeHeader = (header, classId, isSelected, searchText, head
             fontWeight: "bold",
             color: isSelected ? "#fff" : TMColors.primary,
             gap: "4px",
-        }, 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: {
+        }, children: [_jsx(TMTooltip, { content: isWorkGroup ? SDKUI_Localizator.WorkGroup : isCaseFlow ? "CaseFlow" : SDKUI_Localizator.Dossier, children: isWorkGroup ? (_jsx(IconMenuCAWorkingGroups, { color: iconColor, fontSize: 28, onClick: headerClickCallback })) : isCaseFlow ? (_jsx(IconCADossier, { 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",
@@ -218,7 +226,7 @@ export const removeFileExtension = (filename) => {
     return filename.includes('.') ? filename.substring(0, filename.lastIndexOf('.')) : filename;
 };
 export const BlogPostTitle = (props) => {
-    const { displayMode, layoutMode, blogPost, isSelected, isOwnComment, searchText, isSys, isHomeBlogPost, showId, handleNavigateToWGs, handleNavigateToDossiers } = props;
+    const { displayMode, layoutMode, blogPost, isSelected, isOwnComment, searchText, isSys, isHomeBlogPost, showId, handleNavigateToWGs, handleNavigateToDossiers, handleNavigateToCaseflows } = props;
     const showOwnerBadge = (displayMode === "stacked" || !isOwnComment) && layoutMode === "extended";
     let subtitle = "";
     if (isHomeBlogPost) {
@@ -239,6 +247,9 @@ export const BlogPostTitle = (props) => {
         if (handleNavigateToDossiers && blogPost.id && blogPost.classID === 'DS') {
             handleNavigateToDossiers(blogPost);
         }
+        if (handleNavigateToCaseflows && blogPost.id && blogPost.classID === 'CF') {
+            handleNavigateToCaseflows(blogPost);
+        }
     };
     return _jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [showOwnerBadge && (_jsx("div", { style: { width: "40px", height: "40px", flexShrink: 0 }, children: OwnerInitialsBadge(blogPost) })), _jsxs("div", { style: {
                     display: "flex",

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import { ValidationItem } from '@topconsultnpm/sdk-ts';
 interface ITMValidationItemsList {
     validationItems?: ValidationItem[];
 }
-declare const TMValidationItemsList: ({ validationItems }: ITMValidationItemsList) => import("react/jsx-runtime").JSX.Element;
+declare const TMValidationItemsList: ({ validationItems }: ITMValidationItemsList) => React.JSX.Element;
 export default TMValidationItemsList;

package/lib/components/layout/panelManager/TMPanelManagerContainer.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TMPanelDefinition, TMPanelDirection } from './types';
 interface TMPanelManagerContainerProps {
     panels: Array<TMPanelDefinition>;
@@ -5,6 +6,7 @@ interface TMPanelManagerContainerProps {
     direction: TMPanelDirection;
     parentId?: string;
     minPanelSizePx?: number;
+    gutterSizePx?: number;
 }
-declare const TMPanelManagerContainer: (props: TMPanelManagerContainerProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const TMPanelManagerContainer: (props: TMPanelManagerContainerProps) => React.JSX.Element | null;
 export default TMPanelManagerContainer;

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

@@ -18,20 +18,20 @@ const StyledPanelContainerWrapper = styled.div `
 `;
 // 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;`)}
+  cursor: ${props => (!props.$canResize ? 'default' : props.$direction === 'horizontal' ? 'col-resize' : 'row-resize')};
+  ${props => (props.$direction === 'horizontal' ? `width: ${props.$size}px;` : `height: ${props.$size}px;`)}
   flex-shrink: 0;
   background-color: "transparent";
   z-index: 10;
 `;
 const TMPanelManagerContainer = (props) => {
-    const { panels, showToolbar, direction, parentId, minPanelSizePx = 150 } = props;
+    const { panels, showToolbar, direction, parentId, minPanelSizePx = 150, gutterSizePx } = 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();
     // This avoids unnecessary re-renders by only recalculating when deviceType changes
     let isMobile = useMemo(() => { return deviceType === DeviceType.MOBILE; }, [deviceType]);
-    const gutters = Gutters.getGutters();
+    const gutters = gutterSizePx ?? Gutters.getGutters();
     // References to store information related to resizing
     // startMousePos: stores the mouse position when resizing starts (x or y coordinate)
     const startMousePos = useRef(0);
@@ -47,6 +47,19 @@ const TMPanelManagerContainer = (props) => {
     const containerRef = useRef(null);
     // Count how many child panels are currently visible (based on panelVisibility)
     const currentlyVisibleChildrenCount = panels.filter(panel => panelVisibility[panel.id]).length;
+    /**
+     * Pannello ridimensionabile più prossimo a partire da `from` nella direzione `step`:
+     * i pannelli non visibili e quelli collassati (che vivono del solo ingombro minimo) si saltano,
+     * altrimenti il trascinamento del separatore assegnerebbe spazio a un pannello ridotto
+     */
+    const findResizablePanelId = (from, step) => {
+        for (let i = from; i >= 0 && i < panels.length; i += step) {
+            const candidate = panels[i];
+            if (panelVisibility[candidate.id] && candidate.contentOptions?.isCollapsed !== true)
+                return candidate.id;
+        }
+        return null;
+    };
     // If this component has a parent panel, and the parent panel is visible,
     // but none of the current child panels are visible, return null to avoid rendering empty container
     if (parentId && panelVisibility[parentId] && currentlyVisibleChildrenCount === 0) {
@@ -156,14 +169,6 @@ const TMPanelManagerContainer = (props) => {
                 }, children: _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx(StyledPanelContainerWrapper, { ref: containerRef, "$direction": direction, "$hasVisiblePanels": hasVisiblePanels(), children: panels.map((panel, index) => {
                                 // Check if current panel is visible according to context state
                                 const isVisible = panelVisibility[panel.id];
-                                // Find the closest previous visible panel's ID to place the resizer gutter between
-                                let prevPanelIdForGutter = null;
-                                for (let i = index - 1; i >= 0; i--) {
-                                    if (panelVisibility[panels[i].id]) {
-                                        prevPanelIdForGutter = panels[i].id;
-                                        break;
-                                    }
-                                }
                                 /*
                                   Determine if we should show the gutter (resize handle) before this panel.
                                   The gutter is shown only if:
@@ -171,6 +176,11 @@ const TMPanelManagerContainer = (props) => {
                                     - at least one visible panel was encountered before this one
                                 */
                                 const showGutter = isVisible && hasSeenVisiblePanel && maximizedPanels.length === 0;
+                                // I due pannelli su cui agisce il separatore: i più prossimi fra quelli ridimensionabili.
+                                // Senza una coppia valida (es. tutti i vicini collassati) il separatore resta solo un divisorio
+                                const resizeFromId = showGutter ? findResizablePanelId(index - 1, -1) : null;
+                                const resizeToId = showGutter ? findResizablePanelId(index, 1) : null;
+                                const canResize = resizeFromId !== null && resizeToId !== null && resizeFromId !== resizeToId;
                                 // Update the flag once a visible panel is found, so gutters after it are shown correctly
                                 if (isVisible) {
                                     hasSeenVisiblePanel = true;
@@ -178,7 +188,7 @@ const TMPanelManagerContainer = (props) => {
                                 // If the panel has child panels, render a nested TMPanelManagerContainer or a component
                                 if (panel.children && panel.children.length > 0) {
                                     const jsxComponent = panel.contentOptions?.component;
-                                    return (_jsxs(React.Fragment, { children: [showGutter && (_jsx(StyledResizerGutter, { "$direction": direction, onMouseDown: (e) => startResizing(e, prevPanelIdForGutter, panel.id) })), _jsx(TMPanelWrapper, { panel: panel, children: jsxComponent
+                                    return (_jsxs(React.Fragment, { children: [showGutter && (_jsx(StyledResizerGutter, { "$direction": direction, "$size": gutters, "$canResize": canResize, onMouseDown: canResize ? (e) => startResizing(e, resizeFromId, resizeToId) : undefined })), _jsx(TMPanelWrapper, { panel: panel, children: jsxComponent
                                                     ? React.isValidElement(jsxComponent)
                                                         ? React.cloneElement(jsxComponent, { groupId: panel.id, mainDirection: panel.childrenGroupDirection || direction })
                                                         : jsxComponent
@@ -186,7 +196,7 @@ const TMPanelManagerContainer = (props) => {
                                 }
                                 // If the panel has a component specified, render it with a possible gutter before it
                                 if (panel.contentOptions && panel.contentOptions.component) {
-                                    return (_jsxs(React.Fragment, { children: [showGutter && (_jsx(StyledResizerGutter, { "$direction": direction, onMouseDown: (e) => startResizing(e, prevPanelIdForGutter, panel.id) })), _jsx(TMPanelWrapper, { panel: panel, children: panel.contentOptions.component })] }, panel.id));
+                                    return (_jsxs(React.Fragment, { children: [showGutter && (_jsx(StyledResizerGutter, { "$direction": direction, "$size": gutters, "$canResize": canResize, onMouseDown: canResize ? (e) => startResizing(e, resizeFromId, resizeToId) : undefined })), _jsx(TMPanelWrapper, { panel: panel, children: panel.contentOptions.component })] }, panel.id));
                                 }
                                 // If no children or components, render nothing for this panel
                                 return null;

package/lib/components/layout/panelManager/TMPanelManagerContext.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import type { TMPanelDefinition, TMPanelDimensionsMap } from './types';
 interface TMPanelManagerContextType {
     panelVisibility: {
@@ -34,6 +34,6 @@ interface TMPanelManagerProviderProps {
     initialMobilePanelId: string;
     isPersistenceEnabled?: boolean;
 }
-export declare const TMPanelManagerProvider: (props: TMPanelManagerProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMPanelManagerProvider: (props: TMPanelManagerProviderProps) => React.JSX.Element;
 export declare const useTMPanelManagerContext: () => TMPanelManagerContextType;
 export {};