@topconsultnpm/sdkui-react 6.22.0-dev1.9 → 6.22.0-dev2.2

package/lib/components/editors/TMTextBox.js

@@ -34,7 +34,7 @@ const StyledTextBoxEditorButton = styled.div `
         border-bottom-color: ${TMColors.primary};
      }
 `;
-const TMTextBox = ({ autoComplete = 'off', autoFocus, maxLength, labelColor, precision, fromModal = false, scale, showClearButton, validationItems = [], label = '', readOnly = false, formulaItems = [], buttons = [], isModifiedWhen, placeHolder, elementStyle, width = '100%', maxValue, minValue, fontSize = FontSize.defaultFontSize, icon, labelPosition = 'left', value, disabled = false, type = 'text', onClick, onValueChanged, onBlur, onKeyDown, borderRadius, allowedPattern }) => {
+const TMTextBox = ({ autoComplete = 'off', autoFocus, maxLength, labelColor, precision, fromModal = false, scale, showClearButton, validationItems = [], label = '', readOnly = false, formulaItems = [], buttons = [], isModifiedWhen, placeHolder, elementStyle, width = '100%', maxValue, minValue, fontSize = FontSize.defaultFontSize, icon, labelPosition = 'left', value, disabled = false, type = 'text', onClick, onValueChanged, onBlur, onKeyDown, borderRadius, allowedPattern, textTransform, currencySymbol }) => {
     const [initialType, setInitialType] = useState(type);
     const [currentType, setCurrentType] = useState(type);
     const [currentValue, setCurrentValue] = useState(value);
@@ -151,6 +151,13 @@ const TMTextBox = ({ autoComplete = 'off', autoFocus, maxLength, labelColor, pre
     };
     const handleInputChange = (e) => {
         let inputValue = e.target.value;
+        // Applica textTransform direttamente durante la digitazione (non per i numeri)
+        if (currentType !== 'number') {
+            if (textTransform === 'lowercase')
+                inputValue = inputValue.toLowerCase();
+            else if (textTransform === 'uppercase')
+                inputValue = inputValue.toUpperCase();
+        }
         // Validazione generica con RegEx
         if (allowedPattern) {
             // Soluzione 1: Confronto diretto (preferibile per un singolo carattere)
@@ -257,14 +264,20 @@ const TMTextBox = ({ autoComplete = 'off', autoFocus, maxLength, labelColor, pre
             : currentValue ?? '';
         // Calcola il padding-right necessario per evitare sovrapposizione con i bottoni
         const calculateRightPadding = () => {
-            if (initialType === 'password')
-                return 10; // Solo l'icona show/hide password
             let buttonCount = 0;
             if (formulaItems.length > 0)
                 buttonCount++; // IconDataList
             if (showClearButton && currentValue)
                 buttonCount++; // IconClearButton
             buttonCount += buttons.length; // Custom buttons
+            const buttonWidth = 28;
+            if (initialType === 'password') {
+                // Solo l'occhiolino se il chiamante non passa bottoni custom (comportamento invariato)
+                if (buttonCount === 0)
+                    return 10;
+                // Occhiolino a destra + bottoni custom alla sua sinistra
+                return 34 + (buttonCount * buttonWidth) + 8;
+            }
             if (currentType === 'number') {
                 // Per i number, non aggiungiamo padding-right perché le freccette native
                 // occupano già spazio. Se ci sono bottoni custom a sinistra delle freccette,
@@ -273,28 +286,31 @@ const TMTextBox = ({ autoComplete = 'off', autoFocus, maxLength, labelColor, pre
             }
             else {
                 // Per gli altri tipi, calcolo normale
-                const buttonWidth = 28;
                 return 6 + (buttonCount * buttonWidth) + 8;
             }
         };
-        return (_jsxs("div", { style: { width: '100%', height: 'fit-content', cursor: onClick ? 'pointer' : undefined }, id: `text-${id}`, onClick: onClick, children: [_jsx(StyledEditor, { ref: inputRef, onContextMenu: (e) => e.stopPropagation(), id: `text-${label}-${id}`, name: label, autoFocus: autoFocus, readOnly: readOnly, type: currentType, disabled: disabled, value: displayedValue, width: width || '100%', placeholder: placeHolder, maxLength: maxLength, autoComplete: autoComplete, spellCheck: false, onFocus: () => setIsFocused(true), onBlur: (e) => { setIsFocused(false); if (currentValue != value)
-                        onBlur?.(currentValue); }, onChange: handleInputChange, onKeyDown: (e) => {
-                        if (currentType === 'number') {
-                            if (!scale && (e.key == "." || e.key == ","))
-                                e.preventDefault();
-                        }
-                        onKeyDown?.(e);
-                    }, "$isMobile": deviceType === DeviceType.MOBILE, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, "$fontSize": fontSize, "$maxValue": maxValue, "$width": width, "$type": currentType, "$borderRadius": borderRadius, style: { paddingRight: `${calculateRightPadding()}px`, cursor: onClick ? 'pointer' : undefined } }), (initialType === 'password' || initialType === 'secureText') && _jsx(StyledShowPasswordIcon, { onClick: toggleShowPassword, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, children: showPasswordIcon() }), initialType !== 'password' &&
-                    _jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', position: 'absolute', right: type === 'number' ? '25px' : '6px', top: label.length > 0 ? '20px' : '3px', pointerEvents: disabled ? 'none' : 'auto', opacity: disabled ? 0.4 : 1 }, children: [formulaItems.length > 0 &&
-                                _jsx(StyledTextBoxEditorButton, { onClick: () => {
-                                        setShowFormulaItemsChooser(true);
-                                    }, children: _jsx(IconDataList, {}) }), showClearButton && currentValue &&
-                                _jsx(StyledTextBoxEditorButton, { onClick: () => {
-                                        onValueChanged?.({ target: { value: undefined } });
-                                        onBlur?.(undefined);
-                                    }, children: _jsx(IconClearButton, {}) }), buttons.map((buttonItem, index) => {
-                                return (_jsx(StyledTextBoxEditorButton, { onClick: buttonItem.onClick, children: _jsx(TMTooltip, { content: buttonItem.text, children: buttonItem.icon }) }, buttonItem.text));
-                            })] }), openFormulaItemsChooser(), formulaItems.length > 0 && (_jsx(TMContextMenu, { items: formulaMenuItems, target: `#text-${id}` })), _jsx(TMVilViewer, { vil: validationItems })] }));
+        // Calcola il padding-left per il simbolo della valuta
+        const calculateLeftPadding = () => {
+            if (!currencySymbol)
+                return 6; // Padding di default
+            // Stima la larghezza del simbolo (circa 10px per carattere + margine)
+            return 6 + (currencySymbol.length * 10) + 4;
+        };
+        return (_jsx("div", { style: { width: '100%', height: 'fit-content', cursor: onClick ? 'pointer' : undefined, display: 'flex', alignItems: 'center' }, id: `text-${id}`, onClick: onClick, children: _jsx("div", { style: { flex: 1 }, children: _jsxs("div", { style: { position: 'relative' }, children: [currencySymbol && initialType !== 'password' && initialType !== 'secureText' && _jsx("span", { style: { position: 'absolute', left: '6px', top: '50%', transform: 'translateY(-50%)', color: disabled ? TMColors.disabled : TMColors.text_normal, fontSize: fontSize, pointerEvents: 'none', zIndex: 1 }, children: currencySymbol }), _jsx(StyledEditor, { ref: inputRef, onContextMenu: (e) => e.stopPropagation(), id: `text-${label}-${id}`, name: label, autoFocus: autoFocus, readOnly: readOnly, type: currentType, disabled: disabled, value: displayedValue, width: width || '100%', placeholder: placeHolder, maxLength: maxLength, autoComplete: autoComplete, spellCheck: false, onFocus: () => setIsFocused(true), onBlur: (e) => { setIsFocused(false); if (currentValue != value)
+                                onBlur?.(currentValue); }, onChange: handleInputChange, onKeyDown: (e) => {
+                                if (currentType === 'number') {
+                                    if (!scale && (e.key == "." || e.key == ","))
+                                        e.preventDefault();
+                                }
+                                onKeyDown?.(e);
+                            }, "$isMobile": deviceType === DeviceType.MOBILE, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, "$fontSize": fontSize, "$maxValue": maxValue, "$width": width, "$type": currentType, "$borderRadius": borderRadius, style: { paddingLeft: `${calculateLeftPadding()}px`, paddingRight: `${calculateRightPadding()}px`, cursor: onClick ? 'pointer' : undefined } }), (initialType === 'password' || initialType === 'secureText') && _jsx(StyledShowPasswordIcon, { onClick: toggleShowPassword, "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, children: showPasswordIcon() }), initialType !== 'password' && (formulaItems.length > 0 || (showClearButton && currentValue) || buttons.length > 0) &&
+                            _jsxs("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center', position: 'absolute', right: type === 'number' ? '25px' : '6px', top: '50%', transform: 'translateY(-50%)', pointerEvents: disabled ? 'none' : 'auto', opacity: disabled ? 0.4 : 1 }, children: [formulaItems.length > 0 &&
+                                        _jsx(StyledTextBoxEditorButton, { onClick: () => {
+                                                setShowFormulaItemsChooser(true);
+                                            }, children: _jsx(IconDataList, {}) }), (showClearButton && currentValue) &&
+                                        _jsx(StyledTextBoxEditorButton, { onClick: () => { onValueChanged?.({ target: { value: undefined } }); onBlur?.(undefined); }, children: _jsx(IconClearButton, {}) }), buttons.map((buttonItem, index) => {
+                                        return (_jsx(StyledTextBoxEditorButton, { onClick: buttonItem.onClick, children: _jsx(TMTooltip, { content: buttonItem.text, children: buttonItem.icon }) }, buttonItem.text));
+                                    })] }), openFormulaItemsChooser(), formulaItems.length > 0 && (_jsx(TMContextMenu, { items: formulaMenuItems, target: `#text-${id}` })), _jsx(TMVilViewer, { vil: validationItems })] }) }) }));
     };
     const renderedLeftLabelTextBox = () => {
         return (_jsxs(TMLayoutContainer, { direction: 'horizontal', children: [icon && _jsx(TMLayoutItem, { width: '20px', children: _jsx(StyledEditorIcon, { "$disabled": disabled, "$vil": validationItems, "$isModified": isModifiedWhen, children: icon }) }), _jsx(TMLayoutItem, { children: _jsxs(StyledEditorContainer, { "$width": width, children: [label && _jsx(StyledEditorLabel, { "$color": labelColor, "$isFocused": isFocused, "$labelPosition": labelPosition, "$disabled": disabled, children: label }), renderInputField()] }) })] }));

package/lib/components/features/documents/TMDcmtForm.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DcmtTypeDescriptor, HomeBlogPost, LayoutModes, ObjectRef, SearchResultDescriptor, TaskDescriptor, ValidationItem } from '@topconsultnpm/sdk-ts';
-import { DcmtInfo, FormModes, MetadataValueDescriptorEx, TaskContext } from '../../../ts';
+import { DcmtInfo, FormModes, MetadataValueDescriptorEx, TaskContext, IGraphometricManagerProp } from '../../../ts';
 import { IntesiCertificateData } from '../../../helper';
 /**
  * Definisce il contesto da cui è stato invocato il TMDcmtForm.
@@ -85,6 +85,7 @@ interface ITMDcmtFormProps {
         onRefreshBlogDatagrid?: () => Promise<void>;
         onRefreshPreviewDatagrid?: () => Promise<void>;
     };
+    graphometricManager?: IGraphometricManagerProp;
 }
 declare const TMDcmtForm: React.FC<ITMDcmtFormProps>;
 export default TMDcmtForm;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import TMDcmtPreview from './TMDcmtPreview';
-import { AccessLevelsEx, AppModules, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, DossierCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkingGroupCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
+import { AccessLevelsEx, AppModules, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, DossierCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, MetadataFormats, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkingGroupCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
 import { FormModes, SearchResultContext } from '../../../ts';
 import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
 import { getWorkItemSetIDAsync, handleArchiveVisibility, searchResultToMetadataValues } from '../../../helper/queryHelper';
@@ -57,7 +57,7 @@ export var InvocationContext;
 let abortControllerLocal = new AbortController();
 ;
 //#endregion
-const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMode = FormModes.Update, invocationContext = InvocationContext.Default, showHeader = true, showBackButton = true, showDcmtFormSidebar = true, isClosable = false, showTodoDcmtForm = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, isModal = false, titleModal, widthModal = "100%", heightModal = "100%", allowNavigation = true, canNext, canPrev, count, itemIndex, onNext, onPrev, inputFile = null, inputMids = [], connectorFileSave = undefined, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowRelations = true, allowButtonsRefs = false, openS4TViewer = false, enableDragDropOverlay = false, editPdfForm = false, onClose, onSavedAsyncCallback, onSaveRecents, onWFOperationCompleted, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, onTaskCompleted, onTaskCreateRequest, moreInfoTasks, taskFormDialogComponent, handleNavigateToWGs, handleNavigateToDossiers, onReferenceClick, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, s4TViewerDialogComponent, onScanRequest, passToSearch, fetchRemoteCertificates, datagridUtility }) => {
+const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMode = FormModes.Update, invocationContext = InvocationContext.Default, showHeader = true, showBackButton = true, showDcmtFormSidebar = true, isClosable = false, showTodoDcmtForm = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, isModal = false, titleModal, widthModal = "100%", heightModal = "100%", allowNavigation = true, canNext, canPrev, count, itemIndex, onNext, onPrev, inputFile = null, inputMids = [], connectorFileSave = undefined, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowRelations = true, allowButtonsRefs = false, openS4TViewer = false, enableDragDropOverlay = false, editPdfForm = false, onClose, onSavedAsyncCallback, onSaveRecents, onWFOperationCompleted, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, onTaskCompleted, onTaskCreateRequest, moreInfoTasks, taskFormDialogComponent, handleNavigateToWGs, handleNavigateToDossiers, onReferenceClick, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, s4TViewerDialogComponent, onScanRequest, passToSearch, fetchRemoteCertificates, datagridUtility, graphometricManager }) => {
     const { onRefreshSearchAsyncDatagrid, onRefreshBlogDatagrid, onRefreshPreviewDatagrid } = datagridUtility || {};
     const floatingBarContainerRef = useRef(null);
     const [id, setID] = useState('');
@@ -423,6 +423,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             enablePinIcons: false,
             allowRelations,
             inputDcmtFormLayoutMode: layoutMode,
+            graphometricManager
         },
         tasks: {
             allTasks: allTasks,
@@ -1425,7 +1426,49 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             return undefined;
         const settings = getCurrentDcmtFormSetting()?.setting;
         // Return the appropriate layout based on context
-        return invocationContext === InvocationContext.Todo ? settings?.layoutToDo : settings?.layout;
+        const persistedState = invocationContext === InvocationContext.Todo ? settings?.layoutToDo : settings?.layout;
+        // tmWF must always start hidden - PanelDisabledStateHandler will restore it
+        // when workflow data becomes available and isWFDisabled becomes false
+        if (persistedState && persistedState['tmWF']?.visible) {
+            // Get tmWF width to redistribute
+            const tmWFWidth = parseFloat(persistedState['tmWF'].width) || 0;
+            // Find other visible panels to redistribute width
+            const otherVisiblePanels = Object.keys(persistedState).filter(key => key !== 'tmWF' && persistedState[key]?.visible);
+            // Calculate extra width per visible panel
+            const extraWidthPerPanel = otherVisiblePanels.length > 0
+                ? tmWFWidth / otherVisiblePanels.length
+                : 0;
+            // Build new state with redistributed widths
+            const newState = {};
+            for (const key of Object.keys(persistedState)) {
+                if (key === 'tmWF') {
+                    // Hide tmWF
+                    newState[key] = { ...persistedState[key], visible: false };
+                }
+                else if (otherVisiblePanels.includes(key)) {
+                    // Add extra width to visible panels
+                    const currentWidth = parseFloat(persistedState[key].width) || 0;
+                    newState[key] = {
+                        ...persistedState[key],
+                        width: `${currentWidth + extraWidthPerPanel}%`
+                    };
+                }
+                else {
+                    // Keep other panels as-is
+                    newState[key] = persistedState[key];
+                }
+            }
+            return newState;
+        }
+        return persistedState;
+    };
+    // Returns whether tmWF was visible in persisted state (for restoring after WF data loads)
+    const getPersistedWFVisible = () => {
+        if (isMobile)
+            return false;
+        const settings = getCurrentDcmtFormSetting()?.setting;
+        const persistedState = invocationContext === InvocationContext.Todo ? settings?.layoutToDo : settings?.layout;
+        return persistedState?.['tmWF']?.visible ?? false;
     };
     const onBlogCommentFormCustomSave = useCallback(async (blogPost) => {
         try {
@@ -1514,7 +1557,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                         overflow: 'hidden'
                     }, children: [_jsxs("div", { style: { width: '100%', height: '100%', display: isOpenDetails || isOpenMaster ? 'none' : 'flex' }, children: [isNavigating && _jsx(Spinner, { description: SDKUI_Localizator.Loading, flat: false }), (fromDTD) && _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: useWaitPanelLocalState ? showWaitPanelLocal : showWaitPanel, showWaitPanelPrimary: useWaitPanelLocalState ? showPrimaryLocal : showPrimary, showWaitPanelSecondary: useWaitPanelLocalState ? showSecondaryLocal : showSecondary, waitPanelTitle: useWaitPanelLocalState ? waitPanelTitleLocal : waitPanelTitle, waitPanelTextPrimary: useWaitPanelLocalState ? waitPanelTextPrimaryLocal : waitPanelTextPrimary, waitPanelValuePrimary: useWaitPanelLocalState ? waitPanelValuePrimaryLocal : waitPanelValuePrimary, waitPanelMaxValuePrimary: useWaitPanelLocalState ? waitPanelMaxValuePrimaryLocal : waitPanelMaxValuePrimary, waitPanelTextSecondary: useWaitPanelLocalState ? waitPanelTextSecondaryLocal : waitPanelTextSecondary, waitPanelValueSecondary: useWaitPanelLocalState ? waitPanelValueSecondaryLocal : waitPanelValueSecondary, waitPanelMaxValueSecondary: useWaitPanelLocalState ? waitPanelMaxValueSecondaryLocal : waitPanelMaxValueSecondary, isCancelable: useWaitPanelLocalState ? dcmtFile ? dcmtFile.size >= 1000000 : false : true, abortController: useWaitPanelLocalState ? abortControllerLocal : abortController, children: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: [(groupId && groupId.length > 0)
                                                 ? _jsxs(_Fragment, { children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] })
-                                                : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile && layoutMode !== LayoutModes.Ark ? hasSavedLayout() : false, persistPanelStates: !isMobile && layoutMode !== LayoutModes.Ark ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: layoutMode !== LayoutModes.Ark ? getPersistedPanelStates() : undefined, children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] }), isOpenDistinctValues &&
+                                                : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile && layoutMode !== LayoutModes.Ark ? hasSavedLayout() : false, persistPanelStates: !isMobile && layoutMode !== LayoutModes.Ark ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: layoutMode !== LayoutModes.Ark ? getPersistedPanelStates() : undefined, children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled, persistedWFVisible: getPersistedWFVisible() }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] }), isOpenDistinctValues &&
                                                 _jsx(TMDistinctValues, { tid: TID, mid: focusedMetadataValue?.mid, isModal: true, showHeader: false, layoutMode: layoutMode, onClosePanelCallback: () => setIsOpenDistinctValues(false), onSelectionChanged: (e) => {
                                                         if (!e)
                                                             return;
@@ -1576,6 +1619,8 @@ export const validateMetadataList = (mvdList = []) => {
         if (isValidForValidation(mvd)) {
             validateRequiredField(mvd, value, validationItems);
             validateMaxLength(mvd, value, validationItems);
+            validateCustomRegEx(mvd, value, validationItems);
+            validateFormatRegEx(mvd, value, validationItems);
         }
         return validationItems;
     }, []);
@@ -1598,13 +1643,63 @@ const validateMaxLength = (mvd, value, validationItems) => {
     const isTextOrNumber = mvd.md?.dataType === MetadataDataTypes.Varchar || mvd.md?.dataType === MetadataDataTypes.Number;
     const isFormula = FormulaHelper.isFormula(value);
     if (isTextOrNumber && !isFormula && mvd.md?.length && value.replace(regex, '').length > maxLength) {
-        const message = `"${mvd.md.nameLoc ?? "no-name"}" ha superata massimo lunghezza di ${maxLength} caratteri.`;
-        validationItems.push(new ValidationItem(ResultTypes.ERROR, mvd.md.nameLoc ?? "", message));
+        const fieldName = mvd.md?.nameLoc ?? mvd.md?.name ?? SDKUI_Localizator.Field;
+        const message = SDKUI_Localizator.MaxLengthExceeded.replaceParams(fieldName, maxLength);
+        validationItems.push(new ValidationItem(ResultTypes.ERROR, fieldName, message));
+    }
+};
+const validateCustomRegEx = (mvd, value, validationItems) => {
+    const pattern = mvd.md?.format?.formatCustom;
+    if (mvd.md?.format?.format !== MetadataFormats.CustomRegEx || !pattern)
+        return;
+    // Valore vuoto: ci pensa validateRequiredField; formule: non validabili con regex
+    if (!value.trim() || FormulaHelper.isFormula(value))
+        return;
+    try {
+        const regex = new RegExp(`^(?:${pattern})$`);
+        if (!regex.test(value)) {
+            const fieldName = mvd.md?.nameLoc ?? mvd.md?.name ?? SDKUI_Localizator.Field;
+            const message = SDKUI_Localizator.FormatNotRespected.replaceParams(fieldName, pattern);
+            validationItems.push(new ValidationItem(ResultTypes.ERROR, fieldName, message));
+        }
+    }
+    catch {
+        // Pattern regex non valido: nessuna validazione, accetta qualsiasi valore
+    }
+};
+// Regex predefinite per i formati standard (EMail, Partita IVA, Codice Fiscale)
+const FORMAT_REGEX_RULES = [
+    {
+        format: MetadataFormats.EMail,
+        regex: /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/,
+        message: (name) => SDKUI_Localizator.InvalidEmailAddress.replaceParams(name)
+    },
+    {
+        format: MetadataFormats.PartitaIva,
+        regex: /^[0-9]{11}$/,
+        message: (name) => SDKUI_Localizator.InvalidVatNumber.replaceParams(name)
+    },
+    {
+        // Persone fisiche (16 caratteri, incluse le lettere di omocodia) o soggetti giuridici (11 cifre)
+        format: MetadataFormats.CodiceFiscale,
+        regex: /^(?:[A-Z]{6}[0-9LMNPQRSTUV]{2}[ABCDEHLMPRST][0-9LMNPQRSTUV]{2}[A-Z][0-9LMNPQRSTUV]{3}[A-Z]|[0-9]{11})$/i,
+        message: (name) => SDKUI_Localizator.InvalidTaxCode.replaceParams(name)
+    }
+];
+const validateFormatRegEx = (mvd, value, validationItems) => {
+    const rule = FORMAT_REGEX_RULES.find(r => r.format === mvd.md?.format?.format);
+    if (!rule)
+        return;
+    // Valore vuoto: ci pensa validateRequiredField; formule: non validabili con regex
+    if (!value.trim() || FormulaHelper.isFormula(value))
+        return;
+    if (!rule.regex.test(value)) {
+        validationItems.push(new ValidationItem(ResultTypes.ERROR, mvd.md?.nameLoc ?? "", rule.message(mvd.md?.nameLoc ?? SDKUI_Localizator.Field)));
     }
 };
 //#endregion Validation
 // Synchronizes panel visibility and toolbar button disabled states when panels become disabled
-const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoardDisabled, isDcmtTasksDisabled, isPreviewDisabled }) => {
+const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoardDisabled, isDcmtTasksDisabled, isPreviewDisabled, persistedWFVisible = false }) => {
     const { setPanelVisibilityById, setToolbarButtonDisabled } = useTMPanelManagerContext();
     useEffect(() => {
         if (isSysMetadataDisabled) {
@@ -1631,8 +1726,12 @@ const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoar
         }
         else {
             setToolbarButtonDisabled('tmWF', false);
+            // Restore persisted visibility when WF becomes enabled
+            if (persistedWFVisible) {
+                setPanelVisibilityById('tmWF', true);
+            }
         }
-    }, [isWFDisabled]);
+    }, [isWFDisabled, persistedWFVisible]);
     useEffect(() => {
         if (isDcmtTasksDisabled) {
             setToolbarButtonDisabled('tmDcmtTasks', true);

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { DcmtTypeListCacheService, SDK_Globals, DataColumnTypes, MetadataFormats, MetadataDataDomains, RelationCacheService, RelationTypes, UserListCacheService, LayoutModes } from "@topconsultnpm/sdk-ts";
-import { genUniqueId, IconFolder, IconBackhandIndexPointingRight, IconCircleInfo, getDcmtCicoStatus, IconChevronDown, IconChevronRight, SDKUI_Localizator, buildDcmtDisplayName, SDKUI_Globals, searchResultToMetadataValues } from '../../../helper';
+import { DcmtTypeListCacheService, SDK_Globals, DataColumnTypes, MetadataDataDomains, RelationCacheService, RelationTypes, UserListCacheService, LayoutModes } from "@topconsultnpm/sdk-ts";
+import { genUniqueId, IconFolder, IconBackhandIndexPointingRight, IconCircleInfo, getDcmtCicoStatus, IconChevronDown, IconChevronRight, SDKUI_Localizator, buildDcmtDisplayName, SDKUI_Globals, searchResultToMetadataValues, getColumnFormatInfo, formatDateTimeByMetadataFormat, formatNumberByMetadataFormat } from '../../../helper';
 import ShowAlert from '../../base/TMAlert';
 import TMToppyMessage from '../../../helper/TMToppyMessage';
 import { TMColors } from '../../../utils/theme';
@@ -55,35 +55,14 @@ export const getDisplayValueByColumn = (col, value) => {
         return value;
     if (col.dataType === DataColumnTypes.Text)
         return value;
-    const format = MetadataFormats[(col.extendedProperties?.["Format"] ?? "None")];
-    const formatCulture = col.extendedProperties?.["FormatCulture"] ?? window.navigator.language;
-    if (col.dataType === DataColumnTypes.DateTime) {
-        const date = new Date(value);
-        switch (format) {
-            case MetadataFormats.ShortDate: return date.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit" } : { dateStyle: 'short' });
-            case MetadataFormats.ShortTime: return date.toLocaleString(formatCulture, { timeStyle: 'short' });
-            case MetadataFormats.ShortDateLongTime: return date.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit', second: '2-digit' } : { dateStyle: 'short', timeStyle: 'medium' }).replace(',', '');
-            case MetadataFormats.ShortDateShortTime: return date.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit' } : { dateStyle: 'short', timeStyle: 'short' }).replace(',', '');
-            case MetadataFormats.LongDate: return date.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric" });
-            case MetadataFormats.LongTime: return date.toLocaleString(formatCulture, { timeStyle: 'medium' });
-            case MetadataFormats.LongDateLongTime: return date.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric", hour: '2-digit', minute: '2-digit', second: '2-digit' });
-            case MetadataFormats.LongDateShortTime: return date.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric", hour: '2-digit', minute: '2-digit' });
-            default: return date.toLocaleString(formatCulture, { dateStyle: 'short' });
-        }
-    }
-    if (col.dataType === DataColumnTypes.Number) {
-        return value.toLocaleString(formatCulture, { useGrouping: format == MetadataFormats.NumberWithThousandsSeparator });
-    }
-    if (format == MetadataFormats.None)
-        return value;
-    if (format == MetadataFormats.CurrencyEuro)
-        return value.toLocaleString(formatCulture, { style: 'currency', currency: "EUR" });
-    if (format == MetadataFormats.CurrencyDollar)
-        return value.toLocaleString(formatCulture, { style: 'currency', currency: "USD" });
-    if (format == MetadataFormats.CurrencyPound)
-        return value.toLocaleString(formatCulture, { style: 'currency', currency: "GBP" });
-    if (format == MetadataFormats.CurrencyYen)
-        return value.toLocaleString(formatCulture, { style: 'currency', currency: "JPY" });
+    // Formato e cultura di visualizzazione definiti sulle proprietà estese della colonna
+    const { format, formatCulture } = getColumnFormatInfo(col);
+    // Date: il valore arriva come stringa e va prima convertito in Date
+    if (col.dataType === DataColumnTypes.DateTime)
+        return formatDateTimeByMetadataFormat(new Date(value), format, formatCulture);
+    // Numeri (incluse valute): stessa formattazione usata da TMSearchResult
+    if (col.dataType === DataColumnTypes.Number)
+        return formatNumberByMetadataFormat(value, format, formatCulture);
     return value;
 };
 /**
@@ -123,9 +102,11 @@ export const searchResultToDataSource = async (searchResult, hideSysMetadata) =>
                     ? (mvd.md?.name ?? '').toUpperCase()
                     : (mvd.md?.name ?? '');
                 if (key) {
+                    // Find the corresponding column by MID to format the value
+                    const column = dtdResult?.columns?.find(c => Number(c.extendedProperties?.["MID"] ?? "0") === mvd.mid);
                     item[key] = {
                         md: mvd.md,
-                        value: mvd.value
+                        value: getDisplayValueByColumn(column, mvd.value)
                     };
                 }
             }

package/lib/components/features/search/TMSearch.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SavedQueryDescriptor, DcmtTypeDescriptor, TaskDescriptor, ObjectRef, HomeBlogPost } from '@topconsultnpm/sdk-ts';
 import { IntesiCertificateData } from '../../../helper';
-import { DcmtInfo, TaskContext } from '../../../ts';
+import { DcmtInfo, IGraphometricManagerProp, TaskContext } from '../../../ts';
 import { TMSearchResultFloatingActionConfig } from './TMSearchResultFloatingActionButton';
 interface ITMSearchProps {
     allTasks?: Array<TaskDescriptor>;
@@ -44,6 +44,7 @@ interface ITMSearchProps {
     inputDID?: number;
     formAutoOpen?: boolean;
     fetchRemoteCertificates?: (email: string) => Promise<IntesiCertificateData[]>;
+    graphometricManager?: IGraphometricManagerProp;
 }
 declare const TMSearch: React.FunctionComponent<ITMSearchProps>;
 export default TMSearch;

package/lib/components/features/search/TMSearch.js

@@ -20,7 +20,7 @@ var TMSearchViews;
     TMSearchViews[TMSearchViews["Search"] = 0] = "Search";
     TMSearchViews[TMSearchViews["Result"] = 1] = "Result";
 })(TMSearchViews || (TMSearchViews = {}));
-const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, openInOffice, isVisible, inputTID, inputSqdID, inputMids, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, floatingActionConfig, onFileOpened, onRefreshAfterAddDcmtToFavs, onTaskCreateRequest, openWGsCopyMoveForm, editPdfForm = false, openS4TViewer, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, showTodoDcmtForm, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false, passToArchiveCallback, onCurrentTIDChangedCallback, onlyShowSearchQueryPanel, onReferenceClick, refreshFavoriteSavedQueries, inputDID, formAutoOpen, fetchRemoteCertificates }) => {
+const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, openInOffice, isVisible, inputTID, inputSqdID, inputMids, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, floatingActionConfig, onFileOpened, onRefreshAfterAddDcmtToFavs, onTaskCreateRequest, openWGsCopyMoveForm, editPdfForm = false, openS4TViewer, onOpenS4TViewerRequest, onOpenPdfEditorRequest, openFileUploaderPdfEditor, showTodoDcmtForm, showToppyDraggableHelpCenter = true, toppyHelpCenterUsePortal = false, passToArchiveCallback, onCurrentTIDChangedCallback, onlyShowSearchQueryPanel, onReferenceClick, refreshFavoriteSavedQueries, inputDID, formAutoOpen, fetchRemoteCertificates, graphometricManager }) => {
     const [allSQDs, setAllSQDs] = useState([]);
     const [filteredByTIDSQDs, setFilteredByTIDSQDs] = useState([]);
     const [currentSQD, setCurrentSQD] = useState();
@@ -266,7 +266,7 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
             toolbarOptions: { icon: _jsx(IconSavedQuery, { fontSize: 24 }), visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['TMSavedQuerySelector'] }
         }
     ], [tmTreeSelectorElement, showSearchResults, tmRecentsManagerElement, tmSearchQueryPanelElement, tmSavedQuerySelectorElement, fromDTD, mruTIDs]);
-    return (_jsxs(_Fragment, { children: [showSearchResults ? _jsx(StyledMultiViewPanel, { "$isVisible": currentSearchView === TMSearchViews.Search, children: _jsx(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'TMRecentsManager', isPersistenceEnabled: !isMobile ? hasSavedLayout() : false, persistPanelStates: !isMobile ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: getPersistedPanelStates(), children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true, minPanelSizePx: !isMobile ? 250 : 150 }) }) }) : tmSearchQueryPanelElement, showSearchResults && _jsx(TMSearchResult, { isVisible: isVisible && currentSearchView === TMSearchViews.Result, context: SearchResultContext.METADATA_SEARCH, searchResults: searchResult, floatingActionConfig: floatingActionConfig, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, openInOffice: openInOffice, onRefreshSearchAsyncDatagrid: onRefreshSearchAsyncDatagrid, onClose: () => { onlyShowSearchQueryPanel ? setShowSearchResults(false) : setCurrentSearchView(TMSearchViews.Search); }, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, editPdfForm: editPdfForm, onOpenPdfEditorRequest: onOpenPdfEditorRequest, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, openFileUploaderPdfEditor: openFileUploaderPdfEditor, passToArchiveCallback: passToArchiveCallback, onSelectedTIDChanged: onCurrentTIDChangedCallback, showTodoDcmtForm: showTodoDcmtForm, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal, onReferenceClick: onReferenceClick, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, inputDID: inputDID, formAutoOpen: formAutoOpen, fetchRemoteCertificates: fetchRemoteCertificates })] }));
+    return (_jsxs(_Fragment, { children: [showSearchResults ? _jsx(StyledMultiViewPanel, { "$isVisible": currentSearchView === TMSearchViews.Search, children: _jsx(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'TMRecentsManager', isPersistenceEnabled: !isMobile ? hasSavedLayout() : false, persistPanelStates: !isMobile ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: getPersistedPanelStates(), children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true, minPanelSizePx: !isMobile ? 250 : 150 }) }) }) : tmSearchQueryPanelElement, showSearchResults && _jsx(TMSearchResult, { isVisible: isVisible && currentSearchView === TMSearchViews.Result, context: SearchResultContext.METADATA_SEARCH, searchResults: searchResult, floatingActionConfig: floatingActionConfig, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, openInOffice: openInOffice, onRefreshSearchAsyncDatagrid: onRefreshSearchAsyncDatagrid, onClose: () => { onlyShowSearchQueryPanel ? setShowSearchResults(false) : setCurrentSearchView(TMSearchViews.Search); }, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, editPdfForm: editPdfForm, onOpenPdfEditorRequest: onOpenPdfEditorRequest, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, openFileUploaderPdfEditor: openFileUploaderPdfEditor, passToArchiveCallback: passToArchiveCallback, onSelectedTIDChanged: onCurrentTIDChangedCallback, showTodoDcmtForm: showTodoDcmtForm, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal, onReferenceClick: onReferenceClick, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, inputDID: inputDID, formAutoOpen: formAutoOpen, fetchRemoteCertificates: fetchRemoteCertificates, graphometricManager: graphometricManager })] }));
 };
 export default TMSearch;
 const TMTreeSelectorWrapper = ({ isMobile, onSelectedTIDChanged }) => {

package/lib/components/features/search/TMSearchResult.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DcmtTypeDescriptor, HomeBlogPost, ObjectRef, SearchResultDescriptor, TaskDescriptor, WorkingGroupDescriptor } from '@topconsultnpm/sdk-ts';
 import { IntesiCertificateData } from '../../../helper';
-import { DcmtInfo, SearchResultContext, TaskContext } from '../../../ts';
+import { DcmtInfo, IGraphometricManagerProp, SearchResultContext, TaskContext } from '../../../ts';
 import { TMSearchResultFloatingActionConfig } from './TMSearchResultFloatingActionButton';
 export declare const getSearchResultCountersSingleCategory: (searchResults: SearchResultDescriptor[]) => string;
 interface ITMSearchResultProps {
@@ -53,6 +53,7 @@ interface ITMSearchResultProps {
     openCommentFormCallback?: (documents: Array<DcmtInfo>) => void;
     openAddDocumentForm?: () => void;
     fetchRemoteCertificates?: (email: string) => Promise<IntesiCertificateData[]>;
+    graphometricManager?: IGraphometricManagerProp;
     allTasks?: Array<TaskDescriptor>;
     getAllTasks?: () => Promise<void>;
     deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;

package/lib/components/features/search/TMSearchResult.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { LoadIndicator } from 'devextreme-react';
-import { AppModules, DataColumnTypes, DataListViewModes, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, MetadataFormats, SDK_Globals, SystemMIDsAsNumber, UserListCacheService, } from '@topconsultnpm/sdk-ts';
-import { deepCompare, generateUniqueColumnKeys, genUniqueId, getSearchToolbarVisibility, IconAll, IconBoard, IconDcmtTypeSys, IconDelete, IconMenuVertical, IconPlatform, IconRefresh, IconSearchCheck, IconShow, isApprovalWorkflowView, isSign4TopEnabled, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, SDKUI_Localizator } from '../../../helper';
+import { AppModules, DataColumnTypes, DataListViewModes, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataDomains, SDK_Globals, SystemMIDsAsNumber, UserListCacheService, } from '@topconsultnpm/sdk-ts';
+import { deepCompare, formatDateTimeByMetadataFormat, formatNumberByMetadataFormat, generateUniqueColumnKeys, genUniqueId, getColumnFormatInfo, getSearchToolbarVisibility, IconAll, IconBoard, IconDcmtTypeSys, IconDelete, IconMenuVertical, IconPlatform, IconRefresh, IconSearchCheck, IconShow, isApprovalWorkflowView, isSign4TopEnabled, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, SDKUI_Localizator } from '../../../helper';
 import { CounterItemKey } from '../../base/TMCounterContainer';
 import { getDcmtCicoStatus } from '../../../helper/checkinCheckoutManager';
 import { DcmtOperationTypes, SearchResultContext, } from '../../../ts';
@@ -61,7 +61,7 @@ openInOffice, onRefreshAfterAddDcmtToFavs, onRefreshSearchAsyncDatagrid, onSelec
 // Tasks
 allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, 
 // Navigation
-handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, }) => {
+handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, graphometricManager, }) => {
     // Ref for the floating bar container (used to position the floating action buttons)
     const floatingBarContainerRef = useRef(null);
     // Ref per tracciare se autoFocusFirstRow=false deve bloccare l'auto-focus.
@@ -341,7 +341,8 @@ handleNavigateToWGs, handleNavigateToDossiers, fetchRemoteCertificates, }) => {
             allowFloatingBar,
             enablePinIcons,
             allowRelations,
-            showTodoDcmtForm
+            showTodoDcmtForm,
+            graphometricManager,
         },
         tasks: {
             allTasks: allTasks,
@@ -999,42 +1000,14 @@ const TMSearchResultGrid = ({ openInOffice, fromDTD, operationItems, allUsers, i
     const getDisplayFormat = useCallback((col) => {
         if (col.dataType === DataColumnTypes.Text)
             return undefined;
-        const format = MetadataFormats[(col.extendedProperties?.["Format"] ?? "None")];
-        const formatCulture = col.extendedProperties?.["FormatCulture"] ?? window.navigator.language;
-        if (col.dataType === DataColumnTypes.DateTime) {
-            return {
-                formatter: function (value) {
-                    switch (format) {
-                        case MetadataFormats.ShortDate: return value.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit" } : { dateStyle: 'short' });
-                        case MetadataFormats.ShortTime: return value.toLocaleString(formatCulture, { timeStyle: 'short' });
-                        case MetadataFormats.ShortDateLongTime: return value.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit', second: '2-digit' } : { dateStyle: 'short', timeStyle: 'medium' }).replace(',', '');
-                        case MetadataFormats.ShortDateShortTime: return value.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit", hour: '2-digit', minute: '2-digit' } : { dateStyle: 'short', timeStyle: 'short' }).replace(',', '');
-                        case MetadataFormats.LongDate: return value.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric" });
-                        case MetadataFormats.LongTime: return value.toLocaleString(formatCulture, { timeStyle: 'medium' });
-                        case MetadataFormats.LongDateLongTime: return value.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric", hour: '2-digit', minute: '2-digit', second: '2-digit' });
-                        case MetadataFormats.LongDateShortTime: return value.toLocaleString(formatCulture, { weekday: "long", year: "numeric", month: "long", day: "numeric", hour: '2-digit', minute: '2-digit' });
-                        default: return value.toLocaleString(formatCulture, formatCulture == "it-IT" ? { year: "numeric", month: "2-digit", day: "2-digit" } : { dateStyle: 'short' });
-                    }
-                }
-            };
-        }
-        if (col.dataType === DataColumnTypes.Number) {
-            return {
-                formatter: function (value) {
-                    return value.toLocaleString(formatCulture, { useGrouping: format == MetadataFormats.NumberWithThousandsSeparator });
-                }
-            };
-        }
-        if (format == MetadataFormats.None)
-            return undefined;
-        if (format == MetadataFormats.CurrencyEuro)
-            return { type: 'currency', precision: 2, currency: "EUR" };
-        if (format == MetadataFormats.CurrencyDollar)
-            return { type: 'currency', precision: 2, currency: "USD" };
-        if (format == MetadataFormats.CurrencyPound)
-            return { type: 'currency', precision: 2, currency: "GBP" };
-        if (format == MetadataFormats.CurrencyYen)
-            return { type: 'currency', currency: "JPY" };
+        // Formato e cultura di visualizzazione definiti sulle proprietà estese della colonna
+        const { format, formatCulture } = getColumnFormatInfo(col);
+        // Date: la griglia passa al formatter un oggetto Date già istanziato
+        if (col.dataType === DataColumnTypes.DateTime)
+            return { formatter: (value) => formatDateTimeByMetadataFormat(value, format, formatCulture) };
+        // Numeri (incluse valute): stessa formattazione usata da TMRelationViewer
+        if (col.dataType === DataColumnTypes.Number)
+            return { formatter: (value) => formatNumberByMetadataFormat(value, format, formatCulture) };
         return undefined;
     }, []);
     /**

package/lib/components/features/search/TMSignatureInfoContent.d.ts

@@ -1,6 +1,8 @@
-import { DcmtInfo } from "../../../ts";
+import { DcmtInfo, IGraphometricManagerProp } from "../../../ts";
 interface TMSignatureInfoContentProps {
     inputDcmt: DcmtInfo;
+    graphometricManager?: IGraphometricManagerProp;
+    onClose?: () => void;
 }
-declare const TMSignatureInfoContent: (props: TMSignatureInfoContentProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const TMSignatureInfoContent: (props: TMSignatureInfoContentProps) => import("react/jsx-runtime").JSX.Element;
 export default TMSignatureInfoContent;