@topconsultnpm/sdkui-react 6.19.0-dev2.1 → 6.19.0-dev2.3

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

@@ -981,11 +981,20 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
     const handleRestore = useCallback(() => {
         if (isReadOnly)
             return;
-        if (initialDiagramRef.current) {
-            setWfDiagram(initialDiagramRef.current);
-            setWfDiagramHistory([initialDiagramRef.current]);
-            setHistoryIndex(0);
-        }
+        if (!initialDiagramRef.current)
+            return;
+        TMMessageBoxManager.show({
+            title: SDKUI_Localizator.WorkflowRestoreDiagram,
+            message: SDKUI_Localizator.WorkflowRestoreDiagramMessage,
+            buttons: [ButtonNames.YES, ButtonNames.NO],
+            onButtonClick: async (e) => {
+                if (e === ButtonNames.YES) {
+                    setWfDiagram(initialDiagramRef.current);
+                    setWfDiagramHistory([initialDiagramRef.current]);
+                    setHistoryIndex(0);
+                }
+            }
+        });
     }, [isReadOnly]);
     const autoAdjustDiagram = (diagram) => {
         if (!diagram)
@@ -1646,7 +1655,12 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, allowEdit = true, onDiagram
             isUndoingRedoing.current = false;
         }
     }, [wfDiagram]);
-    const diagramContent = (_jsxs(CanvasContainer, { children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".xml" // Filtra per file XML
+    const handleCanvasDoubleClick = useCallback((event) => {
+        if (isReadOnly) {
+            toggleReadOnlyMode();
+        }
+    }, [isReadOnly, toggleReadOnlyMode]);
+    const diagramContent = (_jsxs(CanvasContainer, { onDoubleClick: handleCanvasDoubleClick, children: [_jsx("input", { ref: fileInputRef, type: "file", accept: ".xml" // Filtra per file XML
                 , onChange: handleFileChange, style: { display: 'none' } }), _jsxs(ToolbarContainer, { "$isCollapsed": isToolbarCollapsed, "$isFloating": isToolbarFloating, "$isToolboxVisible": isToolboxVisible, "$isReadOnly": isReadOnly, children: [allowEdit && _jsx(ButtonGroup, { "$isFloating": isToolbarFloating, children: _jsxs("button", { onClick: toggleReadOnlyMode, title: isReadOnly ? SDKUI_Localizator.Design : SDKUI_Localizator.ReadOnly, children: [isReadOnly ? _jsx(IconPencil, {}) : _jsx(IconLock, {}), !isToolbarCollapsed && _jsx("span", { children: isReadOnly ? SDKUI_Localizator.Design : SDKUI_Localizator.ReadOnly })] }) }), allowEdit && _jsxs(ButtonGroup, { "$isFloating": isToolbarFloating, children: [!isReadOnly && _jsxs("button", { onClick: handleToggleToolboxVisibility, title: SDKUI_Localizator.ShowToolbox, children: [_jsx(IconFlowChart, {}), !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.ShowToolboxToggle })] }), _jsxs("button", { onClick: toggleFullScreenMode, title: SDKUI_Localizator.ShowFullScreen, children: [isFullScreen ? _jsx(IconWindowMinimize, {}) : _jsx(IconWindowMaximize, {}), !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.ShowFullScreen })] })] }), _jsxs(ButtonGroup, { "$isFloating": isToolbarFloating, children: [_jsxs("button", { onClick: handleZoomIn, title: SDKUI_Localizator.ZoomIn, children: [_jsx(IconZoomIn, {}), !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.ZoomIn })] }), _jsxs("button", { onClick: handleZoomOut, title: SDKUI_Localizator.ZoomOut, children: [_jsx(IconZoomOut, {}), !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.ZoomOut })] }), _jsx(ZoomLevelText, { "$isFloating": isToolbarFloating, "$isCollapsed": isToolbarCollapsed, children: formattedZoomLevel })] }), !isReadOnly && _jsxs(ButtonGroup, { "$isFloating": isToolbarFloating, children: [_jsxs("button", { onClick: handleUndo, disabled: historyIndex === 0, title: SDKUI_Localizator.Undo, children: [_jsx(IconUndo, {}), " ", !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.Undo })] }), _jsxs("button", { onClick: handleRedo, disabled: historyIndex === wfDiagramHistory.length - 1, title: SDKUI_Localizator.Redo, children: [_jsx(IconUndo, { style: { transform: 'scaleX(-1)' } }), " ", !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.Redo })] }), _jsxs("button", { onClick: handleRestore, title: SDKUI_Localizator.Restore, children: [_jsx(IconRestore, {}), " ", !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.Restore })] }), _jsxs("button", { onClick: handleNew, title: SDKUI_Localizator.DiagramNew, disabled: isReadOnly, children: [_jsx(IconNew, {}), " ", !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.DiagramNew })] }), _jsxs("button", { onClick: handleExportDiagram, disabled: isReadOnly || !wfDiagram, title: SDKUI_Localizator.Export, children: [_jsx(IconExport, {}), _jsx("span", { children: SDKUI_Localizator.Export })] }), _jsxs("button", { onClick: handleImportDiagramClick, disabled: isReadOnly, title: SDKUI_Localizator.Import, children: [_jsx(IconImport, {}), _jsx("span", { children: SDKUI_Localizator.Import })] })] }), !isReadOnly && _jsx(ButtonGroup, { "$isFloating": isToolbarFloating, children: _jsxs("button", { onClick: handleAutoAdjust, title: SDKUI_Localizator.AutoAdjust, children: [_jsx(IconAdjust, {}), " ", !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.AutoAdjust })] }) }), !isReadOnly && _jsxs(ButtonGroup, { "$isFloating": isToolbarFloating, children: [_jsxs("button", { onClick: handleCopy, disabled: selectedItems.size === 0, title: SDKUI_Localizator.Copy, children: [_jsx(IconCopy, {}), " ", !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.Copy })] }), _jsxs("button", { onClick: handleCut, disabled: selectedItems.size === 0, title: SDKUI_Localizator.Cut, children: [_jsx(IconCut, {}), " ", !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.Cut })] }), _jsxs("button", { onClick: handlePaste, disabled: copiedItems.length === 0 && copiedConnections.length === 0, title: SDKUI_Localizator.Paste, children: [_jsx(IconPaste, {}), " ", !isToolbarCollapsed && _jsx("span", { children: SDKUI_Localizator.Paste })] })] }), allowEdit && _jsxs("button", { onClick: handleToggleToolbarMode, title: isToolbarFloating ? SDKUI_Localizator.ToolbarDock : SDKUI_Localizator.ToolbarFloat, children: [isToolbarFloating ? _jsx(IconPin, {}) : _jsx(IconUnpin, {}), !isToolbarCollapsed && !isToolbarFloating && _jsx("span", { children: SDKUI_Localizator.ToggleMode })] }), !isToolbarFloating && _jsx(ToolbarToggle, { onClick: () => setIsToolbarCollapsed(!isToolbarCollapsed), title: isToolbarCollapsed ? SDKUI_Localizator.ToolbarExpand : SDKUI_Localizator.ToolbarCollapse, children: isToolbarCollapsed ? _jsx(IconChevronRight, {}) : _jsx(IconCloseOutline, {}) })] }), !isReadOnly && (_jsx(ToolboxContainer, { "$isVisible": isToolboxVisible, children: isToolboxVisible && availableItemTypes.map(type => (_jsxs(ToolboxItem, { draggable: true, onDragStart: (e) => handleToolboxDragStart(e, type), onDragEnd: handleToolboxDragEnd, children: [_jsx(ToolboxIconWrapper, { children: _jsx(DiagramItemSvgContent, { itemType: type, width: 38, height: 38, isToolboxPreview: true }) }), _jsx("span", { children: LocalizeDiagramItemType(type) })] }, type))) })), _jsx(SvgScrollContainer, { children: isLoading ?
                     (_jsxs(StyledLoadingContainer, { children: [_jsx(StyledSpinner, {}), _jsx("span", { children: `${'Caricamento diagramma'}...` })] })) : wfDiagram ? (_jsx(StyledSvg, { ref: svgRef, tabIndex: 0, onKeyDownCapture: handleKeyDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseDown: handleMouseDown, onDrop: handleDropOnCanvas, onDragOver: handleDragOver, width: svgWidth, height: svgHeight, children: _jsxs(ScalableGroup, { "$scale": zoomLevel, "$translateX": translateX, "$translateY": translateY, children: [wfDiagram?.DiagramItems.map(item => (_jsx(DiagramItemComponent, { wf: wfDiagram?.Info, readOnly: isReadOnly, item: item, isSelected: selectedItems.has(item.ID), isCurrent: item.ID === currentSetID, onClick: handleDiagramItemClick, onDrag: handleDrag, onDragEnd: handleDragEnd, onConnectorMouseDown: handleConnectorMouseDown, onConnectorMouseUp: handleConnectorMouseUp, onDimensionsChange: handleItemDimensionsChange, onDoubleClick: handleDoubleClickItem }, item.ID))), calculatedConnections.map(connection => {
                                 const sourceItem = wfDiagram?.DiagramItems.find(item => item.ID === connection.Source.ParentDiagramItem.ID);

package/lib/components/settings/SettingsAppearance.js

@@ -18,6 +18,10 @@ const fontSizes = [
     { value: "19px", display: "19px" },
     { value: "20px", display: "20px" }
 ];
+const fontFamilies = [
+    { value: "Inter", display: "Inter" },
+    { value: "Roboto", display: "Roboto" }
+];
 const SettingsAppearance = ({ landingPagesOptions, permissions = { canArchive: true, canSearch: true, dossiersLicense: true, wgGroupLicense: true, workFlowLicense: true } }) => {
     const [, setForceUpdate] = useState(0); // Dummy state to force re-renders
     const triggerUIUpdate = () => setForceUpdate((prev) => prev + 1); // Increment dummy state to re-render
@@ -47,6 +51,10 @@ const SettingsAppearance = ({ landingPagesOptions, permissions = { canArchive: t
                     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) => {
+                    let newFamily = e.target.value;
+                    SDKUI_Globals.userSettings.themeSettings.fontFamily = newFamily;
+                    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/SDKUI_Globals.d.ts

@@ -32,6 +32,7 @@ export declare class DataGridSettings {
 }
 export declare class ThemeSettings {
     fontSize: string;
+    fontFamily: string;
     gridSettings: DataGridSettings;
     constructor(skipCssUpdate?: boolean);
     /**
@@ -40,6 +41,7 @@ export declare class ThemeSettings {
      */
     toJSON(): {
         fontSize: string;
+        fontFamily: string;
         gridSettings: DataGridSettings;
     };
 }

package/lib/helper/SDKUI_Globals.js

@@ -36,8 +36,9 @@ export class UserSettings {
         // Ensure userID and archiveID are set
         settings.userID = userID;
         settings.archiveID = archiveID;
-        // Update the CSS variable for font size
+        // Update the CSS variables for font size and font family
         document.documentElement.style.setProperty('--base-font-size', settings.themeSettings.fontSize);
+        document.documentElement.style.setProperty('--base-font-family', settings.themeSettings.fontFamily);
         // Wrap the settings object in a Proxy to intercept property updates
         const proxiedSettings = createProxy(settings, UserSettings.SaveSettings);
         // Automatically set the global userSettings
@@ -68,10 +69,12 @@ export class DataGridSettings {
 export class ThemeSettings {
     constructor(skipCssUpdate = false) {
         this.fontSize = FontSize.defaultFontSizeInPixel;
+        this.fontFamily = 'Inter';
         this.gridSettings = new DataGridSettings();
         // Automatically update the CSS variable for font size
         if (!skipCssUpdate) {
             document.documentElement.style.setProperty('--base-font-size', this.fontSize);
+            document.documentElement.style.setProperty('--base-font-family', this.fontFamily);
         }
     }
     /**
@@ -81,6 +84,7 @@ export class ThemeSettings {
     toJSON() {
         return {
             fontSize: this.fontSize,
+            fontFamily: this.fontFamily,
             gridSettings: this.gridSettings,
         };
     }
@@ -148,6 +152,10 @@ function createProxy(obj, saveCallback, rootObj) {
             if (prop === 'fontSize' && root instanceof UserSettings) {
                 document.documentElement.style.setProperty('--base-font-size', value);
             }
+            // Handle specific property (fontFamily) updates
+            if (prop === 'fontFamily' && root instanceof UserSettings) {
+                document.documentElement.style.setProperty('--base-font-family', value);
+            }
             // Handle specific property (invoiceRetrieveFormat, orderRetrieveFormat) updates
             if ((prop === 'invoiceRetrieveFormat' || prop === 'orderRetrieveFormat') && root instanceof UserSettings) {
                 clearDcmtsFileCache();

package/lib/helper/SDKUI_Localizator.d.ts

@@ -654,6 +654,8 @@ export declare class SDKUI_Localizator {
     static get WorkflowAppType(): "Anwendungsart" | "Application type" | "Tipo de aplicación" | "Type d'application" | "Tipo de aplicação" | "Tipo applicazione";
     static get WorkflowConnectionEdit(): "Verbindung bearbeiten" | "Edit Connection" | "Editar conexión" | "Modifier la connexion" | "Editar ligação" | "Modifica Connessione";
     static get WorkflowDiagramConnectionInvalidNodes(): "Ungültige Verbindung: Quell- oder Zielknoten nicht gefunden." | "Invalid connection: source or sink node not found." | "Conexión no válida: nodo origen o destino no encontrado." | "Connexion invalide : nœud source ou destination introuvable." | "Conexão inválida: nó de origem ou destino não encontrado." | "Connessione non valida: nodo sorgente o destinazione non trovato.";
+    static get WorkflowRestoreDiagram(): "Diagramm wiederherstellen" | "Restore diagram" | "Restaurar diagrama" | "Restaurer le diagramme" | "Ripristina diagramma";
+    static get WorkflowRestoreDiagramMessage(): "Möchten Sie das ursprüngliche Diagramm wiederherstellen? Alle nicht gespeicherten Änderungen gehen verloren." | "Are you sure you want to restore the initial diagram? All unsaved changes will be lost." | "¿Está seguro de que desea restaurar el diagrama inicial? Se perderán todos los cambios no guardados." | "Êtes-vous sûr de vouloir restaurer le diagramme initial ? Toutes les modifications non enregistrées seront perdues." | "Tem certeza de que deseja restaurar o diagrama inicial? Todas as alterações não salvas serão perdidas." | "Sei sicuro di voler ripristinare il diagramma iniziale? Tutte le modifiche non salvate andranno perse.";
     static get WorkflowDiagramCannotConnectToStart(): "Non können Sie an einen 'Start'-Knoten verbinden." | "You cannot connect to a 'Start' node." | "No puede conectar a un nodo 'Start'." | "Vous ne pouvez pas connecter vers un nœud 'Start'." | "Não pode ligar a um nó 'Start'." | "Non puoi connettere a un nodo 'Start'.";
     static get WorkflowDiagramCannotConnectFromEnd(): "Sie können nicht von einem 'End'-Knoten verbinden." | "You cannot connect from an 'End' node." | "No puede conectar desde un nodo 'End'." | "Vous ne pouvez pas connecter depuis un nœud 'End'." | "Não pode ligar a partir de um nó 'End'." | "Non puoi connettere da un nodo 'End'.";
     static get WorkflowDiagramConnectionSelf(): "La connessione {0} non può connettere un nodo a se stesso." | "The connection {0} cannot connect a node to itself." | "La conexión {0} no puede conectar un nodo consigo mismo." | "La connexion {0} ne peut pas connecter un nœud à lui-même." | "A conexão {0} não pode ligar um nó a si mesmo.";

package/lib/helper/SDKUI_Localizator.js

@@ -6475,6 +6475,26 @@ export class SDKUI_Localizator {
             default: return "Connessione non valida: nodo sorgente o destinazione non trovato.";
         }
     }
+    static get WorkflowRestoreDiagram() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Diagramm wiederherstellen";
+            case CultureIDs.En_US: return "Restore diagram";
+            case CultureIDs.Es_ES: return "Restaurar diagrama";
+            case CultureIDs.Fr_FR: return "Restaurer le diagramme";
+            case CultureIDs.Pt_PT: return "Restaurar diagrama";
+            default: return "Ripristina diagramma";
+        }
+    }
+    static get WorkflowRestoreDiagramMessage() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Möchten Sie das ursprüngliche Diagramm wiederherstellen? Alle nicht gespeicherten Änderungen gehen verloren.";
+            case CultureIDs.En_US: return "Are you sure you want to restore the initial diagram? All unsaved changes will be lost.";
+            case CultureIDs.Es_ES: return "¿Está seguro de que desea restaurar el diagrama inicial? Se perderán todos los cambios no guardados.";
+            case CultureIDs.Fr_FR: return "Êtes-vous sûr de vouloir restaurer le diagramme initial ? Toutes les modifications non enregistrées seront perdues.";
+            case CultureIDs.Pt_PT: return "Tem certeza de que deseja restaurar o diagrama inicial? Todas as alterações não salvas serão perdidas.";
+            default: return "Sei sicuro di voler ripristinare il diagramma iniziale? Tutte le modifiche non salvate andranno perse.";
+        }
+    }
     static get WorkflowDiagramCannotConnectToStart() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Non können Sie an einen 'Start'-Knoten verbinden.";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.19.0-dev2.1",
+    "version": "6.19.0-dev2.3",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -39,7 +39,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.19.0-dev2.1",
+        "@topconsultnpm/sdk-ts": "6.19.0-dev2.2",
         "buffer": "^6.0.3",
         "devextreme": "25.1.4",
         "devextreme-react": "25.1.4",