@topconsultnpm/sdkui-react 6.22.0-dev3.24 → 6.22.0-dev3.25

package/lib/components/grids/TMBlogsPost.js

@@ -11,7 +11,8 @@ import { TMColors } from "../../utils/theme";
 import ShowAlert from "../base/TMAlert";
 import { TMMessageBoxManager, ButtonNames } from "../base/TMPopUp";
 import TMTooltip from "../base/TMTooltip";
-import { TMLayoutWaitingContainer } from "../base/TMWaitPanel";
+import TMLayoutContainer from "../base/TMLayout";
+import TMWaitPanelManager from "../base/waitPanel/TMWaitPanelManager";
 import TMHtmlContentDisplay from "../editors/TMHtmlContentDisplay";
 import TMDcmtForm from "../features/documents/TMDcmtForm";
 import { TMResultManager } from "../forms/TMResultDialog";
@@ -38,7 +39,7 @@ const TMBlogsPost = (props) => {
         isRefreshEnabled: false,
         isCreateContextualTask: false,
     }, 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();
+    const { downloadDcmtsAsync } = useDcmtOperations();
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     const deviceType = useDeviceType();
     const bottomRef = useRef(null);
@@ -77,12 +78,6 @@ const TMBlogsPost = (props) => {
     const [menuVisible, setMenuVisible] = useState(false);
     const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });
     const [menuItems, setMenuItems] = useState([]);
-    const [localShowWaitPanel, setLocalShowWaitPanel] = useState(false);
-    const [localWaitPanelTitle, setLocalWaitPanelTitle] = useState('');
-    const [localShowPrimary, setLocalShowPrimary] = useState(false);
-    const [localWaitPanelTextPrimary, setLocalWaitPanelTextPrimary] = useState('');
-    const [localWaitPanelValuePrimary, setLocalWaitPanelValuePrimary] = useState(0);
-    const [localWaitPanelMaxValuePrimary, setLocalWaitPanelMaxValuePrimary] = useState(0);
     const handleFocusedItem = (item) => {
         setFocusedAttachment(undefined);
         setFocusedItem(item);
@@ -430,18 +425,22 @@ const TMBlogsPost = (props) => {
                     || (context.engine === 'DossierEngine' && !context.object.id)) {
                     return Promise.resolve();
                 }
-                setLocalWaitPanelTitle(del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore);
-                setLocalShowWaitPanel(true);
-                setLocalShowPrimary(true);
+                const operationTitle = del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore;
                 localAbortController = new AbortController();
+                const panel = TMWaitPanelManager.show({
+                    title: operationTitle,
+                    max: 1,
+                    showCounters: false,
+                    cancelable: true,
+                    onAbort: () => localAbortController.abort(),
+                });
                 let result = [];
                 let i = 0;
-                setLocalWaitPanelMaxValuePrimary(1);
                 if (localAbortController.signal.aborted) {
                     result.push({ rowIndex: i, id1: currentBlog.id, id2: currentBlog.id, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborate ${i}` });
                 }
                 else {
-                    setLocalWaitPanelTextPrimary(del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore);
+                    panel.setSubtitle(operationTitle);
                     if (context.engine === 'WorkingGroupEngine' && context.object.id) {
                         const workingGroupEngine = new WorkingGroupEngine(SDK_Globals.tmSession);
                         await workingGroupEngine.BlogPostDeleteOrUndeleteAsync(context.object.id, currentBlog.id, del)
@@ -479,10 +478,7 @@ const TMBlogsPost = (props) => {
                         });
                     }
                 }
-                setLocalWaitPanelTextPrimary('');
-                setLocalWaitPanelMaxValuePrimary(0);
-                setLocalWaitPanelValuePrimary(0);
-                setLocalShowWaitPanel(false);
+                panel.close();
             }
         });
     };
@@ -664,86 +660,86 @@ const TMBlogsPost = (props) => {
                 console.warn(`Unhandled object type: ${ref.objClass}`);
         }
     };
-    return _jsx("div", { ref: containerRef, style: { height: height, width: width }, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: localShowWaitPanel, showWaitPanelPrimary: localShowPrimary, waitPanelTitle: localWaitPanelTitle, waitPanelTextPrimary: localWaitPanelTextPrimary, waitPanelValuePrimary: localWaitPanelValuePrimary, waitPanelMaxValuePrimary: localWaitPanelMaxValuePrimary, isCancelable: true, abortController: localAbortController, children: [_jsx(TMBlogHeader, { isVisible: currentHeader !== undefined && !isHeaderHidden, layoutMode: layoutMode, height: layoutMode === 'extended' ? "40px" : "70px", width: "100%", allPosts: posts, postsToShow: postsToShow, onPostsToShowChange: handlePostsToShowChange, categoryIdDataSource: categoryIdDataSource, appliedCategoryIdFilters: appliedCategoryIdFilters, setAppliedCategoryIdFilters: setAppliedCategoryIdFilters, searchText: searchText, onSearchChange: handleSearchChange }), _jsxs("div", { id: `${id}-blogs-wrapper`, onContextMenu: onContextMenu, style: {
-                            width: "100%",
-                            height: currentHeader !== undefined && !isHeaderHidden ? `calc(100% - ${layoutMode === 'extended' ? "40px" : "70px"})` : "100%",
-                        }, children: [blogPosts.length === 0 && _jsx(TMToppyMessage, { message: searchText.length > 0 ? SDKUI_Localizator.NoMessagesFound : SDKUI_Localizator.NoMessages }), blogPosts.length > 0 && _jsxs("div", { id: `${id}-blogs-container`, tabIndex: 0, onKeyDown: handleKeyDown, style: {
-                                    height: '100%',
-                                    width: '100%',
-                                    outline: "none",
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    rowGap: "10px",
-                                    overflowY: "auto",
-                                    padding: "5px",
-                                    backgroundColor: displayMode === 'stacked' ? "#e0e0e0" : "#fff"
-                                }, children: [blogPosts.map((blogPost) => {
-                                        const isSelected = selectedItem.some(item => item.id === blogPost.id);
-                                        const isFocused = focusedItem?.id === blogPost.id;
-                                        const isHomeBlogPost = Boolean(blogPost.header?.trim());
-                                        const isNew = Boolean(blogPost.newPosts ?? blogPost.customData1);
-                                        const isOwnComment = blogPost.ownerID === SDK_Globals.tmSession?.SessionDescr?.userID;
-                                        const isSys = blogPost.isSys === 1;
-                                        return _jsxs(React.Fragment, { children: [(firstUnreadPost && blogPost.id === firstUnreadPost.id) && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', width: '100%', color: TMColors.primary, fontWeight: '600', fontSize: '0.9rem', userSelect: 'none', marginTop: "12px", marginBottom: "12px" }, children: [_jsx("hr", { style: { flex: 1, border: 'none', borderTop: `1px solid ${TMColors.primary}`, marginRight: '15px' } }), _jsx("span", { children: SDKUI_Localizator.LastRead }), _jsx("hr", { style: { flex: 1, border: 'none', borderTop: `1px solid ${TMColors.primary}`, marginLeft: '15px' } })] })), _jsx(TMConditionalWrapper, { condition: displayMode === "chat", wrapper: children => _jsx("div", { style: {
-                                                            display: "flex",
-                                                            flexDirection: "row",
-                                                            alignItems: "flex-start",
-                                                            padding: "2px",
-                                                            borderRadius: "12px",
-                                                            cursor: "default",
-                                                            justifyContent: isOwnComment ? "flex-end" : "flex-start",
-                                                        }, children: _jsx("div", { style: {
-                                                                display: "flex",
-                                                                flexDirection: "column",
-                                                                alignItems: isOwnComment ? "flex-end" : "flex-start",
-                                                                textAlign: "left",
-                                                                maxWidth: '90%',
-                                                                borderRadius: '8px',
-                                                            }, children: children }) }), children: _jsxs("div", { id: `${id}-blogpost-${blogPost.id}`, onMouseEnter: () => handleMouseEnter(blogPost), onMouseLeave: handleMouseLeave, onClick: () => handleClick(blogPost), onDoubleClick: () => handleDoubleClick(blogPost), style: {
+    return _jsx("div", { ref: containerRef, style: { height: height, width: width }, children: _jsxs(TMLayoutContainer, { direction: 'vertical', children: [_jsx(TMBlogHeader, { isVisible: currentHeader !== undefined && !isHeaderHidden, layoutMode: layoutMode, height: layoutMode === 'extended' ? "40px" : "70px", width: "100%", allPosts: posts, postsToShow: postsToShow, onPostsToShowChange: handlePostsToShowChange, categoryIdDataSource: categoryIdDataSource, appliedCategoryIdFilters: appliedCategoryIdFilters, setAppliedCategoryIdFilters: setAppliedCategoryIdFilters, searchText: searchText, onSearchChange: handleSearchChange }), _jsxs("div", { id: `${id}-blogs-wrapper`, onContextMenu: onContextMenu, style: {
+                        width: "100%",
+                        height: currentHeader !== undefined && !isHeaderHidden ? `calc(100% - ${layoutMode === 'extended' ? "40px" : "70px"})` : "100%",
+                    }, children: [blogPosts.length === 0 && _jsx(TMToppyMessage, { message: searchText.length > 0 ? SDKUI_Localizator.NoMessagesFound : SDKUI_Localizator.NoMessages }), blogPosts.length > 0 && _jsxs("div", { id: `${id}-blogs-container`, tabIndex: 0, onKeyDown: handleKeyDown, style: {
+                                height: '100%',
+                                width: '100%',
+                                outline: "none",
+                                display: "flex",
+                                flexDirection: "column",
+                                rowGap: "10px",
+                                overflowY: "auto",
+                                padding: "5px",
+                                backgroundColor: displayMode === 'stacked' ? "#e0e0e0" : "#fff"
+                            }, children: [blogPosts.map((blogPost) => {
+                                    const isSelected = selectedItem.some(item => item.id === blogPost.id);
+                                    const isFocused = focusedItem?.id === blogPost.id;
+                                    const isHomeBlogPost = Boolean(blogPost.header?.trim());
+                                    const isNew = Boolean(blogPost.newPosts ?? blogPost.customData1);
+                                    const isOwnComment = blogPost.ownerID === SDK_Globals.tmSession?.SessionDescr?.userID;
+                                    const isSys = blogPost.isSys === 1;
+                                    return _jsxs(React.Fragment, { children: [(firstUnreadPost && blogPost.id === firstUnreadPost.id) && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', width: '100%', color: TMColors.primary, fontWeight: '600', fontSize: '0.9rem', userSelect: 'none', marginTop: "12px", marginBottom: "12px" }, children: [_jsx("hr", { style: { flex: 1, border: 'none', borderTop: `1px solid ${TMColors.primary}`, marginRight: '15px' } }), _jsx("span", { children: SDKUI_Localizator.LastRead }), _jsx("hr", { style: { flex: 1, border: 'none', borderTop: `1px solid ${TMColors.primary}`, marginLeft: '15px' } })] })), _jsx(TMConditionalWrapper, { condition: displayMode === "chat", wrapper: children => _jsx("div", { style: {
+                                                        display: "flex",
+                                                        flexDirection: "row",
+                                                        alignItems: "flex-start",
+                                                        padding: "2px",
+                                                        borderRadius: "12px",
+                                                        cursor: "default",
+                                                        justifyContent: isOwnComment ? "flex-end" : "flex-start",
+                                                    }, children: _jsx("div", { style: {
                                                             display: "flex",
                                                             flexDirection: "column",
-                                                            width: "100%",
-                                                            position: "relative",
-                                                            backgroundColor: isSelected ? "#135596"
-                                                                : displayMode === 'stacked' ? "#f9f9f9" : isOwnComment ? '#D9EFE0' : '#F3E6E6',
-                                                            transition: "all 0.2s ease",
-                                                            color: isSys ? "#ff0000" : isSelected ? "#ffffff" : TMColors.primary,
-                                                            borderRadius: "5px",
-                                                            padding: isHomeBlogPost ? '10px' : `10px ${isOwnComment ? '50px' : '10px'} 10px 10px`,
-                                                            borderLeft: "5px solid transparent",
-                                                            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, 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,
-                                    onClose: 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: taskModalSizes(deviceType, FormModes.Create).width, height: taskModalSizes(deviceType, FormModes.Create).height, 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, onReferenceClick: handleNavigateToReference, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, Number(dcmtForm.dcmt.TID), Number(dcmtForm.dcmt.DID)) }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
-                                    position: 'absolute',
-                                    bottom: '18px',
-                                    right: '20px',
-                                    width: '40px',
-                                    height: '40px',
-                                    borderRadius: "50%",
-                                    backgroundColor: "#C2388B",
-                                    color: '#fff',
-                                    border: 'none',
-                                    cursor: 'pointer',
-                                    boxShadow: '0 2px 6px rgba(0,0,0,0.2)',
-                                    zIndex: 1000,
-                                    transition: 'background-color 0.3s ease, transform 0.2s ease',
-                                    display: 'flex',
-                                    justifyContent: 'center',
-                                    alignItems: 'center',
-                                }, onMouseEnter: (e) => {
-                                    e.currentTarget.style.backgroundColor = '#D94A9F';
-                                    e.currentTarget.style.transform = 'scale(1.1)';
-                                    e.currentTarget.style.boxShadow = '0 4px 12px rgba(37, 89, 165, 0.6)';
-                                }, onMouseLeave: (e) => {
-                                    e.currentTarget.style.backgroundColor = "#C2388B";
-                                    e.currentTarget.style.transform = 'scale(1)';
-                                    e.currentTarget.style.boxShadow = '0 2px 6px rgba(0,0,0,0.2)';
-                                }, onClick: () => { showCommentFormCallback(undefined); }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.AddNewComment, children: _jsx("i", { className: "dx-icon-chat", style: { fontSize: '25px' } }) }) })] })] }) }) });
+                                                            alignItems: isOwnComment ? "flex-end" : "flex-start",
+                                                            textAlign: "left",
+                                                            maxWidth: '90%',
+                                                            borderRadius: '8px',
+                                                        }, children: children }) }), children: _jsxs("div", { id: `${id}-blogpost-${blogPost.id}`, onMouseEnter: () => handleMouseEnter(blogPost), onMouseLeave: handleMouseLeave, onClick: () => handleClick(blogPost), onDoubleClick: () => handleDoubleClick(blogPost), style: {
+                                                        display: "flex",
+                                                        flexDirection: "column",
+                                                        width: "100%",
+                                                        position: "relative",
+                                                        backgroundColor: isSelected ? "#135596"
+                                                            : displayMode === 'stacked' ? "#f9f9f9" : isOwnComment ? '#D9EFE0' : '#F3E6E6',
+                                                        transition: "all 0.2s ease",
+                                                        color: isSys ? "#ff0000" : isSelected ? "#ffffff" : TMColors.primary,
+                                                        borderRadius: "5px",
+                                                        padding: isHomeBlogPost ? '10px' : `10px ${isOwnComment ? '50px' : '10px'} 10px 10px`,
+                                                        borderLeft: "5px solid transparent",
+                                                        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, 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,
+                                onClose: 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: taskModalSizes(deviceType, FormModes.Create).width, height: taskModalSizes(deviceType, FormModes.Create).height, 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, onReferenceClick: handleNavigateToReference, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, Number(dcmtForm.dcmt.TID), Number(dcmtForm.dcmt.DID)) }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
+                                position: 'absolute',
+                                bottom: '18px',
+                                right: '20px',
+                                width: '40px',
+                                height: '40px',
+                                borderRadius: "50%",
+                                backgroundColor: "#C2388B",
+                                color: '#fff',
+                                border: 'none',
+                                cursor: 'pointer',
+                                boxShadow: '0 2px 6px rgba(0,0,0,0.2)',
+                                zIndex: 1000,
+                                transition: 'background-color 0.3s ease, transform 0.2s ease',
+                                display: 'flex',
+                                justifyContent: 'center',
+                                alignItems: 'center',
+                            }, onMouseEnter: (e) => {
+                                e.currentTarget.style.backgroundColor = '#D94A9F';
+                                e.currentTarget.style.transform = 'scale(1.1)';
+                                e.currentTarget.style.boxShadow = '0 4px 12px rgba(37, 89, 165, 0.6)';
+                            }, onMouseLeave: (e) => {
+                                e.currentTarget.style.backgroundColor = "#C2388B";
+                                e.currentTarget.style.transform = 'scale(1)';
+                                e.currentTarget.style.boxShadow = '0 2px 6px rgba(0,0,0,0.2)';
+                            }, onClick: () => { showCommentFormCallback(undefined); }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.AddNewComment, children: _jsx("i", { className: "dx-icon-chat", style: { fontSize: '25px' } }) }) })] })] }) });
 };
 export default TMBlogsPost;

package/lib/components/index.d.ts

@@ -7,8 +7,10 @@ export { default as TMList } from './base/TMList';
 export { default as TMModal } from './base/TMModal';
 export * from './base/TMPopUp';
 export * from './base/TMLayout';
+export { default as TMLayoutContainer } from './base/TMLayout';
 export * from './base/Styled';
 export * from './base/TMWaitPanel';
+export * from './base/waitPanel';
 export * from './base/TMToolbarCard';
 export * from './base/TMRightSidebar';
 export * from './base/TMTreeView';

package/lib/components/index.js

@@ -8,8 +8,10 @@ export { default as TMList } from './base/TMList';
 export { default as TMModal } from './base/TMModal';
 export * from './base/TMPopUp';
 export * from './base/TMLayout';
+export { default as TMLayoutContainer } from './base/TMLayout';
 export * from './base/Styled';
 export * from './base/TMWaitPanel';
+export * from './base/waitPanel';
 export * from './base/TMToolbarCard';
 export * from './base/TMRightSidebar';
 export * from './base/TMTreeView';

package/lib/components/pages/TMPage.js

@@ -14,9 +14,8 @@ import { FontSize, TMColors } from "../../utils/theme";
 import selectionManagerImage from '../../assets/multipleSelectionManager.jpg';
 import { DeviceType, useDeviceType } from "../base/TMDeviceProvider";
 import { TMResultManager } from "../forms/TMResultDialog";
-import { TMLayoutWaitingContainer } from "../base/TMWaitPanel";
+import TMWaitPanelManager from "../base/waitPanel/TMWaitPanelManager";
 import TMToolbarCard from "../base/TMToolbarCard";
-let abortController = new AbortController();
 const TMPage = ({ id, objClass = ObjectClasses.None, listDisabled = false, lastRefreshTime, objType, listInsteadOfContent, detailInsteadOfContent, routePage, customButtons, customColumns, searchText, detailForm, detailTitlePathKeys, deps, onSelectionChanged, onCountersChanged }) => {
     const deviceType = useDeviceType();
     let gridInstance;
@@ -28,12 +27,6 @@ const TMPage = ({ id, objClass = ObjectClasses.None, listDisabled = false, lastR
     const [selectedItems, setSelectedItems] = useState([]);
     const [visibleItems, setVisibleItems] = useState([]);
     const [formMode, setFormMode] = useState(FormModes.Update);
-    const [showWaitPanel, setShowWaitPanel] = useState(false);
-    const [waitPanelTitle, setWaitPanelTitle] = useState('');
-    const [showPrimary, setShowPrimary] = useState(false);
-    const [waitPanelTextPrimary, setWaitPanelTextPrimary] = useState('');
-    const [waitPanelValuePrimary, setWaitPanelValuePrimary] = useState(0);
-    const [waitPanelMaxValuePrimary, setWaitPanelMaxValuePrimary] = useState(0);
     let objName = PlatformObjectService.getName(objClass, objType);
     let objNames = PlatformObjectService.getName(objClass, objType, true);
     useEffect(() => { gridInstance?.instance().searchByText(searchText ?? ''); }, [searchText]);
@@ -95,31 +88,36 @@ const TMPage = ({ id, objClass = ObjectClasses.None, listDisabled = false, lastR
                 break;
         }
         const doOperationAsync = async () => {
-            setShowWaitPanel(true);
-            setShowPrimary(true);
-            setWaitPanelTitle(operationTitle);
-            abortController = new AbortController();
+            const waitPanel = TMWaitPanelManager.show({
+                title: operationTitle,
+                max: selectedItems.length,
+                cancelable: true,
+            });
             let result = [];
-            setWaitPanelMaxValuePrimary(selectedItems.length);
-            for (let i = 0; i < selectedItems.length; i++) {
-                if (abortController.signal.aborted) {
-                    result.push({ rowIndex: i, id1: selectedItems[i].id, id2: 0, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborati ${i + 1} lavori` });
-                    break;
-                }
-                setWaitPanelValuePrimary(i + 1);
-                setWaitPanelTextPrimary(`Documento ${i + 1} di ${selectedItems.length}`);
-                try {
-                    await PlatformObjectService.deleteAsync(objClass, selectedItems[i]?.id);
-                    result.push({ rowIndex: i, id1: selectedItems[i].id, id2: 0, description: objType?.toString(), resultType: ResultTypes.SUCCESS });
-                }
-                catch (ex) {
-                    result.push({ rowIndex: i, id1: selectedItems[i].id, id2: 0, resultType: ResultTypes.ERROR, description: getExceptionMessage(ex) });
+            try {
+                for (let i = 0; i < selectedItems.length; i++) {
+                    if (waitPanel.aborted) {
+                        result.push({ rowIndex: i, id1: selectedItems[i].id, id2: 0, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborati ${i} lavori` });
+                        waitPanel.warning();
+                        break;
+                    }
+                    waitPanel.setSubtitle(`Documento ${i + 1} di ${selectedItems.length}`);
+                    try {
+                        await PlatformObjectService.deleteAsync(objClass, selectedItems[i]?.id);
+                        result.push({ rowIndex: i, id1: selectedItems[i].id, id2: 0, description: objType?.toString(), resultType: ResultTypes.SUCCESS });
+                        waitPanel.ok();
+                    }
+                    catch (ex) {
+                        result.push({ rowIndex: i, id1: selectedItems[i].id, id2: 0, resultType: ResultTypes.ERROR, description: getExceptionMessage(ex) });
+                        waitPanel.error();
+                    }
+                    // Avanza a elaborazione conclusa: con un solo elemento la barra non parte dal 100%
+                    await waitPanel.step();
                 }
             }
-            setWaitPanelMaxValuePrimary(0);
-            setWaitPanelValuePrimary(0);
-            setWaitPanelTextPrimary('');
-            setShowWaitPanel(false);
+            finally {
+                waitPanel.close();
+            }
             TMResultManager.show(result, operationTitle, "JobID", undefined);
             await loadDataAsync();
         };
@@ -208,7 +206,7 @@ const TMPage = ({ id, objClass = ObjectClasses.None, listDisabled = false, lastR
         });
     };
     const cellRenderObjectIcon = (data) => { return PlatformObjectService.getIcon(objClass, data.row.data); };
-    return (_jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: _jsxs(TMSplitterLayout, { direction: "horizontal", showSeparator: showList && deviceType !== DeviceType.MOBILE, separatorSize: 10, separatorColor: 'transparent', separatorActiveColor: 'transparent', start: showList ? deviceType !== DeviceType.MOBILE ? ['30%', '70%'] : ['100%', '0%'] : ['0', '100%'], min: ['0px', '0px'], children: [listInsteadOfContent ??
+    return (_jsx(TMLayoutContainer, { direction: 'vertical', children: _jsxs(TMSplitterLayout, { direction: "horizontal", showSeparator: showList && deviceType !== DeviceType.MOBILE, separatorSize: 10, separatorColor: 'transparent', separatorActiveColor: 'transparent', start: showList ? deviceType !== DeviceType.MOBILE ? ['30%', '70%'] : ['100%', '0%'] : ['0', '100%'], min: ['0px', '0px'], children: [listInsteadOfContent ??
                     _jsxs(TMToolbarCard, { title: objNames, children: [_jsx(ToolbarPage, {}), _jsxs(DataGrid, { disabled: selectionListDisabled, ref: (grid) => (gridInstance = grid), height: "calc(100% - 35px)", width: 'calc(100% - 5px)', dataSource: items, keyExpr: "id", allowColumnResizing: true, columnResizingMode: "widget", allowColumnReordering: true, showBorders: false, onContentReady: (e) => {
                                     setVisibleItems(e.component.getVisibleRows().map((row) => { return row.data; }));
                                     e.component.selectRows(selectedItems?.map((item) => item.id), false);

package/lib/helper/SDKUI_Localizator.d.ts

@@ -10,6 +10,7 @@ export declare class SDKUI_Localizator {
     static get ActivityOverMultipleDays(): "Actividades durante los {{0}} días" | "Activities over the course of {{0}} days" | "Activités sur {{0}} jours" | "Aktivitäten in den letzten {{0}} Tagen" | "Atividades ao longo de {{0}} dias" | "Attività che svolge nell'arco di {{0}} giorni";
     static get Abort(): "Abort" | "Arrêtez" | "Detener" | "Interrompi" | "Parar" | "Stoppen";
     static get Abort_Confirm(): "Cancel processing?" | "Interrompere l'elaborazione?" | "Pare o processamento?" | "Stoppen Sie die Verarbeitung?" | "Voulez-vous interrompre l'operation?" | "¿Interrumpir la elaboración?";
+    static get Aborting(): "A parar..." | "Aborting..." | "Arrêt en cours..." | "Deteniendo..." | "Interruzione..." | "Wird gestoppt...";
     static get About(): "About" | "Información" | "Informationen" | "Informations" | "Informazioni" | "Informações";
     static get AccessToOtherApplications(): string;
     static get Add(): "Add" | "Adicionar" | "Aggiungi" | "Ajoute" | "Añadir" | "Hinzufügen";
@@ -261,6 +262,8 @@ export declare class SDKUI_Localizator {
     static get Dossiers(): "Akten" | "Dossiers" | "Expedientes" | "Pratiche" | "Pratiques" | "Práticas";
     static get DossierType(): "Aktentyp" | "Dossier Type" | "Modello di Pratica" | "Tipo de Expediente" | "Tipo de Prática" | "Type de Pratique";
     static get DownloadFile(): string;
+    static get DownloadInterrupted(): string;
+    static get DownloadInterruptedFiles(): string;
     static get Download_in_Process(): "Descarga en curso" | "Download em progresso" | "Download in corso" | "Download in progress" | "Download läuft" | "Téléchargement en cours";
     static get DownloadXMLAttachments(): string;
     static get Draft(): string;
@@ -280,6 +283,7 @@ export declare class SDKUI_Localizator {
     static get Edit_ConfirmFor1(): "Are you sure you want to modify '{{0}}'?" | "Möchten Sie '{{0}}' ändern?" | "Sei sicuro di voler modificare '{{0}}'?" | "Você tem certeza que deseja modificar '{{0}}'?" | "¿Estás seguro de que deseas modificar '{{0}}'?" | "Êtes-vous sûr de vouloir modifier '{{0}}'?";
     static get Edit_ConfirmForN(): "{{0}} ausgewählte Objekte. Alle ändern?" | "{{0}} objetos seleccionados. ¿Modificar todos?" | "{{0}} objetos selecionados. Modificá-los todos?" | "{{0}} objets sélectionnés. Voulez-vous tous les modifier?" | "{{0}} oggetti selezionati. Modificare tutti?" | "{{0}} selected objects. Modify them all?";
     static get EditorConfiguration(): string;
+    static get Elapsed(): "decorridos" | "elapsed" | "transcurridos" | "trascorsi" | "vergangen" | "écoulés";
     static get ElectronicInvoice(): "Electronic invoice" | "Elektronische Rechnung" | "Factura electrónica" | "Facture électronique" | "Fattura elettronica" | "Fatura eletrônica";
     static get ElectronicOrder(): "Commande électronique" | "Electronic order" | "Elektronische Bestellung" | "Orden electrónica" | "Ordine elettronico" | "Pedido eletrônico";
     static get ElementNameConventionError(): string;
@@ -702,6 +706,8 @@ export declare class SDKUI_Localizator {
     static get RelationsNotFound(): "Aucune corrélation trouvée" | "Keine Korrelationen gefunden" | "Nenhuma correlação encontrada" | "Nessuna correlazione trovata" | "No correlations found" | "No se encontraron correlaciones";
     static get StopRelationsCalculation(): "Berechnung unterbrechen und die bereits berechneten Korrelationen anzeigen" | "Interromper o cálculo e mostrar as correlações já calculadas" | "Interrompi il calcolo e mostra le correlazioni già calcolate" | "Interrompre le calcul et afficher les corrélations déjà calculées" | "Interrumpir el cálculo y mostrar las correlaciones ya calculadas" | "Stop the calculation and show the already calculated correlations";
     static get RelationsCalculationStopped(): "Berechnung der Korrelationen unterbrochen: Es werden nur die bereits berechneten Korrelationen angezeigt." | "Calcolo delle correlazioni interrotto: vengono mostrate solo le correlazioni già calcolate." | "Calcul des corrélations interrompu : seules les corrélations déjà calculées sont affichées." | "Correlations calculation stopped: only the already calculated correlations are shown." | "Cálculo das correlações interrompido: são mostradas apenas as correlações já calculadas." | "Cálculo de correlaciones interrumpido: solo se muestran las correlaciones ya calculadas.";
+    static get RelationsCalculationStoppedProgress(): "Berechnung unterbrochen: {{0}} von {{1}} Dokumenten verarbeitet." | "Calcolo interrotto: elaborati {{0}} documenti su {{1}}." | "Calcul interrompu : {{0}} sur {{1}} documents traités." | "Calculation stopped: {{0}} of {{1}} documents processed." | "Cálculo interrompido: {{0}} de {{1}} documentos processados." | "Cálculo interrumpido: {{0}} de {{1}} documentos procesados.";
+    static get RelationsCalculationStoppedEmpty(): "Berechnung unterbrochen: kein Dokument verarbeitet." | "Calcolo interrotto: nessun documento elaborato." | "Calcul interrompu : aucun document traité." | "Calculation stopped: no documents processed." | "Cálculo interrompido: nenhum documento processado." | "Cálculo interrumpido: ningún documento procesado.";
     static get RelatedDcmtsNotFound(): "Aucun document associé n'a été trouvé pour le document sélectionné." | "Für das ausgewählte Dokument wurden keine zugehörigen Dokumente gefunden." | "Nenhum documento relacionado foi encontrado para o documento selecionado." | "No related documents were found for the selected document." | "No se encontraron documentos relacionados para el documento seleccionado." | "Non sono stati trovati documenti correlati per il documento selezionato.";
     static get RelationManyToMany(): "Correlación muchos a muchos" | "Correlazione molti a molti" | "Corrélation plusieurs à plusieurs" | "Folge viele mit vielen" | "Muitos para muitos relação" | "Relation many to many";
     static get RelationType(): "Art der Beziehung" | "Relation type" | "Tipo de relacionamento" | "Tipo de relación" | "Tipo di relazione" | "Type de relation";
@@ -728,6 +734,7 @@ export declare class SDKUI_Localizator {
     static get ValueMustBeDateOrTime(): "Der Wert muss ein Datum oder eine Uhrzeit sein" | "El valor debe ser una fecha o una hora" | "Il valore deve essere una data o un orario" | "La valeur doit être une date ou une heure" | "O valor deve ser uma data ou hora" | "Value must be a date or time";
     static get RequiredNOT(): "Nicht obligatorisch" | "No obligatorio" | "Non obbligatorio" | "Not mandatory" | "Não é obrigatório" | "Pas obligatoire";
     static get Refresh(): "Actualizar" | "Aggiorna" | "Aktualisieren" | "Mis à jour" | "Refrescar" | "Refresh";
+    static get Remaining(): "remaining" | "restantes" | "restants" | "rimanenti" | "verbleibend";
     static get Reminder(): "Erinnerung" | "Lembrete" | "Promemoria" | "Rappel" | "Recordatorio" | "Reminder";
     static get ReminderSetForToday(): "Es gibt eine Erinnerung, die für heute eingestellt ist und bis zum Ablaufdatum gültig ist" | "Hay un recordatorio establecido para hoy, válido hasta la fecha de vencimiento" | "Há um lembrete definido para hoje, válido até à data de expiração" | "Il y a un rappel réglé pour aujourd'hui, valable jusqu'à la date d'échéance" | "There is a reminder set for today, valid until the expiration date" | "È presente un promemoria impostato per oggi, valido fino alla data di scadenza";
     static get Remove(): "Entfernen" | "Quitar" | "Remove" | "Remover" | "Rimuovi" | "Supprime";

package/lib/helper/SDKUI_Localizator.js

@@ -48,6 +48,16 @@ export class SDKUI_Localizator {
             default: return "Interrompere l'elaborazione?";
         }
     }
+    static get Aborting() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Wird gestoppt...";
+            case CultureIDs.En_US: return "Aborting...";
+            case CultureIDs.Es_ES: return "Deteniendo...";
+            case CultureIDs.Fr_FR: return "Arrêt en cours...";
+            case CultureIDs.Pt_PT: return "A parar...";
+            default: return "Interruzione...";
+        }
+    }
     static get About() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Informationen";
@@ -2559,6 +2569,26 @@ export class SDKUI_Localizator {
             default: return "Download file";
         }
     }
+    static get DownloadInterrupted() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Download abgebrochen";
+            case CultureIDs.En_US: return "Download interrupted";
+            case CultureIDs.Es_ES: return "Descarga interrumpida";
+            case CultureIDs.Fr_FR: return "Téléchargement interrompu";
+            case CultureIDs.Pt_PT: return "Download interrompido";
+            default: return "Download interrotto";
+        }
+    }
+    static get DownloadInterruptedFiles() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Download abgebrochen: {{0}} von {{1}} Dateien heruntergeladen";
+            case CultureIDs.En_US: return "Download interrupted: {{0}} of {{1}} files downloaded";
+            case CultureIDs.Es_ES: return "Descarga interrumpida: {{0}} de {{1}} archivos descargados";
+            case CultureIDs.Fr_FR: return "Téléchargement interrompu : {{0}} fichiers sur {{1}} téléchargés";
+            case CultureIDs.Pt_PT: return "Download interrompido: {{0}} de {{1}} arquivos baixados";
+            default: return "Download interrotto: scaricati {{0}} file su {{1}}";
+        }
+    }
     static get Download_in_Process() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Download läuft";
@@ -2755,6 +2785,16 @@ export class SDKUI_Localizator {
             default: return "Configurazione Editor";
         }
     }
+    static get Elapsed() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "vergangen";
+            case CultureIDs.En_US: return "elapsed";
+            case CultureIDs.Es_ES: return "transcurridos";
+            case CultureIDs.Fr_FR: return "écoulés";
+            case CultureIDs.Pt_PT: return "decorridos";
+            default: return "trascorsi";
+        }
+    }
     static get ElectronicInvoice() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Elektronische Rechnung";
@@ -6993,6 +7033,26 @@ export class SDKUI_Localizator {
             default: return "Calcolo delle correlazioni interrotto: vengono mostrate solo le correlazioni già calcolate.";
         }
     }
+    static get RelationsCalculationStoppedProgress() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Berechnung unterbrochen: {{0}} von {{1}} Dokumenten verarbeitet.";
+            case CultureIDs.En_US: return "Calculation stopped: {{0}} of {{1}} documents processed.";
+            case CultureIDs.Es_ES: return "Cálculo interrumpido: {{0}} de {{1}} documentos procesados.";
+            case CultureIDs.Fr_FR: return "Calcul interrompu : {{0}} sur {{1}} documents traités.";
+            case CultureIDs.Pt_PT: return "Cálculo interrompido: {{0}} de {{1}} documentos processados.";
+            default: return "Calcolo interrotto: elaborati {{0}} documenti su {{1}}.";
+        }
+    }
+    static get RelationsCalculationStoppedEmpty() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Berechnung unterbrochen: kein Dokument verarbeitet.";
+            case CultureIDs.En_US: return "Calculation stopped: no documents processed.";
+            case CultureIDs.Es_ES: return "Cálculo interrumpido: ningún documento procesado.";
+            case CultureIDs.Fr_FR: return "Calcul interrompu : aucun document traité.";
+            case CultureIDs.Pt_PT: return "Cálculo interrompido: nenhum documento processado.";
+            default: return "Calcolo interrotto: nessun documento elaborato.";
+        }
+    }
     static get RelatedDcmtsNotFound() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Für das ausgewählte Dokument wurden keine zugehörigen Dokumente gefunden.";
@@ -7259,6 +7319,16 @@ export class SDKUI_Localizator {
             default: return "Aggiorna";
         }
     }
+    static get Remaining() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "verbleibend";
+            case CultureIDs.En_US: return "remaining";
+            case CultureIDs.Es_ES: return "restantes";
+            case CultureIDs.Fr_FR: return "restants";
+            case CultureIDs.Pt_PT: return "restantes";
+            default: return "rimanenti";
+        }
+    }
     static get Reminder() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Erinnerung";

package/lib/helper/ZipManager.d.ts

@@ -19,7 +19,7 @@ export interface ZipCreateOptions {
     encryptionStrength?: 1 | 2 | 3;
     /** Commento globale ZIP */
     comment?: string;
-    /** Callback progresso: (indice, totale, nomeFile) */
+    /** Callback progresso, invocata a voce conclusa: (voci completate, totale, nomeFile appena aggiunto) */
     onProgress?: (index: number, total: number, filename: string) => void;
     /** Callback progresso singolo file: (bytesElaborati, bytesTotali) */
     onEntryProgress?: (progress: number, total: number) => void;

package/lib/helper/ZipManager.js

@@ -50,7 +50,6 @@ export class ZipManager {
                     throw new DOMException("Operazione annullata", "AbortError");
                 }
                 const file = files[i];
-                onProgress?.(i + 1, total, file.filename);
                 const reader = this.createReader(file.data, { BlobReader, TextReader, Uint8ArrayReader });
                 await zipWriter.add(file.filename, reader, {
                     comment: file.comment,
@@ -60,6 +59,8 @@ export class ZipManager {
                     encryptionStrength,
                     onprogress: onEntryProgress ? (progress, total) => onEntryProgress(progress, total) : undefined
                 });
+                // A voce conclusa, non prima: con un solo file la barra partirebbe gia' al 100%.
+                onProgress?.(i + 1, total, file.filename);
             }
             const commentBytes = comment ? new TextEncoder().encode(comment) : undefined;
             return await zipWriter.close(commentBytes);

package/lib/hooks/useCheckInOutOperations.d.ts

@@ -20,11 +20,5 @@ export interface UseCheckInOutOperationsReturn {
     copyCheckoutPathToClipboardCallback: (dcmt: DcmtInfo, filename: string) => void;
     handleCheckOutCallback: (dcmt: DcmtInfo, checkout: boolean, filename: string, downloadDcmtsAsync: (params: DownloadDcmtsAsyncParams) => Promise<void>, onRefreshAsync?: (tid: number | undefined, did: number | undefined, refreshUI?: boolean, metadataResult?: SearchResultDescriptor | null) => Promise<void>) => Promise<void>;
     handleCheckInCallback: (dcmt: DcmtInfo, checkoutDate?: string | null, onRefreshAsync?: (tid: number | undefined, did: number | undefined, refreshUI?: boolean, metadataResult?: SearchResultDescriptor | null) => Promise<void>) => Promise<void>;
-    showCicoWaitPanel: boolean;
-    cicoWaitPanelTitle: string;
-    showCicoPrimaryProgress: boolean;
-    cicoPrimaryProgressText: string;
-    cicoPrimaryProgressValue: number;
-    cicoPrimaryProgressMax: number;
 }
 export declare const useCheckInOutOperations: (props: UseCheckInOutOperationsProps) => UseCheckInOutOperationsReturn;