@topconsultnpm/sdkui-react 6.22.0-dev2.46 → 6.22.0-dev2.48

package/lib/components/features/search/TMTreeSelector.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { DcmtTypeListCacheService, LayoutModes, SDK_Localizator, TreeCacheService, TreeItemTypes } from '@topconsultnpm/sdk-ts';
 import { TreeList, Column, Scrolling, Selection } from 'devextreme-react/tree-list';
 import { DropDownBox } from 'devextreme-react';
@@ -36,39 +36,57 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
     const panelRef = useOutsideClick(() => setInfoDTD(undefined));
-    // useEffect(() => {
-    //     if (treeItems.length > 0 && treeItems[0].id) {
-    //         setSelectedRowKeys([treeItems[0].id])
-    //     }
-    // }, [treeItems])
-    useEffect(() => {
-        const setResultCache = (result) => {
-            if (result && result.length > 0) {
-                setTrees(result);
-                let defaultTree = SDKUI_Globals.userSettings.searchSettings.defaultTree;
-                let initialTreeId;
-                let treeToSelect;
-                if (defaultTree > 0) {
-                    initialTreeId = defaultTree;
-                    treeToSelect = result.find(o => o.id == defaultTree);
-                }
-                else {
-                    initialTreeId = result[0]?.id ?? 0;
-                    treeToSelect = result[0];
-                }
-                setSelectedTreeId(initialTreeId);
-                if (treeToSelect?.id) {
-                    setSelectedRowKeys([treeToSelect.id]);
-                }
+    // Tiene traccia dell'albero selezionato senza far dipendere loadTreesAsync da selectedTreeId:
+    // così il refresh può riproporre la selezione corrente senza ricaricare a ogni cambio di albero
+    const selectedTreeIdRef = useRef(selectedTreeId);
+    useEffect(() => { selectedTreeIdRef.current = selectedTreeId; }, [selectedTreeId]);
+    // Carica tutti gli alberi del contesto corrente (ricerca o archiviazione).
+    // Con forceRefresh la cache viene invalidata, altrimenti GetAll* restituirebbe gli alberi già in memoria.
+    const loadTreesAsync = useCallback(async (forceRefresh = false) => {
+        const isSearchContext = layoutMode == LayoutModes.Update;
+        if (forceRefresh) {
+            if (isSearchContext)
+                TreeCacheService.RemoveAllSearch();
+            else
+                TreeCacheService.RemoveAllArchive();
+        }
+        const result = isSearchContext
+            ? await TreeCacheService.GetAllSearchAsync()
+            : await TreeCacheService.GetAllArchiveAsync();
+        if (!result || result.length === 0) {
+            // Sul refresh gli alberi possono essere spariti lato server: allinea anche lo stato vuoto
+            if (forceRefresh) {
+                setTrees([]);
+                setSelectedTreeId(0);
+                setSelectedRowKeys([]);
             }
-        };
-        if (layoutMode == LayoutModes.Update) {
-            TreeCacheService.GetAllSearchAsync().then((result) => { setResultCache(result); });
+            return;
+        }
+        setTrees(result);
+        // Dopo un refresh mantiene l'albero corrente, se ancora presente
+        const currentTreeId = selectedTreeIdRef.current;
+        if (forceRefresh && result.some(o => o.id == currentTreeId)) {
+            setSelectedTreeId(currentTreeId);
+            setSelectedRowKeys([currentTreeId]);
+            return;
+        }
+        let defaultTree = SDKUI_Globals.userSettings.searchSettings.defaultTree;
+        let initialTreeId;
+        let treeToSelect;
+        if (defaultTree > 0) {
+            initialTreeId = defaultTree;
+            treeToSelect = result.find(o => o.id == defaultTree);
         }
         else {
-            TreeCacheService.GetAllArchiveAsync().then((result) => { setResultCache(result); });
+            initialTreeId = result[0]?.id ?? 0;
+            treeToSelect = result[0];
+        }
+        setSelectedTreeId(initialTreeId);
+        if (treeToSelect?.id) {
+            setSelectedRowKeys([treeToSelect.id]);
         }
     }, [layoutMode]);
+    useEffect(() => { loadTreesAsync(); }, [loadTreesAsync]);
     useEffect(() => {
         let newTreeItems = trees.find(o => o.id == selectedTreeId)?.items ?? [];
         setTreeItems(newTreeItems);
@@ -160,7 +178,7 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
             onSelectedTIDChanged?.(treeItem.tid, selectedTreeId);
         }
     }, [onSelectedTIDChanged, selectedTreeId]);
-    return (_jsx(TMPanel, { title: SDK_Localizator.Trees, isVisible: isVisible, totalItems: trees.length, onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsx(TMButton, { btnStyle: 'icon', caption: defaultTreeId == selectedTreeId ? SDKUI_Localizator.TreeRemoveDefault : SDKUI_Localizator.SetAsDefault, icon: defaultTreeId == selectedTreeId ? _jsx(IconStarRemove, { color: 'rgb(243, 114, 92)' }) : _jsx(IconStar, { color: 'rgb(248, 215, 117)' }), onClick: () => {
+    return (_jsx(TMPanel, { title: SDK_Localizator.Trees, isVisible: isVisible, totalItems: trees.length, onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, onRefresh: () => loadTreesAsync(true), toolbar: _jsx(TMButton, { btnStyle: 'icon', caption: defaultTreeId == selectedTreeId ? SDKUI_Localizator.TreeRemoveDefault : SDKUI_Localizator.SetAsDefault, icon: defaultTreeId == selectedTreeId ? _jsx(IconStarRemove, { color: 'rgb(243, 114, 92)' }) : _jsx(IconStar, { color: 'rgb(248, 215, 117)' }), onClick: () => {
                 if (defaultTreeId == selectedTreeId) {
                     if (layoutMode == LayoutModes.Update)
                         SDKUI_Globals.userSettings.searchSettings.defaultTree = -1;
@@ -196,93 +214,93 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
             : _jsx("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', fontSize: '1.5rem' }, children: SDKUI_Localizator.TreesNoAvailable }) }));
 };
 export default TMTreeSelector;
-const StyledTreeDcmtTypeRow = styled(StyledDivHorizontal) `
-    align-items: center;
-    min-width: 0;
-    width: 100%;
-    gap: 2px;
-    position: relative;
-
-    .info-icon {
-        display: flex;
-        align-items: center;
-        margin-left: auto;
-        z-index: 2;
-        cursor: pointer;
-        opacity: 0;
-        pointer-events: none;
-        transition: opacity 0.2s;
-    }
-
-    &:hover .info-icon {
-        opacity: 1;
-        pointer-events: auto;
-    }
+const StyledTreeDcmtTypeRow = styled(StyledDivHorizontal) `
+    align-items: center;
+    min-width: 0;
+    width: 100%;
+    gap: 2px;
+    position: relative;
+
+    .info-icon {
+        display: flex;
+        align-items: center;
+        margin-left: auto;
+        z-index: 2;
+        cursor: pointer;
+        opacity: 0;
+        pointer-events: none;
+        transition: opacity 0.2s;
+    }
+
+    &:hover .info-icon {
+        opacity: 1;
+        pointer-events: auto;
+    }
 `;
-const StyledTreeListWrapper = styled.div `
-    width: 100%;
-    height: 100%;
-    min-height: 0;
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-
-    .dx-treelist,
-    .dx-treelist-rowsview,
-    .dx-scrollable,
-    .dx-scrollable-wrapper,
-    .dx-scrollable-container,
-    .dx-scrollable-content {
-        height: 100% !important;
-        min-height: 0 !important;
-        max-height: 100% !important;
-        box-sizing: border-box;
-    }
-
-    .dx-scrollable-scrollbar.dx-scrollbar-vertical {
-        /* Mostra solo quando serve */
-        opacity: 1 !important;
-    }
-
-    .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
-        display: none !important;
-    }
-
-	.dx-treelist-container>.dx-treelist-headers,
-	.dx-treelist-container>.dx-treelist-rowsview {
-		background-color: transparent;
-	}
-
-	.dx-treelist-rowsview .dx-treelist-empty-space {
-		position: relative;
-		top: 4px;
-		display: inline-block;
-		width: 16px;
-	}
-
-	.dx-row > td {
-		padding: 10px 4px;
-		font-size: 1rem;
-        white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.dx-selection td {
-		background: oklch(from var(--dx-color-primary) l c h / .2) !important;
-	}
-
-    .dx-data-row: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%
-        );
-    }
+const StyledTreeListWrapper = styled.div `
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+
+    .dx-treelist,
+    .dx-treelist-rowsview,
+    .dx-scrollable,
+    .dx-scrollable-wrapper,
+    .dx-scrollable-container,
+    .dx-scrollable-content {
+        height: 100% !important;
+        min-height: 0 !important;
+        max-height: 100% !important;
+        box-sizing: border-box;
+    }
+
+    .dx-scrollable-scrollbar.dx-scrollbar-vertical {
+        /* Mostra solo quando serve */
+        opacity: 1 !important;
+    }
+
+    .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
+        display: none !important;
+    }
+
+	.dx-treelist-container>.dx-treelist-headers,
+	.dx-treelist-container>.dx-treelist-rowsview {
+		background-color: transparent;
+	}
+
+	.dx-treelist-rowsview .dx-treelist-empty-space {
+		position: relative;
+		top: 4px;
+		display: inline-block;
+		width: 16px;
+	}
+
+	.dx-row > td {
+		padding: 10px 4px;
+		font-size: 1rem;
+        white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.dx-selection td {
+		background: oklch(from var(--dx-color-primary) l c h / .2) !important;
+	}
+
+    .dx-data-row: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%
+        );
+    }
 `;

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;
 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";
@@ -32,7 +33,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 +293,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 +327,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 +373,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 +587,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 +649,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 +710,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

@@ -109,6 +109,7 @@ 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 stripHtml: (html: string) => string;

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/helper/TMUtils.d.ts

@@ -53,6 +53,8 @@ export declare const PDGS_COLORS: {
     DOSSIER: string;
     DOCUMENT: string;
     WORKING_GROUP: string;
+    /** Istanza di CaseFlow: viola, per non confonderla ne' con la pratica (arancio) ne' con il gruppo di lavoro (verde). */
+    CASEFLOW: string;
 };
 export declare const getPdgsIconMap: (fontSize?: number) => Map<PdGs, JSX.Element>;
 export declare const convertSearchResultDescriptorToFileItems: (documents: Array<SearchResultDescriptor>) => Array<FileItem>;

package/lib/helper/TMUtils.js

@@ -270,6 +270,8 @@ export const PDGS_COLORS = {
     DOSSIER: '#e65b00',
     DOCUMENT: '#b38600',
     WORKING_GROUP: '#009700',
+    /** Istanza di CaseFlow: viola, per non confonderla ne' con la pratica (arancio) ne' con il gruppo di lavoro (verde). */
+    CASEFLOW: '#6a3fb5',
 };
 export const getPdgsIconMap = (fontSize = 20) => {
     return new Map([

package/package.json

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