@topconsultnpm/sdkui-react 6.20.0-dev2.9 → 6.20.0-dev3.10

package/lib/components/features/workflow/diagram/WFDiagram.js

@@ -8,13 +8,15 @@ import ConnectionComponent from './ConnectionComponent';
 import DiagramItemComponent from './DiagramItemComponent';
 import DiagramItemSvgContent from './DiagramItemSvgContent';
 import { calculateArrowAngle, downloadFile, getConnectionPoint, getNewWfDiagram, isConnectionNonLinear, validateDiagram } from './workflowHelpers';
-import { IconFlowChart, IconUndo, IconRestore, IconAdjust, IconCopy, IconCut, IconPaste, IconPin, IconUnpin, IconChevronRight, IconCloseOutline, IconNew, SDKUI_Localizator, generateUUID, IconExport, IconImport, IconWindowMaximize, IconZoomIn, IconZoomOut, IconPencil, IconLock, LocalizeDiagramItemType, IconWindowMinimize, IconZoomAuto } from '../../../../helper';
+import { IconFlowChart, IconUndo, IconRestore, IconAdjust, IconCopy, IconCut, IconPaste, IconPin, IconUnpin, IconChevronRight, IconCloseOutline, IconNew, SDKUI_Localizator, generateUUID, IconExport, IconImport, IconWindowMaximize, IconZoomIn, IconZoomOut, IconPencil, IconLock, LocalizeDiagramItemType, IconWindowMinimize, IconZoomAuto, IconCloseCircle, IconSuccess } from '../../../../helper';
 import { ButtonNames, TMExceptionBoxManager, TMMessageBoxManager } from '../../../base/TMPopUp';
 import { StyledLoadingContainer, StyledSpinner } from '../../../base/Styled';
 import DiagramItemForm from './DiagramItemForm';
 import ReactDOM from 'react-dom';
 import ConnectionForm from './ConnectionForm';
 import TMFloatingMenuBar from '../../../NewComponents/FloatingMenuBar';
+import TMContextMenu from '../../../NewComponents/ContextMenu/TMContextMenu';
+import { TMColors } from '../../../../utils/theme';
 const ZoomLevelText = styled.span `
     font-size: 0.9em;
     color: #555; 
@@ -331,6 +333,9 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
     const [wfDiagram, setWfDiagram] = useState(null);
     const [selectedItems, setSelectedItems] = useState(new Set());
     const [selectedConnections, setSelectedConnections] = useState(new Set());
+    // Context menu per le connections
+    const [connectionContextMenuPosition, setConnectionContextMenuPosition] = useState({ x: 0, y: 0 });
+    const [contextMenuConnectionId, setContextMenuConnectionId] = useState(null);
     const [wfDiagramHistory, setWfDiagramHistory] = useState([]);
     const [historyIndex, setHistoryIndex] = useState(-1);
     const isUndoingRedoing = useRef(false);
@@ -1311,6 +1316,62 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
         if (!isCtrlPressed)
             setSelectedItems(new Set());
     }, [isReadOnly]);
+    const handleConnectionContextMenu = useCallback((id, event) => {
+        if (isReadOnly)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        // Trova la connection
+        const connection = wfDiagram?.Connections.find(conn => conn.ID === id);
+        if (!connection)
+            return;
+        // Verifica se esce da un DiagramItemTypes.Condition o Approval
+        const sourceItem = wfDiagram?.DiagramItems.find(item => item.ID === connection.Source.ParentDiagramItem.ID);
+        if (!sourceItem || ![DiagramItemTypes.Condition, DiagramItemTypes.Approval].includes(sourceItem.Type))
+            return;
+        // Mostra il context menu
+        setContextMenuConnectionId(id);
+        setConnectionContextMenuPosition({ x: event.clientX, y: event.clientY });
+    }, [isReadOnly, wfDiagram]);
+    const handleChangeConnectionOutputStatus = useCallback((connectionId) => {
+        if (isReadOnly || !wfDiagram)
+            return;
+        const connection = wfDiagram.Connections.find(conn => conn.ID === connectionId);
+        if (!connection)
+            return;
+        // Cambia l'OutputStatus da Completed a Rejected e viceversa
+        const newStatus = connection.OutputStatus === WorkItemStatus.Completed
+            ? WorkItemStatus.Rejected
+            : WorkItemStatus.Completed;
+        const updatedDiagram = {
+            ...wfDiagram,
+            Connections: wfDiagram.Connections.map(conn => conn.ID === connectionId ? { ...conn, OutputStatus: newStatus } : conn)
+        };
+        updateDiagram(updatedDiagram);
+        setWfDiagram(updatedDiagram);
+        setContextMenuConnectionId(null);
+    }, [isReadOnly, wfDiagram, updateDiagram]);
+    const closeConnectionContextMenu = useCallback(() => {
+        setContextMenuConnectionId(null);
+    }, []);
+    // Menu items per il context menu delle connections
+    const connectionContextMenuItems = useMemo(() => {
+        if (!contextMenuConnectionId || !wfDiagram)
+            return [];
+        const connection = wfDiagram.Connections.find(conn => conn.ID === contextMenuConnectionId);
+        if (!connection)
+            return [];
+        const targetStatus = connection.OutputStatus === WorkItemStatus.Completed
+            ? SDKUI_Localizator.WorkItemStatus_Rejected
+            : SDKUI_Localizator.WorkItemStatus_Completed;
+        return [{
+                icon: connection.OutputStatus === WorkItemStatus.Completed
+                    ? _jsx(IconCloseCircle, { color: TMColors.error, fontSize: 16 })
+                    : _jsx(IconSuccess, { color: TMColors.success, fontSize: 16 }),
+                name: SDKUI_Localizator.ChangeStatusTo.replaceParams(targetStatus),
+                onClick: () => handleChangeConnectionOutputStatus(contextMenuConnectionId)
+            }];
+    }, [contextMenuConnectionId, wfDiagram, handleChangeConnectionOutputStatus]);
     const handleDrag = useCallback((id, newX, newY) => {
         if (isReadOnly)
             return;
@@ -1393,10 +1454,15 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
             if (sourceItem.Type === DiagramItemTypes.Condition || sourceItem.Type === DiagramItemTypes.Approval) {
                 const existingConnectionsFromSource = wfDiagram.Connections.filter(conn => conn.Source.ParentDiagramItem.ID === sourceItem.ID);
                 if (existingConnectionsFromSource.length === 0) {
+                    // Prima connessione → Completed
                     outputStatus = WorkItemStatus.Completed;
                 }
                 else if (existingConnectionsFromSource.length === 1) {
-                    outputStatus = WorkItemStatus.Rejected;
+                    // Seconda connessione → contrario della prima
+                    const firstConnection = existingConnectionsFromSource[0];
+                    outputStatus = firstConnection.OutputStatus === WorkItemStatus.Completed
+                        ? WorkItemStatus.Rejected
+                        : WorkItemStatus.Completed;
                 }
             }
             const newConnection = {
@@ -1820,7 +1886,7 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
             fullScreenRef.current.focus();
         }
     }, [isFullScreen]);
-    const diagramContent = (_jsxs(CanvasContainer, { onDoubleClick: handleCanvasDoubleClick, children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".xml" // Filtra per file XML
+    const diagramContent = (_jsxs(CanvasContainer, { onDoubleClick: handleCanvasDoubleClick, onContextMenu: (e) => e.preventDefault(), children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".xml" // Filtra per file XML
                 , onChange: handleFileChange, style: { display: 'none' } }), SDK_Globals.tmSession?.SessionDescr?.appModuleID === AppModules.SURFER ?
                 _jsx(TMFloatingMenuBar, { containerRef: diagramRef, defaultPosition: { x: 45, y: 85 }, enableConfigMode: false, fixedItems: [
                         { icon: _jsx(IconZoomIn, {}), name: SDKUI_Localizator.ZoomIn, disabled: isAutoZoomEnabled, onClick: () => { handleZoomIn(); }, id: 'zoom-in', isPinned: true },
@@ -1842,8 +1908,12 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
                                 const sinkPoint = getConnectionPoint(sinkItem, connection.Sink.ConnectorName);
                                 // Determina se questa è la connessione che stiamo trascinando
                                 const isThisConnectionBeingDragged = isDraggingExistingConnectionEndpoint && draggingConnectionId === connection.ID;
-                                return (_jsx(ConnectionComponent, { connection: connection, isSelected: selectedConnections.has(connection.ID), sourcePoint: sourcePoint, sinkPoint: sinkPoint, isTemporary: isThisConnectionBeingDragged, onClick: handleConnectionClick, onDoubleClick: handleDoubleClickConnection, onConnectionEndpointMouseDown: handleConnectionEndpointMouseDown }, connection.ID));
-                            }), isDrawingConnection && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDraggingExistingConnectionEndpoint && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDrawingSelectionRect && currentSelectionRect && (_jsx(SelectionRect, { x: currentSelectionRect.x, y: currentSelectionRect.y, width: currentSelectionRect.width, height: currentSelectionRect.height }))] }) })) : (_jsx(DiagramMessage, { children: `${SDKUI_Localizator.WorkflowDiagramMissingOrInvalid} ...` })) }), isModalOpen && itemToEdit && (_jsx(DiagramItemForm, { itemToEdit: itemToEdit, wf: wfDiagram?.Info, onClose: handleCloseModal, onApply: handleUpdateDiagramItem })), isConnectionModalOpen && connectionToEdit && (_jsx(ConnectionForm, { connectionToEdit: connectionToEdit, onClose: () => setIsConnectionModalOpen(false), onApply: handleUpdateConnection }))] }));
+                                return (_jsx(ConnectionComponent, { connection: connection, isSelected: selectedConnections.has(connection.ID), sourcePoint: sourcePoint, sinkPoint: sinkPoint, isTemporary: isThisConnectionBeingDragged, onClick: handleConnectionClick, onDoubleClick: handleDoubleClickConnection, onConnectionEndpointMouseDown: handleConnectionEndpointMouseDown, onContextMenu: handleConnectionContextMenu }, connection.ID));
+                            }), isDrawingConnection && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDraggingExistingConnectionEndpoint && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDrawingSelectionRect && currentSelectionRect && (_jsx(SelectionRect, { x: currentSelectionRect.x, y: currentSelectionRect.y, width: currentSelectionRect.width, height: currentSelectionRect.height }))] }) })) : (_jsx(DiagramMessage, { children: `${SDKUI_Localizator.WorkflowDiagramMissingOrInvalid} ...` })) }), isModalOpen && itemToEdit && (_jsx(DiagramItemForm, { itemToEdit: itemToEdit, wf: wfDiagram?.Info, onClose: handleCloseModal, onApply: handleUpdateDiagramItem })), isConnectionModalOpen && connectionToEdit && (_jsx(ConnectionForm, { connectionToEdit: connectionToEdit, onClose: () => setIsConnectionModalOpen(false), onApply: handleUpdateConnection })), _jsx(TMContextMenu, { items: connectionContextMenuItems, externalControl: {
+                    visible: contextMenuConnectionId !== null,
+                    position: connectionContextMenuPosition,
+                    onClose: closeConnectionContextMenu
+                } })] }));
     return (_jsxs(_Fragment, { children: [!isFullScreen && (_jsx(DiagramWrapper, { ref: diagramRef, children: diagramContent })), isFullScreen && ReactDOM.createPortal(_jsx(FullScreenContainer, { ref: fullScreenRef, tabIndex: 0, onKeyDown: handleFullScreenKeyDown, children: diagramContent }), document.body)] }));
 };
 export default WFDiagram;

package/lib/components/forms/Login/TMLoginForm.js

@@ -115,7 +115,7 @@ const TMLoginForm = (props) => {
     const [dcmtArchive, setDcmtArchive] = useState();
     const [manualArchiveID, setManualArchiveID] = useState('');
     const [authMode, setAuthMode] = useState(AuthenticationModes.TopMedia);
-    const [username, setUsername] = useState('SysAdmin');
+    const [username, setUsername] = useState('');
     const [password, setPassword] = useState('');
     const [authDomain, setAuthDomain] = useState('');
     const [usernameOnBehalf, setUsernameOnBehalf] = useState('');

package/lib/components/forms/TMSaveForm.js

@@ -11,7 +11,7 @@ import { TMColors } from '../../utils/theme';
 import TMValidationItemsList from '../grids/TMValidationItemsList';
 import TMModal from '../base/TMModal';
 import { DeviceType, useDeviceType } from '../base/TMDeviceProvider';
-const TMSaveForm = ({ id, formMode = FormModes.Update, showToolbar = true, skipIsModifiedCheck = false, title, children, isModal, exception, customToolbarElements, hasNavigation, showSaveButton = true, customSaveButton, customTooltipSaveButton, showBackButton, showWarningsCount = true, showErrorCount = true, showUndoButton = true, onClose, onSaveAsync, onNext, onPrev, canNext, canPrev, isModified, onShowList, validationItems = [], onUndo, onCancel, width, height, askClosingConfirm = false, showTitleFormMode = true, showCloseButton = true }) => {
+const TMSaveForm = ({ id, formMode = FormModes.Update, showToolbar = true, skipIsModifiedCheck = false, title, children, isModal, exception, customToolbarElements, hasNavigation, showSaveButton = true, customSaveButton, customTooltipSaveButton, showBackButton, showWarningsCount = true, showErrorCount = true, showUndoButton = true, onClose, onSaveAsync, onNext, onPrev, canNext, canPrev, isModified, onShowList, validationItems = [], onUndo, onCancel, width, height, askClosingConfirm = false, showTitleFormMode = true, showCloseButton = true, resizable = true }) => {
     const [showList, setShowList] = useState(true);
     const [showErrorGrid, setShowErrorGrid] = useState(false);
     const deviceType = useDeviceType();
@@ -65,26 +65,74 @@ const TMSaveForm = ({ id, formMode = FormModes.Update, showToolbar = true, skipI
             }
         });
     };
-    const doClose = () => {
+    const doClose = async () => {
+        // Se non ci sono modifiche o vogliamo ignorare il controllo delle modifiche
         if (!isModified || skipIsModifiedCheck) {
             onClose?.();
-            deviceType === DeviceType.MOBILE && setShowList(true), onShowList?.(true);
+            // Se il dispositivo è mobile, mostra di nuovo la lista
+            if (deviceType === DeviceType.MOBILE) {
+                setShowList(true);
+                onShowList?.(true);
+            }
             return;
         }
+        // Determina il messaggio e i pulsanti da mostrare in base alla presenza di errori
+        const hasValidationErrors = validationItems.length > 0;
+        const message = (isModified && hasValidationErrors) ? SDKUI_Localizator.FormErrorsProceedQuestion : SDKUI_Localizator.SaveQuestion;
+        const buttons = hasValidationErrors
+            ? [ButtonNames.YES, ButtonNames.NO]
+            : [ButtonNames.YES, ButtonNames.NO, ButtonNames.CANCEL];
+        // Mostra il messaggio di conferma
         TMMessageBoxManager.show({
-            parentId: isModal ? "TMSaveFormShowConfirmForClose-" + id : undefined,
-            message: SDKUI_Localizator.SaveQuestion, buttons: [ButtonNames.YES, ButtonNames.NO, ButtonNames.CANCEL],
-            onButtonClick: async (e) => {
+            parentId: isModal ? `TMSaveFormShowConfirmForClose-${id}` : undefined,
+            message,
+            buttons,
+            onButtonClick: async (buttonClicked) => {
                 try {
-                    if (e == ButtonNames.CANCEL)
-                        return;
-                    if (e == ButtonNames.NO)
-                        deviceType === DeviceType.MOBILE && (onUndo(), setShowList(true), onShowList?.(true));
-                    if (e == ButtonNames.YES)
-                        deviceType === DeviceType.MOBILE ? (await onSaveAsync?.(), setShowList(true), onShowList?.(true)) : await onSaveAsync?.();
+                    // Caso con errori di validazione
+                    if (hasValidationErrors) {
+                        if (buttonClicked === ButtonNames.NO)
+                            return; // Non fare nulla
+                        if (buttonClicked === ButtonNames.YES) {
+                            if (deviceType === DeviceType.MOBILE) {
+                                onUndo();
+                                setShowList(true);
+                                onShowList?.(true);
+                            }
+                            else {
+                                onUndo();
+                            }
+                        }
+                    }
+                    else {
+                        // Caso senza errori
+                        switch (buttonClicked) {
+                            case ButtonNames.CANCEL:
+                                return; // Non fare nulla
+                            case ButtonNames.NO:
+                                if (deviceType === DeviceType.MOBILE) {
+                                    onUndo();
+                                    setShowList(true);
+                                    onShowList?.(true);
+                                }
+                                break;
+                            case ButtonNames.YES:
+                                if (deviceType === DeviceType.MOBILE) {
+                                    await onSaveAsync?.();
+                                    setShowList(true);
+                                    onShowList?.(true);
+                                }
+                                else {
+                                    await onSaveAsync?.();
+                                }
+                                break;
+                        }
+                    }
+                    // Chiude il form/modal
                     onClose?.();
                 }
                 catch (ex) {
+                    // Mostra eventuali eccezioni
                     TMExceptionBoxManager.show({ exception: ex });
                 }
             }
@@ -102,7 +150,7 @@ const TMSaveForm = ({ id, formMode = FormModes.Update, showToolbar = true, skipI
                                         _jsx("div", { style: { width: '100%', height: '100%', marginTop: '50px', display: 'flex', alignItems: 'center', justifyContent: 'center', flexDirection: 'column', color: getColor('error') }, children: 'Si è verificato un errore' })
                                     : _jsx(_Fragment, { children: children }) }), showErrorGrid && validationItems.length > 0 ? _jsx(TMCard, { scrollY: true, padding: false, showBorder: false, children: _jsx(TMValidationItemsList, { validationItems: validationItems }) }) : _jsx(_Fragment, {})] }) }), (isModal && onClose) && _jsx("div", { id: "TMSaveFormShowConfirmForClose-" + id })] }));
     };
-    return (_jsx(_Fragment, { children: (isModal && onClose) ? _jsx(_Fragment, { children: _jsx(TMModal, { title: `${title}${showTitleFormMode ? ` - ${LocalizeFormModes(formMode)}` : ''}`, onClose: doClose, width: width ?? '100%', height: height ?? '100%', hidePopup: false, askClosingConfirm: askClosingConfirm, showCloseButton: showCloseButton, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block' }, children: renderSaveForm() }) }) })
+    return (_jsx(_Fragment, { children: (isModal && onClose) ? _jsx(_Fragment, { children: _jsx(TMModal, { title: `${title}${showTitleFormMode ? ` - ${LocalizeFormModes(formMode)}` : ''}`, onClose: doClose, width: width ?? '100%', height: height ?? '100%', hidePopup: false, askClosingConfirm: askClosingConfirm, showCloseButton: showCloseButton, resizable: resizable, children: _jsx("div", { style: { width: "100%", height: "100%", display: 'block' }, children: renderSaveForm() }) }) })
             : renderSaveForm() }));
 };
 export default TMSaveForm;

package/lib/components/grids/TMBlogsPost.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { DossierEngine, LayoutModes, ObjectClasses, ResultTypes, SDK_Globals, TaskDescriptor, WorkingGroupEngine } from "@topconsultnpm/sdk-ts";
 import { ContextMenu as TMContextMenu } from "../NewComponents/ContextMenu";
-import { SDKUI_Localizator, Globalization, getExceptionMessage, TMConditionalWrapper, calcResponsiveSizes, getMoreInfoTasksForDocument } from "../../helper";
+import { SDKUI_Localizator, Globalization, getExceptionMessage, TMConditionalWrapper, getMoreInfoTasksForDocument, taskModalSizes } from "../../helper";
 import TMToppyMessage from "../../helper/TMToppyMessage";
 import { useDcmtOperations } from "../../hooks/useDcmtOperations";
 import { DownloadTypes, FormModes } from "../../ts";
@@ -629,10 +629,10 @@ 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", { style: {
+    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, onContextMenu: onContextMenu, style: {
+                        }, 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",
@@ -680,11 +680,11 @@ const TMBlogsPost = (props) => {
                                                             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, 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-container`, 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: 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, 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: {
+                                    }), _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',

package/lib/components/grids/TMBlogsPostUtils.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { DcmtTypeListCacheService } from "@topconsultnpm/sdk-ts";
-import { getAvatarColor, extractInitialsFromName, SDKUI_Localizator, formatBytes, IconMenuCAWorkingGroups, IconCADossier, Globalization } from "../../helper";
+import { getAvatarColor, extractInitialsFromName, SDKUI_Localizator, formatBytes, IconMenuCAWorkingGroups, IconCADossier, Globalization, PDGS_COLORS } from "../../helper";
 import { TMColors } from "../../utils/theme";
 import TMTooltip from "../base/TMTooltip";
 export const DRAFT_TYPE_TID = 6;
@@ -167,7 +167,7 @@ export const getDcmtTypeDescriptor = async (blogPosts) => {
 };
 export const BlogPostHomeHeader = (header, classId, isSelected, searchText, headerClickCallback) => {
     const isWorkGroup = classId === 'WG';
-    const iconColor = isSelected ? '#ffffff' : isWorkGroup ? '#009700' : '#e65b00';
+    const iconColor = isSelected ? '#ffffff' : isWorkGroup ? PDGS_COLORS.WORKING_GROUP : PDGS_COLORS.DOSSIER;
     return (_jsxs("div", { style: {
             display: "flex",
             alignItems: "center",

package/lib/components/grids/TMRecentsManager.js

@@ -130,7 +130,7 @@ const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, accessFilter = '
                                                 alignItems: 'center',
                                                 justifyContent: 'center',
                                                 minWidth: 0
-                                            }, children: _jsx(TMTidViewer, { tid: dtd.id, color: TMColors.primaryColor, showIcon: false }) }), _jsx("span", { style: {
+                                            }, children: _jsx(TMTidViewer, { tid: dtd.id, showIcon: false }) }), _jsx("span", { style: {
                                                 width: 24,
                                                 height: 24,
                                                 borderRadius: 24,

package/lib/components/index.d.ts

@@ -43,6 +43,8 @@ export { editorColorManager } from './editors/TMEditorStyled';
 export { default as TMLocalizedTextBox } from './editors/TMLocalizedTextBox';
 export * from './choosers/TMCultureIDPicker';
 export * from './choosers/TMDataListItemChooser';
+export * from './choosers/TMDataListItemFields';
+export * from './choosers/TMImageIDChooser';
 export * from './choosers/TMDistinctValues';
 export * from './choosers/TMDiskChooser';
 export * from './choosers/TMDynDataListItemChooser';

package/lib/components/index.js

@@ -46,6 +46,8 @@ export { default as TMLocalizedTextBox } from './editors/TMLocalizedTextBox';
 // chooserss
 export * from './choosers/TMCultureIDPicker';
 export * from './choosers/TMDataListItemChooser';
+export * from './choosers/TMDataListItemFields';
+export * from './choosers/TMImageIDChooser';
 export * from './choosers/TMDistinctValues';
 export * from './choosers/TMDiskChooser';
 export * from './choosers/TMDynDataListItemChooser';

package/lib/components/pages/TMPage.js

@@ -41,6 +41,8 @@ const TMPage = ({ id, objClass = ObjectClasses.None, listDisabled = false, lastR
         let itemsCount = gridInstance?.instance().getDataSource().items().length;
         if (itemsCount && itemsCount > 0) {
             gridInstance?.instance().selectRows(selectedItems?.map((item) => item.id) ?? [], false);
+            if (selectedItems && selectedItems.length > 0 && (selectedItems?.[0]).id)
+                gridInstance?.instance()?.navigateToRow((selectedItems?.[0]).id);
         }
     }, [selectedItems]);
     useEffect(() => {
@@ -52,6 +54,8 @@ const TMPage = ({ id, objClass = ObjectClasses.None, listDisabled = false, lastR
     useEffect(() => {
         if (lastRefreshTime) {
             loadDataAsync(id);
+            if (id)
+                gridInstance?.instance()?.navigateToRow(id);
         }
     }, [lastRefreshTime]);
     useEffect(() => {

package/lib/components/query/TMQueryEditor.d.ts

@@ -48,6 +48,7 @@ interface ITMQueryEditor extends ITMApplyFormProps<QueryDescriptor> {
     ShowOnlySAP?: boolean;
     updateIsModalOpen?: (isOpen: boolean) => void;
     showSearchResultSidebar?: boolean;
+    showDcmtFormSidebar?: boolean;
     showToppyDraggableHelpCenter?: boolean;
     toppyHelpCenterUsePortal?: boolean;
 }

package/lib/components/query/TMQueryEditor.js

@@ -62,7 +62,7 @@ export function useQueryApplyForm(d, formMode, inputData, onApplied, parameters)
     const [validationItems, setValidationItems] = useState([]);
     return { formData, setFormData, formDataOrig, validationItems, setValidationItems, exception, applyData };
 }
-const TMQueryEditor = ({ formMode, inputData, onQDChanged, isExpertMode, showDistinct = false, showToolbar = true, validateSelect = true, validateOrderBy = true, raiseWarningForOnlyMetadataDcmtTypes = false, onApplied, onClose, height = 'auto', borderRadius = '4px', searchText, showApply, showUndo, showBack, onFromTIDChanged, ShowOnlySAP, updateIsModalOpen, showSearchResultSidebar = true, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false }) => {
+const TMQueryEditor = ({ formMode, inputData, onQDChanged, isExpertMode, showDistinct = false, showToolbar = true, validateSelect = true, validateOrderBy = true, raiseWarningForOnlyMetadataDcmtTypes = false, onApplied, onClose, height = 'auto', borderRadius = '4px', searchText, showApply, showUndo, showBack, onFromTIDChanged, ShowOnlySAP, updateIsModalOpen, showSearchResultSidebar = true, showDcmtFormSidebar = true, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false }) => {
     const [confirmQueryParams, ConfirmQueryParamsDialog] = useQueryParametersDialog();
     const { formData, setFormData, formDataOrig, validationItems, setValidationItems, exception, applyData } = useQueryApplyForm(Descriptors.Query, formMode, inputData, onApplied);
     const [dcmtTypesList, setDcmtTypesList] = useState([]);
@@ -598,7 +598,7 @@ const TMQueryEditor = ({ formMode, inputData, onQDChanged, isExpertMode, showDis
     // #region Ricerca 
     const renderResultSearchForm = (_jsx(TMSearchResult, { context: SearchResultContext.METADATA_SEARCH, allowFloatingBar: false, onClose: () => {
             setShowResultSearch(false);
-        }, searchResults: resultSearch, showSearchResultSidebar: showSearchResultSidebar, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal }));
+        }, searchResults: resultSearch, showSearchResultSidebar: showSearchResultSidebar, showDcmtFormSidebar: showDcmtFormSidebar, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal }));
     const onSearchAsync = async (qdInput) => {
         try {
             let qdSearch = await prepareQdForSearchAsync(qdInput);

package/lib/helper/Enum_Localizator.js

@@ -101,6 +101,11 @@ export function LocalizeJobTypes(value) {
                 case CultureIDs.It_IT: return value?.toString();
                 default: return "CustomsDrawerPlus";
             }
+        //  case JobTypes.CassettoDoganaleDistiller:
+        //     switch (cultureID) {
+        //         case CultureIDs.It_IT: return value?.toString();
+        //         default: return "CustomsDrawerDistiller";
+        //     }
         default: return value?.toString() ?? '';
     }
 }

package/lib/helper/GlobalStyles.js

@@ -6,5 +6,8 @@ const GlobalStyle = createGlobalStyle `
   * {
     font-family: var(--base-font-family, "Inter"), sans-serif;
   }
+  .dx-filemanager-dirs-tree-item-text{
+	  font-size: var(--base-font-size, 13px);
+  }
 `;
 export default GlobalStyle;

package/lib/helper/SDKUI_Globals.d.ts

@@ -16,6 +16,8 @@ export declare class UserSettings {
     fullTextSettings: FullTextSettings;
     searchSettings: SearchSettings;
     themeSettings: ThemeSettings;
+    devSettings: DevSettings;
+    ctrlWfSettings: CtrlWfSettings;
     dcmtFormSettings: DcmtFormSettings[];
     wgDraftCheckoutInfo: CheckoutInfo[];
     dcmtCheckoutInfo: CheckoutInfo[];
@@ -84,6 +86,9 @@ export declare class ArchivingSettings {
 export declare class FullTextSettings {
     mruTerms: string[];
 }
+export declare class DevSettings {
+    betaFeatures: number;
+}
 export declare class AdvancedSettings {
     private _expertMode;
     get expertMode(): number;
@@ -92,6 +97,9 @@ export declare class AdvancedSettings {
         expertMode: number;
     };
 }
+export declare class CtrlWfSettings {
+    detailWIFormWidth: string;
+}
 export declare class DcmtFormSettings {
     TID: number | undefined;
     layout: {

package/lib/helper/SDKUI_Globals.js

@@ -18,6 +18,8 @@ export class UserSettings {
         this.fullTextSettings = new FullTextSettings();
         this.searchSettings = new SearchSettings();
         this.themeSettings = new ThemeSettings(true);
+        this.devSettings = new DevSettings();
+        this.ctrlWfSettings = new CtrlWfSettings();
         this.dcmtFormSettings = [];
         this.wgDraftCheckoutInfo = [];
         this.dcmtCheckoutInfo = [];
@@ -120,6 +122,11 @@ export class FullTextSettings {
         this.mruTerms = [];
     }
 }
+export class DevSettings {
+    constructor() {
+        this.betaFeatures = 0;
+    }
+}
 export class AdvancedSettings {
     constructor() {
         this._expertMode = 0;
@@ -142,6 +149,11 @@ export class AdvancedSettings {
         };
     }
 }
+export class CtrlWfSettings {
+    constructor() {
+        this.detailWIFormWidth = '30';
+    }
+}
 export class DcmtFormSettings {
     constructor() {
         this.layout = {};