@topconsultnpm/sdkui-react 6.20.0-dev1.116 → 6.20.0-dev1.118

package/lib/components/features/documents/TMDcmtForm.js

@@ -1530,8 +1530,8 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     }, [onReferenceClick]);
     // Mapping for objClass specific label/action. Easy to extend for future objClass types.
     const referenceActionMap = useMemo(() => ({
-        [ObjectClasses.Dossier]: { label: 'Vai a pratica' },
-        [ObjectClasses.WorkingGroup]: { label: 'Vai a gruppo di lavoro' },
+        [ObjectClasses.Dossier]: { label: SDKUI_Localizator.GoToDossier },
+        [ObjectClasses.WorkingGroup]: { label: SDKUI_Localizator.GoToWorkgroup },
         // add other ObjectClasses here as needed
     }), []);
     const renderDcmtForm = () => {

package/lib/components/features/tasks/TMTaskForm.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { ObjectClasses, TaskDescriptor, Priorities, PdGs, SDK_Globals, UserListCacheService, SDK_Localizator, Task_States } from '@topconsultnpm/sdk-ts';
 import { areDifferentIDs, formatDate, getOriginLabel, getPriorityLocalizatorValue, getPriorityLocalizatorValues, getStatusLocalizatorValues, gotoPDGExtendedLabel, taskValidatorAsync } from './TMTasksUtils';
 import ScrollView from 'devextreme-react/scroll-view';
@@ -21,6 +21,7 @@ import TMDcmtForm from '../documents/TMDcmtForm';
 import styled from 'styled-components';
 import { TMColors } from '../../../utils/theme';
 import { renderContextBlock } from './TMTasksUtilsView';
+import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 const ResponseCommentWrapper = styled.div `
   position: relative;
   width: 100%;
@@ -105,6 +106,10 @@ const TMTaskForm = (props) => {
     };
     const { formData, setFormData, formDataOrig, validationItems, exception, saveDataAsync } = useSaveForm(formMode, id, sfo, validator, onSaved, onStatusChanged, customizeFormData);
     const containerRef = useRef(null);
+    // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
+    const deviceType = useDeviceType();
+    // This avoids unnecessary re-renders by only recalculating when deviceType changes.
+    let isMobileDevice = useMemo(() => { return deviceType === DeviceType.MOBILE; }, [deviceType]);
     const [isMobile, setIsMobile] = useState(false);
     const [showDcmtForm, setShowDcmtForm] = useState(false);
     const mobileBreakpoint = 768;
@@ -374,29 +379,55 @@ const TMTaskForm = (props) => {
                                                 width: '100%',
                                                 gap: 16,
                                                 padding: '8px 0'
-                                            }, children: children })), children: _jsx("div", { style: { width: isMobile ? '100%' : '50%' }, children: _jsx("div", { style: {
-                                                    display: 'flex',
-                                                    alignItems: 'center',
-                                                    marginTop: 12
-                                                }, children: _jsx(TMTooltip, { content: formData.pdG !== PdGs.None ? gotoPDGExtendedLabel(true, formData.pdG, formData.iD1Name) : '', children: _jsxs("span", { onClick: () => formData.pdG !== PdGs.None ? gotoPDGExtendedLabelClickCallback() : null, style: {
-                                                            display: 'inline-flex',
-                                                            alignItems: 'center',
-                                                            lineHeight: 1,
-                                                            padding: '6px 10px',
-                                                            borderRadius: 8,
-                                                            backgroundColor: formData.pdG !== PdGs.None ? '#f5f5f7' : 'transparent',
-                                                            color: formData.pdG !== PdGs.None ? '#2559A5' : '#444',
-                                                            cursor: formData.pdG !== PdGs.None ? 'pointer' : 'default',
-                                                            fontWeight: 600,
-                                                            transition: 'all 0.25s ease',
-                                                            gap: 6
-                                                        }, onMouseEnter: e => {
-                                                            if (formData.pdG !== PdGs.None)
-                                                                e.currentTarget.style.backgroundColor = '#ebebef';
-                                                        }, onMouseLeave: e => {
-                                                            if (formData.pdG !== PdGs.None)
-                                                                e.currentTarget.style.backgroundColor = '#f5f5f7';
-                                                        }, children: [_jsx("span", { style: { display: 'flex', alignItems: 'center' }, children: getPdgsIconMap().get(formData.pdG) }), _jsx("span", { children: getOriginLabel(formData.pdG, formData.iD1Name) })] }) }) }) }) })), _jsx(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: 'flex', flexDirection: 'row', width: '100%', gap: 10 }, children: children }), children: _jsx("div", { style: { width: isMobile ? '100%' : '50%' }, children: _jsx(TMTextBox, { label: SDKUI_Localizator.Name, value: formData?.name ?? '', readOnly: fieldsReadOnly.name, autoFocus: true, maxLength: 100, isModifiedWhen: formData?.name !== formDataOrig?.name, onValueChanged: (e) => { setFormData({ ...formData ?? {}, name: e.target.value }); }, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Name) }) }) }), _jsx("div", { style: { width: '100%' }, children: _jsx(TMTextArea, { label: SDKUI_Localizator.Description, value: formData?.description ?? '', maxLength: 200, readOnly: fieldsReadOnly.description, isModifiedWhen: formData?.description !== formDataOrig?.description, onValueChanged: (e) => { setFormData({ ...formData ?? {}, description: e.target.value }); }, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Description), resize: false }) }), _jsx(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: 'flex', flexDirection: 'row', width: '100%', gap: 10 }, children: children }), children: (formMode === FormModes.Create || !areDifferentIDs(formDataOrig?.fromID, SDK_Globals.tmSession?.SessionDescr?.userID)) ?
+                                            }, children: children })), children: _jsx("div", { style: {
+                                                width: "100%",
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                justifyContent: 'center',
+                                                marginTop: 12
+                                            }, children: _jsxs("div", { onClick: () => formData.pdG !== PdGs.None ? gotoPDGExtendedLabelClickCallback() : null, style: {
+                                                    backgroundColor: "#C2388B",
+                                                    color: "#fff",
+                                                    padding: "10px 16px",
+                                                    borderRadius: "20px",
+                                                    display: "flex",
+                                                    alignItems: "center",
+                                                    justifyContent: "space-between",
+                                                    cursor: "pointer",
+                                                    fontWeight: 500,
+                                                    transition: "background-color 0.3s",
+                                                    minWidth: "180px",
+                                                    maxWidth: "100%",
+                                                    flexWrap: "wrap",
+                                                    gap: "8px",
+                                                }, onMouseEnter: e => {
+                                                    if (formData.pdG !== PdGs.None)
+                                                        e.currentTarget.style.backgroundColor = "#A12D78";
+                                                }, onMouseLeave: e => {
+                                                    if (formData.pdG !== PdGs.None)
+                                                        e.currentTarget.style.backgroundColor = "#C2388B";
+                                                }, children: [_jsxs("span", { style: {
+                                                            flex: 1,
+                                                            textAlign: "center",
+                                                            gap: "6px",
+                                                            display: "flex",
+                                                            justifyContent: "center",
+                                                            alignItems: "center",
+                                                        }, children: [formData.pdG === PdGs.WG && _jsx("span", { children: SDKUI_Localizator.GoToWorkgroup }), formData.pdG === PdGs.CF && _jsx("span", { children: SDKUI_Localizator.GoToDossier }), formData.pdG === PdGs.DT && _jsx("span", { children: SDKUI_Localizator.GoToDocument }), (() => {
+                                                                const originLabel = getOriginLabel(formData.pdG, formData.iD1Name);
+                                                                if (!originLabel)
+                                                                    return null;
+                                                                const maxLength = isMobileDevice ? 10 : 30;
+                                                                const displayText = originLabel.length > maxLength
+                                                                    ? originLabel.slice(0, maxLength) + "..."
+                                                                    : originLabel;
+                                                                return _jsxs("span", { children: ["\u201C", displayText, "\u201D"] });
+                                                            })()] }), _jsx(TMTooltip, { content: _jsxs("div", { style: { textAlign: "left" }, children: [formData.pdG && (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
+                                                                                display: "flex",
+                                                                                alignItems: "center",
+                                                                                gap: "6px",
+                                                                                fontWeight: 600,
+                                                                            }, children: [_jsx("span", { style: { display: "flex", alignItems: "center" }, children: getPdgsIconMap().get(formData.pdG) }), _jsx("span", { children: formData.pdG === PdGs.WG ? SDKUI_Localizator.WorkGroup : formData.pdG === PdGs.CF ? SDKUI_Localizator.Dossier : formData.pdG === PdGs.DT ? SDKUI_Localizator.Document : "" })] }), _jsx("hr", { style: { margin: "4px 0 8px 0" } })] })), formData.iD1 != null && formData.iD1 !== 0 && (_jsxs("div", { children: [_jsx("b", { children: "TID" }), ": ", formData.iD1.toString()] })), formData.iD1Name && (_jsxs("div", { children: [_jsx("b", { children: "ID1NAME" }), ": ", formData.iD1Name.toString()] })), formData.iD2 != null && formData.iD2 !== 0 && (_jsxs("div", { children: [_jsx("b", { children: "DID" }), ": ", formData.iD2.toString()] }))] }), children: _jsx("i", { className: "dx-icon-info", style: { fontSize: "1.3rem", flexShrink: 0 } }) })] }) }) })), _jsx(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: 'flex', flexDirection: 'row', width: '100%', gap: 10 }, children: children }), children: _jsx("div", { style: { width: isMobile ? '100%' : '50%' }, children: _jsx(TMTextBox, { label: SDKUI_Localizator.Name, value: formData?.name ?? '', readOnly: fieldsReadOnly.name, autoFocus: true, maxLength: 100, isModifiedWhen: formData?.name !== formDataOrig?.name, onValueChanged: (e) => { setFormData({ ...formData ?? {}, name: e.target.value }); }, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Name) }) }) }), _jsx("div", { style: { width: '100%' }, children: _jsx(TMTextArea, { label: SDKUI_Localizator.Description, value: formData?.description ?? '', maxLength: 200, readOnly: fieldsReadOnly.description, isModifiedWhen: formData?.description !== formDataOrig?.description, onValueChanged: (e) => { setFormData({ ...formData ?? {}, description: e.target.value }); }, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Description), resize: false }) }), _jsx(TMConditionalWrapper, { condition: !isMobile, wrapper: children => _jsx("div", { style: { display: 'flex', flexDirection: 'row', width: '100%', gap: 10 }, children: children }), children: (formMode === FormModes.Create || !areDifferentIDs(formDataOrig?.fromID, SDK_Globals.tmSession?.SessionDescr?.userID)) ?
                                             _jsx("div", { id: "assignedToAnotherUserField", style: { width: isMobile ? '100%' : '50%' }, children: _jsx(TMUserChooser, { dataSource: usersList ?? undefined, allowShowAllUsers: !!taskContext?.dossier, allowMultipleSelection: false, label: SDKUI_Localizator.AssignedTo_Female, readOnly: fieldsReadOnly.assignedTO, values: formData?.toID ? [formData?.toID] : [], isModifiedWhen: formData?.toID !== formDataOrig?.toID, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.AssignedTo_Female), onValueChanged: (newValue) => {
                                                         if (newValue === undefined)
                                                             return;

package/lib/components/features/tasks/TMTasksUtils.js

@@ -297,7 +297,20 @@ newTasks // Array of new tasks to merge
     return Array.from(taskMap.values());
 };
 export const getOriginLabel = (pdg, ID1Name) => {
-    return pdg ? (ID1Name ?? '') : SDKUI_Localizator.NoSource;
+    let label = ID1Name ?? SDKUI_Localizator.NoSource;
+    try {
+        if (typeof label === 'string' && label.length > 0) {
+            // Rimuove: (TID: 123), (DID: 456), TID: 123, DID: 456
+            label = label.replace(/\s*\(\s*\b(?:TID|DID):\s*\d+\s*\)|\s*\b(?:TID|DID):\s*\d+/gi, '');
+            // Rimuove eventuali spazi multipli rimasti
+            label = label.replace(/\s{2,}/g, ' ').trim();
+        }
+    }
+    catch {
+        label = ID1Name ?? SDKUI_Localizator.NoSource;
+    }
+    // Se pdg esiste ritorna la label (anche se vuota), altrimenti ritorna sempre NoSource
+    return pdg ? label : SDKUI_Localizator.NoSource;
 };
 export const taskValidatorAsync = async (taskDescriptor) => {
     let vil = [];

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

@@ -107,11 +107,19 @@ export const TMPanelManagerProvider = (props) => {
             });
         }
         else {
-            let updated = { ...initialVisibility };
-            Object.entries(initialVisibility).forEach(([id, isVisible]) => {
-                updated = adjustPanelVisibilityAndSize(id, isVisible, updated);
-            });
-            setPanelVisibility(updated);
+            if (isPersistenceEnabled) {
+                // If persistence is enabled, visibility and dimensions are already synced from persisted state, so just set them directly
+                setPanelVisibility(initialVisibility);
+            }
+            else {
+                // If persistence is not enabled, recalculate visibility and dimensions based on the initial visibility, applying the hierarchy logic
+                let updated = { ...initialVisibility };
+                Object.entries(initialVisibility).forEach(([id, isVisible]) => {
+                    updated = adjustPanelVisibilityAndSize(id, isVisible, updated);
+                });
+                // Update panel visibility state with recalculated values
+                setPanelVisibility(updated);
+            }
         }
     }, [isMobile]);
     // Function to maximize a panel (and its parent panels)

package/lib/helper/SDKUI_Localizator.d.ts

@@ -302,7 +302,10 @@ export declare class SDKUI_Localizator {
     static get GetFileUploadErrorMessage(): "Fehler beim Hochladen" | "Error during upload" | "Error al subir el archivo" | "Erreur lors du téléchargement" | "Erro ao carregar o arquivo" | "Errore nel caricamento";
     static get GetFolderDeletionErrorMessage(): "Fehler beim Löschen des Ordners" | "Error deleting the folder" | "Error al eliminar la carpeta" | "Erreur lors de la suppression du dossier" | "Erro ao excluir a pasta" | "Errore nell'eliminazione della cartella";
     static get GoTo(): "Gehe zu" | "Go to" | "Ir a" | "Aller à" | "Vai a";
+    static get GoToDocument(): "Gehe zum Dokument" | "Go to document" | "Ir al documento" | "Aller au document" | "Ir para documento" | "Vai a documento";
+    static get GoToDossier(): "Gehe zum übung" | "Go to dossier" | "Ir al expediente" | "Aller au pratique" | "Ir para prática" | "Vai a pratica";
     static get GoToToday(): "Gehe zu heute" | "Go to today" | "Ir a hoy" | "Aller à aujourd'hui" | "Ir para hoje" | "Vai a oggi";
+    static get GoToWorkgroup(): "Gehe zur Arbeitsgruppe" | "Go to workgroup" | "Ir al grupo de trabajo" | "Aller au groupe de travail" | "Ir para grupo de trabalho" | "Vai a gruppo di lavoro";
     static get Grids(): string;
     static get Hide_CompleteName(): "Vollständigen Namen ausblenden" | "Hide full name" | "Ocultar nombre completo" | "Masquer le nom complet" | "Ocultar nome completo" | "Nascondi nome completo";
     static get HideAll(): "Alle ausblenden" | "Hide all" | "Ocultar todo" | "Masquer tout" | "Ocultar tudo" | "Nascondi tutti";

package/lib/helper/SDKUI_Localizator.js

@@ -2986,6 +2986,26 @@ export class SDKUI_Localizator {
             default: return "Vai a";
         }
     }
+    static get GoToDocument() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Gehe zum Dokument";
+            case CultureIDs.En_US: return "Go to document";
+            case CultureIDs.Es_ES: return "Ir al documento";
+            case CultureIDs.Fr_FR: return "Aller au document";
+            case CultureIDs.Pt_PT: return "Ir para documento";
+            default: return "Vai a documento";
+        }
+    }
+    static get GoToDossier() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Gehe zum übung";
+            case CultureIDs.En_US: return "Go to dossier";
+            case CultureIDs.Es_ES: return "Ir al expediente";
+            case CultureIDs.Fr_FR: return "Aller au pratique";
+            case CultureIDs.Pt_PT: return "Ir para prática";
+            default: return "Vai a pratica";
+        }
+    }
     static get GoToToday() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Gehe zu heute";
@@ -2996,6 +3016,16 @@ export class SDKUI_Localizator {
             default: return "Vai a oggi";
         }
     }
+    static get GoToWorkgroup() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Gehe zur Arbeitsgruppe";
+            case CultureIDs.En_US: return "Go to workgroup";
+            case CultureIDs.Es_ES: return "Ir al grupo de trabajo";
+            case CultureIDs.Fr_FR: return "Aller au groupe de travail";
+            case CultureIDs.Pt_PT: return "Ir para grupo de trabalho";
+            default: return "Vai a gruppo di lavoro";
+        }
+    }
     static get Grids() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Raster";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.116",
+  "version": "6.20.0-dev1.118",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",