@topconsultnpm/sdkui-react 6.19.0-dev2.9 → 6.19.0-test2

package/lib/components/grids/TMBlogsPost.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { LayoutModes, ResultTypes, SDK_Globals, WorkingGroupEngine } from "@topconsultnpm/sdk-ts";
+import { DossierEngine, LayoutModes, ResultTypes, SDK_Globals, TaskDescriptor, WorkingGroupEngine } from "@topconsultnpm/sdk-ts";
 import { ContextMenu } from "devextreme-react";
-import { SDKUI_Localizator, Globalization, getExceptionMessage, TMConditionalWrapper } from "../../helper";
+import { SDKUI_Localizator, Globalization, getExceptionMessage, TMConditionalWrapper, calcResponsiveSizes } from "../../helper";
 import TMToppyMessage from "../../helper/TMToppyMessage";
 import { useDcmtOperations } from "../../hooks/useDcmtOperations";
-import { DownloadTypes } from "../../ts";
+import { DownloadTypes, FormModes } from "../../ts";
 import { TMColors } from "../../utils/theme";
 import ShowAlert from "../base/TMAlert";
 import { TMMessageBoxManager, ButtonNames } from "../base/TMPopUp";
@@ -14,12 +14,14 @@ import { TMLayoutWaitingContainer } from "../base/TMWaitPanel";
 import TMHtmlContentDisplay from "../editors/TMHtmlContentDisplay";
 import TMDcmtForm from "../features/documents/TMDcmtForm";
 import { TMResultManager } from "../forms/TMResultDialog";
-import { isHeaderFullyHidden, TMBlogsFilterCategoryId, getDcmtTypeDescriptor, findFileItemByDraftID, BlogPostTitle, NewBadge } from "./TMBlogsPostUtils";
+import { isHeaderFullyHidden, TMBlogsFilterCategoryId, getDcmtTypeDescriptor, findFileItemByDraftID, BlogPostTitle, NewBadge, stripHtml } from "./TMBlogsPostUtils";
 import TMBlogAttachments from "./TMBlogAttachments";
 import TMBlogHeader from "./TMBlogHeader";
+import TMTaskForm from "../features/tasks/TMTaskForm";
+import { useDeviceType } from "../base/TMDeviceProvider";
 let localAbortController = new AbortController();
 const TMBlogsPost = (props) => {
-    const { scrollToSelected, id, posts, displayMode = "stacked", height = "100%", width = "100%", scrollToBottom = true, header, showExtendedAttachments = true, treeFs, draftLatestInfoMap, archivedDocumentMap, context, contextMenuParams = {
+    const { scrollToSelected, id, posts, displayMode = "stacked", height = "100%", width = "100%", scrollToBottom = true, header, showExtendedAttachments = true, treeFs, draftLatestInfoMap, archivedDocumentMap, context, participants, contextMenuParams = {
         isShowHideFilterEnabled: true,
         isShowHideIDEnaled: true,
         isCommentEnabled: false,
@@ -30,8 +32,10 @@ const TMBlogsPost = (props) => {
         isRestoreEnabled: false,
         isRefreshEnabled: false,
         isCreateContextualTask: false,
-    }, showFloatingCommentButton = false, showCommentFormCallback, showTaskFormCallback, refreshCallback, showId, setShowId, refreshHomePageNews, markBlogAsRead, externalBlogPost, resetExternalBlogPost, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, } = props;
+    }, showFloatingCommentButton = false, showCommentFormCallback, refreshCallback, showId, setShowId, refreshHomePageNews, markBlogAsRead, externalBlogPost, resetExternalBlogPost, visible = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers, } = props;
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
+    // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
+    const deviceType = useDeviceType();
     const bottomRef = useRef(null);
     const containerRef = useRef(null);
     // State to manage the layout mode of the document form
@@ -58,6 +62,10 @@ const TMBlogsPost = (props) => {
     const [focusedItem, setFocusedItem] = useState(undefined);
     // State to manage the focused file
     const [focusedAttachment, setFocusedAttachment] = useState(undefined);
+    const [taskContext, setTaskContext] = useState(undefined);
+    const [currentTask, setCurrentTask] = useState(new TaskDescriptor());
+    // State to manage show task form selected file
+    const [showTaskForm, setShowTaskForm] = useState(false);
     // State to manage show selected file
     const [dcmtForm, setDcmtForm] = useState({ show: false, dcmt: undefined });
     const [anchorEl, setAnchorEl] = useState(null);
@@ -83,6 +91,24 @@ const TMBlogsPost = (props) => {
     const handleFocusedAttachment = (attachment) => {
         setFocusedAttachment(attachment);
     };
+    useEffect(() => {
+        if (context === undefined) {
+            setTaskContext(undefined);
+            return;
+        }
+        if (context.engine === 'WorkingGroupEngine' && context.object) {
+            setTaskContext({ workingGroup: { id: context?.object?.id ?? 0, name: context?.object?.name ?? '' } });
+            return;
+        }
+        if (context.engine === 'DossierEngine' && context.object) {
+            setTaskContext({ dossier: { id: context?.object?.id ?? 0, name: context?.object?.name ?? '' } });
+            return;
+        }
+        if (context.engine === 'SearchEngine' && context.object) {
+            setTaskContext({ document: { tid: context?.object?.tid ?? 0, did: context?.object?.did ?? 0, name: '' } });
+            return;
+        }
+    }, [context]);
     useEffect(() => {
         if (externalBlogPost && externalBlogPost.id) {
             const foundPost = blogPosts.find(post => post.id === externalBlogPost.id);
@@ -118,33 +144,32 @@ const TMBlogsPost = (props) => {
         return () => ro.disconnect();
     }, [layoutMode]);
     useEffect(() => {
-        const fetchDcmtTypeDescriptor = async () => {
-            const descriptors = await getDcmtTypeDescriptor(posts);
-            setDcmtTypeDescriptors(descriptors);
-        };
-        if (showExtendedAttachments) {
-            fetchDcmtTypeDescriptor();
-        }
-        const publishedBlogssLength = posts.filter(newsFeed => newsFeed.isSys !== 1 && newsFeed.isDel !== 1).length;
-        const systemBlogsLength = posts.filter(newsFeed => newsFeed.isSys === 1).length;
-        const deletedBlogsLength = posts.filter(newsFeed => newsFeed.isDel === 1).length;
-        setCategoryIdDataSource([
-            {
-                id: TMBlogsFilterCategoryId.PublishedBlogs,
-                label: SDKUI_Localizator.Active + " (" + publishedBlogssLength + ")",
-                value: SDKUI_Localizator.Active,
-            },
-            {
-                id: TMBlogsFilterCategoryId.SystemBlogs,
-                label: SDKUI_Localizator.OfSystem + " (" + systemBlogsLength + ")",
-                value: SDKUI_Localizator.OfSystem,
-            },
-            {
-                id: TMBlogsFilterCategoryId.DeletedBlogs,
-                label: SDKUI_Localizator.Deleted + " (" + deletedBlogsLength + ")",
-                value: SDKUI_Localizator.Deleted,
-            },
-        ]);
+        (async () => {
+            if (showExtendedAttachments) {
+                const descriptors = await getDcmtTypeDescriptor(posts);
+                setDcmtTypeDescriptors(descriptors);
+            }
+            const publishedBlogssLength = posts.filter(newsFeed => newsFeed.isSys !== 1 && newsFeed.isDel !== 1).length;
+            const systemBlogsLength = posts.filter(newsFeed => newsFeed.isSys === 1).length;
+            const deletedBlogsLength = posts.filter(newsFeed => newsFeed.isDel === 1).length;
+            setCategoryIdDataSource([
+                {
+                    id: TMBlogsFilterCategoryId.PublishedBlogs,
+                    label: SDKUI_Localizator.Active + " (" + publishedBlogssLength + ")",
+                    value: SDKUI_Localizator.Active,
+                },
+                {
+                    id: TMBlogsFilterCategoryId.SystemBlogs,
+                    label: SDKUI_Localizator.OfSystem + " (" + systemBlogsLength + ")",
+                    value: SDKUI_Localizator.OfSystem,
+                },
+                {
+                    id: TMBlogsFilterCategoryId.DeletedBlogs,
+                    label: SDKUI_Localizator.Deleted + " (" + deletedBlogsLength + ")",
+                    value: SDKUI_Localizator.Deleted,
+                },
+            ]);
+        })();
     }, [posts]);
     useEffect(() => {
         setIsHeaderHidden(isHeaderFullyHidden(currentHeader));
@@ -222,6 +247,11 @@ const TMBlogsPost = (props) => {
         if (setShowId)
             setShowId(localShowId);
     }, [localShowId]);
+    useEffect(() => {
+        if (!visible) {
+            closeContextMenu();
+        }
+    }, [visible]);
     const toggleHeaderClick = () => {
         setCurrentHeader(prevState => {
             if (prevState === undefined) {
@@ -320,6 +350,16 @@ const TMBlogsPost = (props) => {
                             result.push({ rowIndex: currentBlog.id, id1: currentBlog.id, id2: currentBlog.id, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
                         });
                         break;
+                    case 'DS':
+                        const dossierEngine = new DossierEngine(SDK_Globals.tmSession);
+                        await dossierEngine.FollowAddOrRemoveAsync(currentBlog.id, true).then(async () => {
+                            result.push({ rowIndex: currentBlog.id, id1: currentBlog.id, id2: currentBlog.id, description: SDKUI_Localizator.OperationSuccess, resultType: ResultTypes.SUCCESS });
+                            refreshHomePageNews?.();
+                        })
+                            .catch((err) => {
+                            result.push({ rowIndex: currentBlog.id, id1: currentBlog.id, id2: currentBlog.id, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
+                        });
+                        break;
                     default:
                         ShowAlert({ message: 'TODO', mode: 'warning', title: SDKUI_Localizator.Unfollow, duration: 3000 });
                         break;
@@ -418,6 +458,27 @@ const TMBlogsPost = (props) => {
             }
         });
     };
+    const openTaskFormCallback = useCallback((targetItem) => {
+        const task = new TaskDescriptor();
+        const cleanText = stripHtml(targetItem?.description ?? '');
+        task.name = cleanText.slice(0, 100);
+        setCurrentTask(task);
+        setShowTaskForm(true);
+    }, []);
+    const closeTaskFormCallback = useCallback(() => {
+        setShowTaskForm(false);
+    }, []);
+    const onSavedTaskFormCallback = (task) => {
+        if (task) {
+            addTaskCallback?.(task);
+            setShowTaskForm(false);
+            afterTaskSaved?.(task, FormModes.Create);
+            ShowAlert({ message: SDKUI_Localizator.TaskSavedSuccessfully.replaceParams(task.name ?? '-'), mode: 'success', title: SDKUI_Localizator.Widget_Activities, duration: 3000 });
+        }
+        else {
+            ShowAlert({ message: SDKUI_Localizator.TaskSaveError, mode: 'error', title: SDKUI_Localizator.Widget_Activities, duration: 3000 });
+        }
+    };
     // Open document form
     const openDcmtForm = (dcmtInfo) => {
         setDcmtForm({ show: true, dcmt: dcmtInfo });
@@ -491,20 +552,20 @@ const TMBlogsPost = (props) => {
                 onClick: () => { copyInClipboard(targetItem); }
             });
         }
-        if (contextMenuParams.isCreateContextualTask && showTaskFormCallback) {
+        if (contextMenuParams.isCreateContextualTask) {
             menuItems.push({
                 text: SDKUI_Localizator.CreateContextualTask,
                 icon: 'plus',
-                onClick: () => showTaskFormCallback(),
+                onClick: () => openTaskFormCallback(targetItem),
                 disabled: isGroupArchived ? true : false,
                 beginGroup: true
             });
         }
-        if (targetItem && Boolean(classId && classId === 'WG')) {
+        if (targetItem && Boolean(classId && (classId === 'WG' || classId === 'DS'))) {
             menuItems.push({
                 icon: "eyeclose",
                 text: SDKUI_Localizator.Unfollow,
-                onClick: () => targetItem && classId && unFollowCallback(targetItem, classId),
+                onClick: () => (targetItem && classId) && unFollowCallback(targetItem, classId),
             });
         }
         if (contextMenuParams.isShowHideFilterEnabled) {
@@ -597,8 +658,8 @@ const TMBlogsPost = (props) => {
                                                             textDecoration: blogPost.isDel ? 'line-through' : 'none',
                                                             boxShadow: isFocused ? "0 4px 12px rgba(19, 85, 150, 0.6)" : "none",
                                                             cursor: 'pointer',
-                                                        }, children: [_jsx(BlogPostTitle, { displayMode: displayMode, layoutMode: layoutMode, blogPost: blogPost, isSelected: isSelected, isOwnComment: isOwnComment, searchText: searchText, isSys: isSys, isHomeBlogPost: isHomeBlogPost, showId: localShowId, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), isNew && _jsx(NewBadge, { layoutMode: layoutMode }), _jsx("div", { style: { fontSize: '1rem', color: "#000", marginTop: "10px", overflow: "hidden" }, children: _jsx(TMHtmlContentDisplay, { markup: blogPost.description ?? '-', searchText: searchText, isSelected: isSelected }) }), showExtendedAttachments && blogPost.attachments && blogPost.attachments.length > 0 && (_jsx(TMBlogAttachments, { contextMenuParams: contextMenuParams, attachments: blogPost.attachments, layoutMode: layoutMode, isSelected: isSelected, searchText: searchText, dcmtTypeDescriptors: dcmtTypeDescriptors, treeFs: treeFs, draftLatestInfoMap: draftLatestInfoMap, archivedDocumentMap: archivedDocumentMap, context: context, handleAttachmentFocus: handleFocusedAttachment, openDcmtForm: openDcmtForm }))] }, `${id}-blogpost-${blogPost.id}`) })] }, "blog-post-wrapper-" + id + "-" + blogPost.id);
-                                    }), _jsx("div", { ref: bottomRef }), anchorEl && _jsx("div", { style: { position: 'fixed', zIndex: 9999 }, children: _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu }) })] }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%", allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
+                                                        }, children: [_jsx(BlogPostTitle, { displayMode: displayMode, layoutMode: layoutMode, blogPost: blogPost, isSelected: isSelected, isOwnComment: isOwnComment, searchText: searchText, isSys: isSys, isHomeBlogPost: isHomeBlogPost, showId: localShowId, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), isNew && _jsx(NewBadge, { layoutMode: layoutMode }), _jsx("div", { style: { fontSize: '1rem', color: "#000", marginTop: "10px", overflow: "hidden" }, children: _jsx(TMHtmlContentDisplay, { markup: blogPost.description ?? '-', searchText: searchText, isSelected: isSelected }) }), showExtendedAttachments && blogPost.attachments && blogPost.attachments.length > 0 && (_jsx(TMBlogAttachments, { attachments: blogPost.attachments, layoutMode: layoutMode, isSelected: isSelected, searchText: searchText, dcmtTypeDescriptors: dcmtTypeDescriptors, treeFs: treeFs, draftLatestInfoMap: draftLatestInfoMap, archivedDocumentMap: archivedDocumentMap, handleAttachmentFocus: handleFocusedAttachment, openDcmtForm: openDcmtForm }))] }, `${id}-blogpost-${blogPost.id}`) })] }, "blog-post-wrapper-" + id + "-" + blogPost.id);
+                                    }), _jsx("div", { ref: bottomRef }), anchorEl && _jsx("div", { style: { position: 'fixed', zIndex: 9999 }, children: _jsx(ContextMenu, { dataSource: menuItems, target: anchorEl, onHiding: closeContextMenu }) })] }), (showTaskForm && handleNavigateToWGs && handleNavigateToDossiers && getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback) && _jsx("div", { style: { height: "100%", width: "100%" }, children: _jsx(TMTaskForm, { id: -1, title: SDKUI_Localizator.ContextualTask, isModal: true, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '670px', '80%', '95%'), formMode: FormModes.Create, visualizedTasks: [], currentTask: currentTask, setCurrentTask: () => { }, selectedRowKeys: [], handleFocusedRowKeyChange: () => { }, onStatusChanged: () => { }, onSaved: onSavedTaskFormCallback, onClose: () => closeTaskFormCallback(), onCancel: () => closeTaskFormCallback(), usersList: participants, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, isContextualCreate: true, taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback }) }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%", allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
                                     position: 'absolute',
                                     bottom: '18px',
                                     right: '20px',

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

@@ -110,4 +110,5 @@ interface BlogPostTitleProps {
     handleNavigateToDossiers?: (blogPost: BlogPost | HomeBlogPost) => void;
 }
 export declare const BlogPostTitle: (props: BlogPostTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const stripHtml: (html: string) => string;
 export {};

package/lib/components/grids/TMBlogsPostUtils.js

@@ -144,33 +144,44 @@ export const getAttachmentInfo = (attachment, treeFs, draftLatestInfoMap, archiv
 export const getDcmtTypeDescriptor = async (blogPosts) => {
     // Create a Map to store tid as key and DcmtTypeDescriptor as value
     const dcmtTypeMap = new Map();
+    // Collect unique tids first to avoid duplicate HTTP calls
+    const uniqueTids = new Set();
     for (const blogPost of blogPosts) {
         if (blogPost.attachments) {
             for (const attachment of blogPost.attachments) {
-                const dcmtTypeDescriptor = await DcmtTypeListCacheService.GetAsync(attachment.tid, true);
-                if (dcmtTypeDescriptor && attachment.tid) {
-                    dcmtTypeMap.set(attachment.tid, dcmtTypeDescriptor);
+                if (attachment.tid) {
+                    uniqueTids.add(attachment.tid);
                 }
             }
         }
     }
+    // Fetch all descriptors in parallel instead of sequentially
+    const promises = Array.from(uniqueTids).map(async (tid) => {
+        const dcmtTypeDescriptor = await DcmtTypeListCacheService.GetAsync(tid, true);
+        if (dcmtTypeDescriptor) {
+            dcmtTypeMap.set(tid, dcmtTypeDescriptor);
+        }
+    });
+    await Promise.all(promises);
     return dcmtTypeMap;
 };
 export const BlogPostHomeHeader = (header, classId, isSelected, searchText, headerClickCallback) => {
     const isWorkGroup = classId === 'WG';
     const iconColor = isSelected ? '#ffffff' : isWorkGroup ? '#009700' : '#e65b00';
-    return (_jsxs("div", { onClick: headerClickCallback, style: {
+    return (_jsxs("div", { style: {
             display: "flex",
             alignItems: "center",
             cursor: "pointer",
             fontWeight: "bold",
             color: isSelected ? "#fff" : TMColors.primary,
             gap: "4px",
-        }, children: [_jsx(TMTooltip, { content: isWorkGroup ? SDKUI_Localizator.WorkGroup : SDKUI_Localizator.Dossier, children: isWorkGroup ? (_jsx(IconMenuCAWorkingGroups, { color: iconColor, fontSize: 28 })) : (_jsx(IconCADossier, { color: iconColor, fontSize: 28 })) }), _jsx("div", { style: {
+        }, children: [_jsx(TMTooltip, { content: isWorkGroup ? SDKUI_Localizator.WorkGroup : SDKUI_Localizator.Dossier, children: isWorkGroup ? (_jsx(IconMenuCAWorkingGroups, { color: iconColor, fontSize: 28, onClick: headerClickCallback })) : (_jsx(IconCADossier, { color: iconColor, fontSize: 28, onClick: headerClickCallback })) }), _jsx("div", { onClick: headerClickCallback, style: {
                     whiteSpace: "nowrap",
                     overflow: "hidden",
                     textOverflow: "ellipsis",
-                    flex: 1,
+                    display: "inline-block",
+                    cursor: "pointer",
+                    maxWidth: "100%",
                 }, children: highlightText(header ?? "", searchText, isSelected) })] }));
 };
 export const isHeaderFullyHidden = (header) => {
@@ -246,3 +257,13 @@ export const BlogPostTitle = (props) => {
                             ...getCompactEllipsisStyle(layoutMode)
                         }, children: highlightText(subtitle, searchText, isSelected) }))] })] });
 };
+export const stripHtml = (html) => {
+    try {
+        const doc = new DOMParser().parseFromString(html, 'text/html');
+        return doc.body.textContent || '';
+    }
+    catch (error) {
+        // Se qualcosa va storto, restituisci l'HTML originale
+        return html;
+    }
+};

package/lib/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './base/TMRightSidebar';
 export * from './base/TMTreeView';
 export * from './base/TMPanel';
 export * from './base/TMResizableMenu';
+export * from './base/TMAccordionNew';
 export { default as CounterBar } from './base/TMCounterBar';
 export { default as TMProgressBar } from './base/TMProgressBar';
 export { default as TMSpinner } from './base/TMSpinner';
@@ -59,7 +60,7 @@ export { default as TMBlogAttachments } from './grids/TMBlogAttachments';
 export { default as TMBlogCommentForm } from './features/blog/TMBlogCommentForm';
 export * from './query/TMQueryEditor';
 export * from './query/TMQuerySummary';
-export * from './features/assistant/ToppyHelpCenter';
+export { default as ToppyDraggableHelpCenter } from './features/assistant/ToppyDraggableHelpCenter';
 export * from './features/documents/TMDcmtForm';
 export * from './features/documents/TMDcmtIcon';
 export * from './features/documents/TMDcmtPreview';

package/lib/components/index.js

@@ -16,6 +16,7 @@ export * from './base/TMRightSidebar';
 export * from './base/TMTreeView';
 export * from './base/TMPanel';
 export * from './base/TMResizableMenu';
+export * from './base/TMAccordionNew';
 export { default as CounterBar } from './base/TMCounterBar';
 export { default as TMProgressBar } from './base/TMProgressBar';
 export { default as TMSpinner } from './base/TMSpinner';
@@ -66,7 +67,7 @@ export { default as TMBlogCommentForm } from './features/blog/TMBlogCommentForm'
 export * from './query/TMQueryEditor';
 export * from './query/TMQuerySummary';
 //assistant
-export * from './features/assistant/ToppyHelpCenter';
+export { default as ToppyDraggableHelpCenter } from './features/assistant/ToppyDraggableHelpCenter';
 //documents
 export * from './features/documents/TMDcmtForm';
 export * from './features/documents/TMDcmtIcon';

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

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

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

@@ -24,7 +24,7 @@ const StyledResizerGutter = styled.div `
   z-index: 10;
 `;
 const TMPanelManagerContainer = (props) => {
-    const { panels, showToolbar, direction, parentId } = props;
+    const { panels, showToolbar, direction, parentId, minPanelSizePx = 150 } = props;
     const { panelVisibility, setPanelDimensionsById, hasVisiblePanels, maximizedPanels, updateIsResizingActive } = useTMPanelManagerContext();
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook
     const deviceType = useDeviceType();
@@ -73,7 +73,7 @@ const TMPanelManagerContainer = (props) => {
         let newCurrent = initialCurrent + deltaPercent;
         let newNext = initialNext - deltaPercent;
         // Set a minimum size threshold (to prevent panels from collapsing)
-        const minPercent = (150 / containerSize) * 100;
+        const minPercent = (minPanelSizePx / containerSize) * 100;
         // Correct sizes if they go below the minimum
         if (newCurrent < minPercent) {
             newCurrent = minPercent;

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

@@ -118,7 +118,6 @@ export const TMPanelManagerProvider = (props) => {
     const maximizePanel = useCallback((id) => {
         // Get all parent panel IDs recursively for the given panel ID
         const parents = showParentRecursively(id, hierarchyMap).map(([pid]) => pid);
-        4;
         // Combine parents and the current panel ID into one array to maximize
         const toMaximize = [...parents, id];
         // Update state to track which panels are maximized

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

@@ -76,7 +76,8 @@ const TMPanelManagerToolbar = (props) => {
             const isActive = panelVisibility[visibleLeafPanel.id];
             const isDisabled = toolbarButtonsDisabled[visibleLeafPanel.id];
             const count = visibleLeafPanel.toolbarOptions?.count ?? 0;
-            return _jsx(TMTooltip, { content: visibleLeafPanel.name + (count > 0 ? ": " + count : ''), position: isMobile ? 'top' : 'left', children: _jsxs(StyledToolbarButton, { disabled: isDisabled, "$isDisabled": isDisabled, onClick: () => onClickCallback(visibleLeafPanel.id, isActive), "$isActive": isActive || visibleLeafPanel.toolbarOptions?.alwaysActiveColor, children: [typeof visibleLeafPanel.toolbarOptions?.icon === 'string' ? (_jsx("i", { className: `dx-icon dx-icon-${visibleLeafPanel.toolbarOptions?.icon}` })) : (visibleLeafPanel.toolbarOptions?.icon), (!isActive && count > 0) && _jsxs(Badge, { "$background": visibleLeafPanel.toolbarOptions?.countBackgroundColor, children: [" ", formatCount(count), " "] })] }, visibleLeafPanel.id) }, visibleLeafPanel.id);
+            const tooltip = visibleLeafPanel.toolbarOptions?.tooltip ?? '';
+            return _jsx(TMTooltip, { content: tooltip || (visibleLeafPanel.name + (count > 0 ? ": " + count : '')), position: isMobile ? 'top' : 'left', children: _jsxs(StyledToolbarButton, { disabled: isDisabled, "$isDisabled": isDisabled, onClick: () => onClickCallback(visibleLeafPanel.id, isActive), "$isActive": isActive || visibleLeafPanel.toolbarOptions?.alwaysActiveColor, children: [typeof visibleLeafPanel.toolbarOptions?.icon === 'string' ? (_jsx("i", { className: `dx-icon dx-icon-${visibleLeafPanel.toolbarOptions?.icon}` })) : (visibleLeafPanel.toolbarOptions?.icon), (!isActive && count > 0) && _jsxs(Badge, { "$background": visibleLeafPanel.toolbarOptions?.countBackgroundColor, children: [" ", formatCount(count), " "] })] }, visibleLeafPanel.id) }, visibleLeafPanel.id);
         }) }));
 };
 export default TMPanelManagerToolbar;

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

@@ -22,6 +22,7 @@ export interface TMPanelDefinition {
         beginGroup?: boolean;
         alwaysActiveColor?: boolean;
         count?: number;
+        tooltip?: ReactNode | string;
         countBackgroundColor?: string;
     };
 }

package/lib/components/settings/SettingsAppearance.js

@@ -47,14 +47,14 @@ const SettingsAppearance = ({ landingPagesOptions, permissions = { canArchive: t
     return (_jsxs(TMLayoutContainer, { children: [landingPagesOptions && _jsx("p", { style: { fontSize: '1.h1rem', fontWeight: 'bold', marginBottom: '5px' }, children: SDKUI_Localizator.LandingPage }), landingPagesOptions && _jsx(TMDropDown, { dataSource: filteredLandingPageOptopns, value: SDKUI_Globals.userSettings.landingPage, width: '230px', onValueChanged: (e) => {
                     SDKUI_Globals.userSettings.landingPage = e.target.value;
                     triggerUIUpdate();
-                } }), _jsx("p", { style: { fontSize: '1.h1rem', fontWeight: 'bold', marginTop: '10px' }, children: 'Font' }), _jsx(TMDropDown, { label: SDKUI_Localizator.Size, dataSource: fontSizes, width: '230px', value: SDKUI_Globals.userSettings.themeSettings.fontSize, onValueChanged: (e) => {
-                    let newpx = e.target.value;
-                    SDKUI_Globals.userSettings.themeSettings.fontSize = newpx;
-                    triggerUIUpdate();
-                } }), _jsx(TMDropDown, { label: 'Family', dataSource: fontFamilies, width: '230px', value: SDKUI_Globals.userSettings.themeSettings.fontFamily, onValueChanged: (e) => {
+                } }), _jsx("p", { style: { fontSize: '1.h1rem', fontWeight: 'bold', marginTop: '10px' }, children: 'Font' }), _jsx(TMDropDown, { label: SDKUI_Localizator.Name, dataSource: fontFamilies, width: '230px', value: SDKUI_Globals.userSettings.themeSettings.fontFamily, onValueChanged: (e) => {
                     let newFamily = e.target.value;
                     SDKUI_Globals.userSettings.themeSettings.fontFamily = newFamily;
                     triggerUIUpdate();
+                } }), _jsx(TMDropDown, { label: SDKUI_Localizator.Size, dataSource: fontSizes, width: '230px', value: SDKUI_Globals.userSettings.themeSettings.fontSize, onValueChanged: (e) => {
+                    let newpx = e.target.value;
+                    SDKUI_Globals.userSettings.themeSettings.fontSize = newpx;
+                    triggerUIUpdate();
                 } }), _jsx("p", { style: { fontSize: '1rem', fontWeight: 'bold', marginTop: '10px', marginBottom: '5px' }, children: SDKUI_Localizator.Grids }), _jsx(TMCheckBox, { label: SDKUI_Localizator.ShowRowSeparatingLines, value: SDKUI_Globals.userSettings.themeSettings.gridSettings.showRowLines, onValueChanged: (newValue) => {
                     SDKUI_Globals.userSettings.themeSettings.gridSettings.showRowLines = newValue;
                     triggerUIUpdate();

package/lib/helper/GlobalStyles.d.ts

@@ -0,0 +1,2 @@
+declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+export default GlobalStyle;

package/lib/helper/GlobalStyles.js

@@ -0,0 +1,10 @@
+import { createGlobalStyle } from 'styled-components';
+const GlobalStyle = createGlobalStyle `
+  html,
+  body,
+  #root,
+  * {
+    font-family: var(--base-font-family, "Inter"), sans-serif;
+  }
+`;
+export default GlobalStyle;

package/lib/helper/Globalization.d.ts

@@ -6,6 +6,7 @@ export declare enum DateDisplayTypes {
 }
 export declare class Globalization {
     static getDateTimeDisplayValue(value: Date | string | undefined, displayType?: DateDisplayTypes, metadataFormat?: MetadataFormats): string;
+    static getDateTimeDisplayValueCompact(value: Date | string | undefined, displayType?: DateDisplayTypes, metadataFormat?: MetadataFormats): string;
     static getDateDisplayFormat(displayType?: DateDisplayTypes): string;
     static getNumberDisplayValue(value: Number, withThousandsSeparator?: boolean, numberDisplayFormat?: string): string;
     static metadataFormatToDateDisplayFormat(format: MetadataFormats): "" | "MM/dd/yyyy" | "dd/MM/yyyy" | "EEEE dd MMMM yyyy" | "HH:mm" | "HH:mm:ss" | "MM/dd/yyyy HH:mm:ss" | "dd/MM/yyyy HH:mm:ss" | "MM/dd/yyyy HH:mm" | "dd/MM/yyyy HH:mm" | "EEEE dd MMMM yyyy HH:mm" | "EEEE dd MMMM yyyy HH:mm:ss";

package/lib/helper/Globalization.js

@@ -29,6 +29,36 @@ export class Globalization {
         dateTime = dateTime.replace("ss", dt.getSeconds().toString().padStart(2, '0'));
         return dateTime;
     }
+    static getDateTimeDisplayValueCompact(value, displayType, metadataFormat) {
+        if (!value)
+            return "";
+        let dt = typeof value === "string" ? new Date(value) : value;
+        let dateDisplayFormat = metadataFormat ? this.metadataFormatToDateDisplayFormat(metadataFormat) : this.getDateDisplayFormat(displayType);
+        let dateTime = dateDisplayFormat;
+        dateTime = dateTime.replace("EEEE", dt.toLocaleString(navigator.language, { weekday: "long" }));
+        dateTime = dateTime.replace("dd", dt.toLocaleString(navigator.language, { day: "2-digit" }));
+        dateTime = dateTime.replace("MMMM", dt.toLocaleString(navigator.language, { month: "long" }));
+        dateTime = dateTime.replace("MM", dt.toLocaleString(navigator.language, { month: "2-digit" }));
+        dateTime = dateTime.replace("yyyy", dt.toLocaleString(navigator.language, { year: "numeric" }));
+        // gestione ore, minuti e secondi
+        const hh = dt.getHours().toString().padStart(2, '0');
+        const mm = dt.getMinutes().toString().padStart(2, '0');
+        const ss = dt.getSeconds().toString().padStart(2, '0');
+        if (hh === '00' && mm === '00' && ss === '00') {
+            // nessun tempo
+            dateTime = dateTime.replace(/HH:mm:ss/, '').trim();
+        }
+        else if (ss === '00') {
+            // togli solo i secondi
+            dateTime = dateTime.replace(/ss/, '').replace(/:$/, '');
+            dateTime = dateTime.replace("HH", hh).replace("mm", mm);
+        }
+        else {
+            // mantieni tutto
+            dateTime = dateTime.replace("HH", hh).replace("mm", mm).replace("ss", ss);
+        }
+        return dateTime;
+    }
     static getDateDisplayFormat(displayType = DateDisplayTypes.DateTime) {
         let timeFormat = "HH:mm:ss";
         if (displayType == DateDisplayTypes.Time)