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

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/TMAppUpdatedModal.js

@@ -8,110 +8,110 @@ import { SDKUI_Globals } from './SDKUI_Globals';
 import { SDKUI_Localizator } from './SDKUI_Localizator';
 import { IconUpdate, IconOpenInNew } from './TMIcons';
 import { getAppModuleButtonColors } from './TMUtils';
-const Content = styled.div `
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    background-color: #ffffff;
+const Content = styled.div `
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    background-color: #ffffff;
 `;
-const Header = styled.div `
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 14px;
-    padding: 32px 30px 26px 30px;
-    background-color: ${({ $backgroundColor }) => $backgroundColor};
-    color: #ffffff;
-    text-align: center;
+const Header = styled.div `
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 14px;
+    padding: 32px 30px 26px 30px;
+    background-color: ${({ $backgroundColor }) => $backgroundColor};
+    color: #ffffff;
+    text-align: center;
 `;
-const HeaderIcon = styled.div `
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 68px;
-    height: 68px;
-    border-radius: 50%;
-    background-color: rgba(255, 255, 255, 0.18);
-    border: 1px solid rgba(255, 255, 255, 0.35);
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
+const HeaderIcon = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 68px;
+    height: 68px;
+    border-radius: 50%;
+    background-color: rgba(255, 255, 255, 0.18);
+    border: 1px solid rgba(255, 255, 255, 0.35);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
 `;
-const HeaderTitle = styled.h2 `
-    margin: 0;
-    font-size: 22px;
-    font-weight: 600;
-    letter-spacing: 0.2px;
+const HeaderTitle = styled.h2 `
+    margin: 0;
+    font-size: 22px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
 `;
-const VersionBadge = styled.span `
-    display: inline-block;
-    padding: 4px 12px;
-    border-radius: 999px;
-    background-color: rgba(255, 255, 255, 0.22);
-    border: 1px solid rgba(255, 255, 255, 0.4);
-    font-size: 13px;
-    font-weight: 600;
-    letter-spacing: 0.3px;
+const VersionBadge = styled.span `
+    display: inline-block;
+    padding: 4px 12px;
+    border-radius: 999px;
+    background-color: rgba(255, 255, 255, 0.22);
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    font-size: 13px;
+    font-weight: 600;
+    letter-spacing: 0.3px;
 `;
-const Body = styled.div `
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    padding: 26px 30px 22px 30px;
-    text-align: center;
+const Body = styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 26px 30px 22px 30px;
+    text-align: center;
 `;
-const Message = styled.p `
-    margin: 0;
-    font-size: 15px;
-    line-height: 1.6;
-    color: #242424;
+const Message = styled.p `
+    margin: 0;
+    font-size: 15px;
+    line-height: 1.6;
+    color: #242424;
 `;
-const SubMessage = styled.p `
-    margin: 0;
-    font-size: 13px;
-    line-height: 1.6;
-    color: #6b6b6b;
+const SubMessage = styled.p `
+    margin: 0;
+    font-size: 13px;
+    line-height: 1.6;
+    color: #6b6b6b;
 `;
-const Footer = styled.div `
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 12px;
-    padding: 0 30px 28px 30px;
+const Footer = styled.div `
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 12px;
+    padding: 0 30px 28px 30px;
 `;
-const BaseButton = styled.button `
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    min-width: 150px;
-    padding: 10px 18px;
-    border-radius: 8px;
-    font-size: 14px;
-    font-weight: 600;
-    cursor: pointer;
-    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+const BaseButton = styled.button `
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    min-width: 150px;
+    padding: 10px 18px;
+    border-radius: 8px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
 `;
-const PrimaryButton = styled(BaseButton) `
-    border: 1px solid ${({ $base }) => $base};
-    background-color: ${({ $base }) => $base};
-    color: #ffffff;
-
-    &:hover {
-        background-color: ${({ $hover }) => $hover};
-        border-color: ${({ $hover }) => $hover};
-        box-shadow: 0 2px 8px ${({ $shadow }) => $shadow};
-    }
+const PrimaryButton = styled(BaseButton) `
+    border: 1px solid ${({ $base }) => $base};
+    background-color: ${({ $base }) => $base};
+    color: #ffffff;
+
+    &:hover {
+        background-color: ${({ $hover }) => $hover};
+        border-color: ${({ $hover }) => $hover};
+        box-shadow: 0 2px 8px ${({ $shadow }) => $shadow};
+    }
 `;
-const SecondaryButton = styled(BaseButton) `
-    border: 1px solid #d5d5d5;
-    background-color: #ffffff;
-    color: #444444;
-
-    &:hover {
-        background-color: #f3f3f3;
-        border-color: #bdbdbd;
-    }
+const SecondaryButton = styled(BaseButton) `
+    border: 1px solid #d5d5d5;
+    background-color: #ffffff;
+    color: #444444;
+
+    &:hover {
+        background-color: #f3f3f3;
+        border-color: #bdbdbd;
+    }
 `;
 export const TMAppUpdatedModal = () => {
     const deviceType = useDeviceType();

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.47",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",