@topconsultnpm/sdkui-react 6.20.0-dev2.51 → 6.20.0-dev2.53

package/lib/components/base/TMTreeView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef } from 'react';
 import styled from 'styled-components';
-import { IconChevronDown, IconChevronRight } from '../../helper';
+import { IconChevronDown, IconChevronRight, SDKUI_Localizator } from '../../helper';
 import TMButton from './TMButton';
 const TMTreeView = ({ dataSource = [], focusedItem, selectedItems = [], allowMultipleSelection, onDataChanged, calculateItemsForNode, itemRender, onNodeUpdate, onFocusedItemChanged, onSelectionChanged, shouldDelayFocusOnEvent, autoSelectChildren = true, itemsPerPage = 100, showLoadMoreButton = true }) => {
     useEffect(() => {
@@ -350,7 +350,7 @@ const TMTreeView = ({ dataSource = [], focusedItem, selectedItems = [], allowMul
                                 if (input) {
                                     input.indeterminate = isIndeterminate(node);
                                 }
-                            } })), _jsx("div", { style: { display: 'flex', alignItems: 'center', flex: 1, minWidth: 0 }, onClick: (e) => { handleNodeClick(node, e); }, children: itemRender(node) })] }), node.expanded && node.items && (_jsxs("div", { style: { paddingLeft: 20, width: '100%' }, children: [renderTree(getVisibleItems(node)), needsPagination(node) && (_jsxs(StyledStickyPaginator, { children: [_jsx(TMButton, { onClick: () => handlePageChange(node.key, (node.currentPage ?? 0) - 1), showTooltip: false, caption: "\u25C4", disabled: (node.currentPage ?? 0) <= 0 }), _jsxs("span", { style: { fontSize: '12px', whiteSpace: 'nowrap', fontWeight: 500, overflow: 'hidden', textOverflow: 'ellipsis', minWidth: 0 }, children: ["Pagina ", (node.currentPage ?? 0) + 1, " di ", getTotalPages(node), " (", node.items?.length ?? 0, " elementi)"] }), _jsx(TMButton, { onClick: () => handlePageChange(node.key, (node.currentPage ?? 0) + 1), showTooltip: false, caption: "\u25BA", disabled: (node.currentPage ?? 0) >= getTotalPages(node) - 1 })] }))] }))] }, node.key)));
+                            } })), _jsx("div", { style: { display: 'flex', alignItems: 'center', flex: 1, minWidth: 0 }, onClick: (e) => { handleNodeClick(node, e); }, children: itemRender(node) })] }), node.expanded && node.items && (_jsxs("div", { style: { paddingLeft: 20, width: '100%' }, children: [renderTree(getVisibleItems(node)), needsPagination(node) && (_jsxs(StyledStickyPaginator, { children: [_jsx(TMButton, { onClick: () => handlePageChange(node.key, (node.currentPage ?? 0) - 1), showTooltip: false, caption: "\u25C4", disabled: (node.currentPage ?? 0) <= 0 }), _jsx("span", { style: { fontSize: '12px', whiteSpace: 'nowrap', fontWeight: 500, overflow: 'hidden', textOverflow: 'ellipsis', minWidth: 0, color: 'white' }, children: SDKUI_Localizator.PaginationInfo.replaceParams((node.currentPage ?? 0) + 1, getTotalPages(node), node.items?.length ?? 0) }), _jsx(TMButton, { onClick: () => handlePageChange(node.key, (node.currentPage ?? 0) + 1), showTooltip: false, caption: "\u25BA", disabled: (node.currentPage ?? 0) >= getTotalPages(node) - 1 })] }))] }))] }, node.key)));
     }, [handleNodeClick, handleNodeToggle, handleCheckboxChange, focusedItem, selectedItems, allowMultipleSelection, getVisibleItems, needsPagination, handlePageChange, getTotalPages]);
     return (_jsx("div", { style: { height: '100%', width: '100%', overflowY: 'auto', overflowX: 'hidden', padding: '0px 5px 2px 2px' }, children: renderTree(dataSource) }));
 };

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

@@ -1348,7 +1348,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                     did: Number(DID),
                     name: fromDTD?.nameLoc ?? SDKUI_Localizator.Widget_Activities,
                 },
-            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, afterTaskSaved: afterTaskSaved }));
+            }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, afterTaskSaved: afterTaskSaved, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }));
     }, [allTasks, TID, DID, fromDTD]);
     const normalizedTID = TID !== undefined ? Number(TID) : undefined;
     const defaultPanelDimensions = {

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

@@ -1,5 +1,5 @@
 import { FormModes, TaskContext } from "../../../ts";
-import { TaskDescriptor } from "@topconsultnpm/sdk-ts";
+import { HomeBlogPost, TaskDescriptor } from "@topconsultnpm/sdk-ts";
 interface TMDcmtTasksProps {
     taskContext: TaskContext;
     allTasks: Array<TaskDescriptor>;
@@ -8,6 +8,8 @@ interface TMDcmtTasksProps {
     addTaskCallback: (task: TaskDescriptor) => Promise<void>;
     editTaskCallback: (task: TaskDescriptor) => Promise<void>;
     afterTaskSaved: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
+    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
 }
 declare const TMDcmtTasks: (props: TMDcmtTasksProps) => import("react/jsx-runtime").JSX.Element;
 export default TMDcmtTasks;

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

@@ -6,7 +6,7 @@ import { useTMPanelManagerContext } from "../../layout/panelManager/TMPanelManag
 import TMPanel from "../../base/TMPanel";
 import TMTasksPanelContent from "../tasks/TMTasksPanelContent";
 const TMDcmtTasks = (props) => {
-    const { taskContext, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved } = props;
+    const { taskContext, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers } = props;
     // 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.
@@ -19,6 +19,6 @@ const TMDcmtTasks = (props) => {
                 text: SDKUI_Localizator.Refresh,
             },
         ], children: _jsx(IconMenuVertical, { id: "TMTaksPanel-Commands-Header", color: 'white', cursor: 'pointer' }) }), []);
-    return _jsx("div", { style: { width: "100%", height: "100%", position: 'relative' }, children: _jsx(TMPanel, { title: SDKUI_Localizator.Widget_Activities, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onClose: countVisibleLeafPanels() > 1 ? () => togglePanelVisibility("tmDcmtTasks") : undefined, onMaximize: countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmDcmtTasks") : undefined, toolbar: toolbar, children: _jsx(TMTasksPanelContent, { id: "dcmtTasks", taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: () => { return Promise.resolve(); }, handleNavigateToDossiers: () => { return Promise.resolve(); }, afterTaskSaved: afterTaskSaved }) }) });
+    return _jsx("div", { style: { width: "100%", height: "100%", position: 'relative' }, children: _jsx(TMPanel, { title: SDKUI_Localizator.Widget_Activities, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onClose: countVisibleLeafPanels() > 1 ? () => togglePanelVisibility("tmDcmtTasks") : undefined, onMaximize: countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmDcmtTasks") : undefined, toolbar: toolbar, children: _jsx(TMTasksPanelContent, { id: "dcmtTasks", taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs ? handleNavigateToWGs : () => { return Promise.resolve(); }, handleNavigateToDossiers: handleNavigateToDossiers ? handleNavigateToDossiers : () => { return Promise.resolve(); }, afterTaskSaved: afterTaskSaved }) }) });
 };
 export default TMDcmtTasks;

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

@@ -4,10 +4,9 @@ import { DcmtTypeListCacheService, SDK_Localizator } from '@topconsultnpm/sdk-ts
 import styled from 'styled-components';
 import TMRelationViewer from './TMRelationViewer';
 import TMContextMenu from '../../NewComponents/ContextMenu/TMContextMenu';
-import { genUniqueId, IconMultipleSelection, IconCheckFile, IconDetailDcmts, SDKUI_Localizator, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconMenuVertical, IconDataList, IconPreview, IconSearchCheck, IconBoard, IconDcmtTypeSys, IconShow, getMoreInfoTasksForDocument } from '../../../helper';
+import { genUniqueId, IconMultipleSelection, IconCheckFile, IconDetailDcmts, SDKUI_Localizator, IconMenuVertical, IconDataList, IconPreview, IconSearchCheck, IconBoard, IconDcmtTypeSys, IconShow, getMoreInfoTasksForDocument } from '../../../helper';
 import { FormModes, SearchResultContext } from '../../../ts';
 import { TMColors } from '../../../utils/theme';
-import ShowAlert from '../../base/TMAlert';
 import { DeviceType } from '../../base/TMDeviceProvider';
 import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSaveForm';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
@@ -122,82 +121,6 @@ const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallba
             onClick: () => {
                 appendMasterDcmts?.(focusedItem?.tid, focusedItem?.did);
             }
-        },
-        {
-            icon: _jsx(IconMail, {}),
-            name: "Invia per posta",
-            disabled: false,
-            beginGroup: true,
-            submenu: [
-                {
-                    icon: _jsx(IconMail, {}),
-                    name: "I documenti selezionati",
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: _jsx(IconMail, {}),
-                    name: "I documenti di primo livello e tutti i documenti correlati",
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: _jsx(IconMail, {}),
-                    name: "I documenti di primo livello e i documenti correlati personalizzando l'operazione",
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-            ]
-        },
-        {
-            icon: _jsx(IconDcmtTypeOnlyMetadata, {}),
-            name: "Unisci in un file PDF",
-            disabled: false,
-            submenu: [
-                {
-                    icon: _jsx(IconDcmtTypeOnlyMetadata, {}),
-                    name: "I documenti selezionati",
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: _jsx(IconDcmtTypeOnlyMetadata, {}),
-                    name: "I documenti di primo livello e tutti i documenti correlati",
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: _jsx(IconDcmtTypeOnlyMetadata, {}),
-                    name: "I documenti di primo livello e i documenti correlati personalizzando l'operazione",
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-            ]
-        },
-        {
-            icon: _jsx(IconCopy, {}),
-            name: "Copia in una cartella",
-            disabled: false,
-            submenu: [
-                {
-                    icon: _jsx(IconCopy, {}),
-                    name: "I documenti selezionati",
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: _jsx(IconCopy, {}),
-                    name: "I documenti di primo livello e tutti i documenti correlati",
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: _jsx(IconCopy, {}),
-                    name: "I documenti di primo livello e i documenti correlati personalizzando l'operazione",
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-            ]
         }
     ];
     const toolbar = _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [allowMultipleSelection && _jsx("p", { style: { color: TMColors.colorHeader, textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${selectedItems.length} selezionati` }), allowNavigation && canPrev != undefined && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', iconColor: 'white', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), allowNavigation && canNext != undefined && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', iconColor: 'white', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(TMContextMenu, { items: commandsMenuItems, trigger: 'left', children: _jsx(IconMenuVertical, { color: 'white', cursor: 'pointer' }) })] });

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

@@ -265,11 +265,11 @@ const TMTaskForm = (props) => {
                 console.warn(`Unhandled object type: ${ref.objClass}`);
         }
     };
-    return (_jsx("div", { style: { width: "100%", height: "100%", overflow: "auto" }, ref: containerRef, children: _jsxs(TMSaveForm, { width: width, height: height, id: id, title: title, isModal: isModal, formMode: formMode, onSaveAsync: saveDataAsync, onClose: onCloseCallback, showUndoButton: formMode === FormModes.Update, onUndo: onUndoCallback, exception: exception, isModified: calcIsModified(formData, formDataOrig), validationItems: validationItems, showBackButton: showBackButton, hasNavigation: (hasNavigation && formMode !== FormModes.Create), canNext: canNext(), onNext: onNextCallback, canPrev: canPrev(), onPrev: onPrevCallback, showToolbar: !(showDcmtForm && formData?.iD1 && formData?.iD2), children: [_jsxs(_Fragment, { children: [_jsx(ScrollView, { direction: "vertical", useNative: true, height: formData && (formMode === FormModes.Create || formMode === FormModes.None) ? "calc(100% - 70px)" : "calc(100% - 35px)", children: _jsx("div", { style: { marginRight: "5px" }, children: _jsxs(TMLayoutContainer, { direction: 'vertical', gap: 2, children: [(formMode === FormModes.Create || formMode === FormModes.None) && _jsxs("div", { style: { width: '100%', height: '100%' }, children: [_jsx(RenderNameField, { fieldsReadOnly: fieldsReadOnly, setFormData: setFormData, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems }), _jsx(RenderDescriptionField, { fieldsReadOnly: fieldsReadOnly, setFormData: setFormData, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems }), _jsx(TaskAssigneeField, { formMode: formMode, formData: formData, formDataOrig: formDataOrig, taskContext: taskContext, validationItems: validationItems, fieldsReadOnly: fieldsReadOnly, usersList: usersList, onValueChanged: (newValue) => {
+    return (_jsx("div", { style: { width: "100%", height: "100%", overflow: "auto" }, ref: containerRef, children: _jsxs(TMSaveForm, { width: width, height: height, id: id, title: title, isModal: isModal, formMode: formMode, onSaveAsync: saveDataAsync, onClose: onCloseCallback, showUndoButton: formMode === FormModes.Update, onUndo: onUndoCallback, exception: exception, isModified: calcIsModified(formData, formDataOrig), validationItems: validationItems, showBackButton: showBackButton, hasNavigation: (hasNavigation && formMode !== FormModes.Create), canNext: canNext(), onNext: onNextCallback, canPrev: canPrev(), onPrev: onPrevCallback, showToolbar: !(showDcmtForm && formData?.iD1 && formData?.iD2), children: [_jsxs(_Fragment, { children: [_jsx(ScrollView, { direction: "vertical", useNative: true, height: formData && (formMode === FormModes.Create || formMode === FormModes.None) ? "calc(100% - 70px)" : "calc(100% - 35px)", children: _jsx("div", { style: { marginRight: "5px" }, children: _jsxs(TMLayoutContainer, { direction: 'vertical', gap: 2, children: [(formMode === FormModes.Create || formMode === FormModes.Duplicate || formMode === FormModes.None) && _jsxs("div", { style: { width: '100%', height: '100%' }, children: [_jsx(RenderNameField, { fieldsReadOnly: fieldsReadOnly, setFormData: setFormData, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems }), _jsx(RenderDescriptionField, { fieldsReadOnly: fieldsReadOnly, setFormData: setFormData, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems }), _jsx(TaskAssigneeField, { formMode: formMode, formData: formData, formDataOrig: formDataOrig, taskContext: taskContext, validationItems: validationItems, fieldsReadOnly: fieldsReadOnly, usersList: usersList, onValueChanged: (newValue) => {
                                                         if (newValue === undefined)
                                                             return;
                                                         setFormData({ ...formData ?? {}, toID: newValue[0] });
-                                                    } }), _jsx(RenderStartDateField, { fieldsReadOnly: fieldsReadOnly, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems, setFormData: setFormData, onContentReady: handleStartTimeContentReady }), _jsx(RenderEndDateField, { fieldsReadOnly: fieldsReadOnly, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems, setFormData: setFormData, onContentReady: handleEndTimeContentReady }), _jsx(RenderRemindDateField, { fieldsReadOnly: fieldsReadOnly, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems, setFormData: setFormData }), _jsx(RenderPriorityField, { formData: formData, formDataOrig: formDataOrig, fieldsReadOnly: fieldsReadOnly, onPriorityValueChange: onPriorityValueChange }), _jsx(TaskFormContextualAttachments, { taskContext: taskContext })] }), (formMode === FormModes.Update || formMode === FormModes.Duplicate) && _jsxs("div", { style: { width: '100%', height: '100%' }, children: [_jsx(RenderNameField, { fieldsReadOnly: fieldsReadOnly, setFormData: setFormData, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems }), _jsx(RenderDescriptionField, { fieldsReadOnly: fieldsReadOnly, setFormData: setFormData, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems }), _jsx(TaskAssigneeField, { formMode: formMode, formData: formData, formDataOrig: formDataOrig, taskContext: taskContext, validationItems: validationItems, fieldsReadOnly: fieldsReadOnly, usersList: usersList, onValueChanged: (newValue) => {
+                                                    } }), _jsx(RenderStartDateField, { fieldsReadOnly: fieldsReadOnly, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems, setFormData: setFormData, onContentReady: handleStartTimeContentReady }), _jsx(RenderEndDateField, { fieldsReadOnly: fieldsReadOnly, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems, setFormData: setFormData, onContentReady: handleEndTimeContentReady }), _jsx(RenderRemindDateField, { fieldsReadOnly: fieldsReadOnly, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems, setFormData: setFormData }), _jsx(RenderPriorityField, { formData: formData, formDataOrig: formDataOrig, fieldsReadOnly: fieldsReadOnly, onPriorityValueChange: onPriorityValueChange }), _jsx(TaskFormContextualAttachments, { taskContext: taskContext, currentTask: formData })] }), (formMode === FormModes.Update) && _jsxs("div", { style: { width: '100%', height: '100%' }, children: [_jsx(RenderNameField, { fieldsReadOnly: fieldsReadOnly, setFormData: setFormData, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems }), _jsx(RenderDescriptionField, { fieldsReadOnly: fieldsReadOnly, setFormData: setFormData, formData: formData, formDataOrig: formDataOrig, validationItems: validationItems }), _jsx(TaskAssigneeField, { formMode: formMode, formData: formData, formDataOrig: formDataOrig, taskContext: taskContext, validationItems: validationItems, fieldsReadOnly: fieldsReadOnly, usersList: usersList, onValueChanged: (newValue) => {
                                                         if (newValue === undefined)
                                                             return;
                                                         setFormData({ ...formData ?? {}, toID: newValue[0] });

package/lib/components/features/tasks/TMTaskFormUtils.d.ts

@@ -15,9 +15,10 @@ interface RenderContextBlockParams {
 }
 export declare const RenderAttachmentBlock: ({ condition, pdg, label }: RenderContextBlockParams) => JSX.Element | null;
 interface TaskFormContextualAttachmentsProps {
+    currentTask: TaskDescriptor | undefined;
     taskContext: TaskContext | undefined;
 }
-export declare const TaskFormContextualAttachments: ({ taskContext }: TaskFormContextualAttachmentsProps) => JSX.Element | null;
+export declare const TaskFormContextualAttachments: (props: TaskFormContextualAttachmentsProps) => import("react/jsx-runtime").JSX.Element;
 interface TaskFormAssignedToProps {
     formMode: FormModes;
     formData: TaskDescriptor | undefined;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { PdGs, Priorities, SDK_Globals, Task_States } from "@topconsultnpm/sdk-ts";
 import { FormModes } from "../../../ts";
 import { calcResponsiveSizes, DateDisplayTypes, getPdgsIconMap, IconSave, SDKUI_Localizator } from "../../../helper";
@@ -84,15 +84,50 @@ export const TaskFormAssignmentNoticeBadge = (props) => {
 export const RenderAttachmentBlock = ({ condition, pdg, label }) => {
     if (!condition || !label)
         return null;
-    return (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 4 }, children: [SDKUI_Localizator.Attachment, ": ", getPdgsIconMap().get(pdg), " ", label] }));
+    return (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 4 }, children: [SDKUI_Localizator.Attachment, ": ", _jsx("span", { style: { flexShrink: 0 }, children: getPdgsIconMap().get(pdg) }), " ", label] }));
 };
-export const TaskFormContextualAttachments = ({ taskContext }) => {
-    const hasWorkingGroup = !!taskContext?.workingGroup?.id;
-    const hasDossier = !!taskContext?.dossier?.id;
-    const hasDocument = !!taskContext?.document?.tid && !!taskContext?.document?.did;
-    const hasWorkItem = !!taskContext?.workItem?.tid && !!taskContext?.workItem?.did;
-    const hasAnyAttachment = hasWorkingGroup || hasDossier || hasDocument || hasWorkItem;
-    return (_jsx("div", { style: { width: '100%', marginTop: 15, marginLeft: 5 }, children: !hasAnyAttachment ? (_jsxs("span", { children: [SDKUI_Localizator.Attachment, ": ", _jsx("span", { style: { color: '#6c757d', fontStyle: 'italic' }, children: 'Nessun allegato' })] })) : (_jsxs(_Fragment, { children: [_jsx(RenderAttachmentBlock, { condition: hasWorkingGroup, pdg: PdGs.WG, label: SDKUI_Localizator.WorkGroup + ' "' + getOriginLabel(PdGs.WG, taskContext?.workingGroup?.name) + '"' }), _jsx(RenderAttachmentBlock, { condition: hasDossier, pdg: PdGs.CF, label: SDKUI_Localizator.Dossier + ' "' + getOriginLabel(PdGs.CF, taskContext?.dossier?.name) + '"' }), _jsx(RenderAttachmentBlock, { condition: hasDocument, pdg: PdGs.DT, label: SDKUI_Localizator.Document + ' "' + getOriginLabel(PdGs.DT, taskContext?.document?.name) + '"' }), _jsx(RenderAttachmentBlock, { condition: hasWorkItem, pdg: PdGs.DT, label: SDKUI_Localizator.Document + ' "' + getOriginLabel(PdGs.DT, taskContext?.workItem?.name) + '"' })] })) }));
+export const TaskFormContextualAttachments = (props) => {
+    const { currentTask, taskContext } = props;
+    const getAttachmentInfo = useCallback(() => {
+        let hasWorkingGroup = false;
+        let workingGroupName;
+        let hasDossier = false;
+        let dossierName;
+        let hasDocument = false;
+        let documentName;
+        let hasWorkItem = false;
+        let workItemName;
+        if (taskContext) {
+            hasWorkingGroup = !!taskContext?.workingGroup?.id;
+            workingGroupName = taskContext?.workingGroup?.name;
+            hasDossier = !!taskContext?.dossier?.id;
+            dossierName = taskContext?.dossier?.name;
+            hasDocument = !!taskContext?.document?.tid && !!taskContext?.document?.did;
+            documentName = taskContext?.document?.name;
+            hasWorkItem = !!taskContext?.workItem?.tid && !!taskContext?.workItem?.did;
+            workItemName = taskContext?.workItem?.name;
+        }
+        else if (currentTask) {
+            switch (currentTask.pdG) {
+                case PdGs.WG:
+                    hasWorkingGroup = true;
+                    workingGroupName = currentTask.iD1Name;
+                    break;
+                case PdGs.CF:
+                    hasDossier = true;
+                    dossierName = currentTask.iD1Name;
+                    break;
+                case PdGs.DT:
+                    hasDocument = true;
+                    documentName = currentTask.iD1Name;
+                    break;
+            }
+        }
+        const hasAnyAttachment = hasWorkingGroup || hasDossier || hasDocument || hasWorkItem;
+        return { hasWorkingGroup, workingGroupName, hasDossier, dossierName, hasDocument, documentName, hasWorkItem, workItemName, hasAnyAttachment };
+    }, [currentTask, taskContext]);
+    const { hasWorkingGroup, workingGroupName, hasDossier, dossierName, hasDocument, documentName, hasWorkItem, workItemName, hasAnyAttachment } = useMemo(() => getAttachmentInfo(), [getAttachmentInfo]);
+    return (_jsx("div", { style: { width: '100%', marginTop: 15, marginLeft: 5 }, children: !hasAnyAttachment ? (_jsxs("span", { children: [SDKUI_Localizator.Attachment, ":", " ", _jsx("span", { style: { color: "#6c757d", fontStyle: "italic" }, children: "Nessun allegato" })] })) : (_jsxs(_Fragment, { children: [_jsx(RenderAttachmentBlock, { condition: hasWorkingGroup, pdg: PdGs.WG, label: `${SDKUI_Localizator.WorkGroup} "${getOriginLabel(PdGs.WG, workingGroupName)}"` }), _jsx(RenderAttachmentBlock, { condition: hasDossier, pdg: PdGs.CF, label: `${SDKUI_Localizator.Dossier} "${getOriginLabel(PdGs.CF, dossierName)}"` }), _jsx(RenderAttachmentBlock, { condition: hasDocument, pdg: PdGs.DT, label: `${SDKUI_Localizator.Document} "${getOriginLabel(PdGs.DT, documentName)}"` }), _jsx(RenderAttachmentBlock, { condition: hasWorkItem, pdg: PdGs.DT, label: `${SDKUI_Localizator.Document} "${getOriginLabel(PdGs.DT, workItemName)}"` })] })) }));
 };
 const TaskPdgOriginNavigator = (props) => {
     const { formMode, formData, isMobile, gotoPDGExtendedLabelClickCallback } = props;
@@ -195,7 +230,6 @@ const FloatingFieldLabel = styled.label `
     align-items: center;
     gap: 6px;
 `;
-// Nuovo Styled component semplice per StatusFieldValue
 const StatusFieldLabel = styled.div `
     display: flex;
     align-items: center;
@@ -221,49 +255,6 @@ const StatusValue = styled.span `
     color: ${props => props.$isModifiedWhen ? "#B46900" : "#3A3A3A"};
     transition: all 0.2s ease;
 `;
-const ResponseReadOnlyContainer = styled.div `width: 100%;`;
-const ResponseReadOnlyLabel = styled.div `
-    font-size: 1rem;
-    color: #000;
-    margin-bottom: 6px;
-`;
-const ResponseReadOnlyValue = styled.div `
-    border: 1px solid #dee2e6;
-    border-radius: 8px;
-    padding: 12px 14px;
-    font-size: 0.95rem;
-    color: #495057;
-    line-height: 1.5;
-    white-space: pre-wrap;
-    word-wrap: break-word;
-    background: ${props => props.$isModifiedWhen
-    ? "#FFF4E0"
-    : `linear-gradient(#F6F7F9, #F6F7F9) padding-box,
-           linear-gradient(270deg, #46B5A2 16%, #3BAABC 34%, #3BAABC 34%, #3681AD 54%, #3368A5 72%, #2F549D 88%, #304F99 100%) border-box`};
-    ${props => props.$isModifiedWhen && `border-color: #FFD79A;`}
-    /* Limite a 3 righe con scrollbar */
-    max-height: calc(1.5em * 3 + 24px); /* 3 righe + padding */
-    overflow-y: auto;
-    
-    /* Scrollbar stilizzata */
-    &::-webkit-scrollbar {
-        width: 6px;
-    }
-    &::-webkit-scrollbar-track {
-        background: #f1f1f1;
-        border-radius: 3px;
-    }
-    &::-webkit-scrollbar-thumb {
-        background: linear-gradient(180deg, #46B5A2, #3681AD);
-        border-radius: 3px;
-    }
-    &::-webkit-scrollbar-thumb:hover {
-        background: linear-gradient(180deg, #3a9a89, #2d6d94);
-    }
-    
-    /* Permette selezione testo */
-    user-select: text;
-`;
 const ResponseCommentWrapper = styled.div `
     position: relative;
     width: 100%;
@@ -367,9 +358,6 @@ export const RenderTaskFormStateField = (props) => {
     // Condizione per mostrare il pulsante
     const showCloseButton = taskRole === 'sender' && formDataOrig?.state === Task_States.Completed;
     const showModifyButton = !(taskRole === 'sender' && formDataOrig?.state === Task_States.Completed);
-    console.log(taskRole);
-    console.log("showCloseButton", showCloseButton);
-    console.log("showModifyButton", showModifyButton);
     const closeTaskCallback = () => {
         if (!formData || !formData.id)
             return;
@@ -510,10 +498,10 @@ export const STATUS_TRANSITIONS = {
     },
     // Destinatario del task: può modificare lo stato liberamente, ma solo riaprire o chiudere se completato
     receiver: {
-        [Task_States.NotStarted]: [Task_States.InProgress, Task_States.Waiting, Task_States.Deferred, Task_States.Completed],
-        [Task_States.InProgress]: [Task_States.InProgress, Task_States.Waiting, Task_States.Deferred, Task_States.Completed],
-        [Task_States.Waiting]: [Task_States.InProgress, Task_States.Waiting, Task_States.Deferred, Task_States.Completed],
-        [Task_States.Deferred]: [Task_States.InProgress, Task_States.Waiting, Task_States.Deferred, Task_States.Completed],
+        [Task_States.NotStarted]: [Task_States.NotStarted, Task_States.InProgress, Task_States.Waiting, Task_States.Deferred, Task_States.Completed],
+        [Task_States.InProgress]: [Task_States.NotStarted, Task_States.InProgress, Task_States.Waiting, Task_States.Deferred, Task_States.Completed],
+        [Task_States.Waiting]: [Task_States.NotStarted, Task_States.InProgress, Task_States.Waiting, Task_States.Deferred, Task_States.Completed],
+        [Task_States.Deferred]: [Task_States.NotStarted, Task_States.InProgress, Task_States.Waiting, Task_States.Deferred, Task_States.Completed],
         [Task_States.Completed]: [Task_States.Closed, Task_States.InProgress],
         [Task_States.Closed]: [Task_States.NotStarted, Task_States.InProgress, Task_States.Waiting, Task_States.Deferred, Task_States.Completed, Task_States.Closed]
     }

package/lib/helper/Enum_Localizator.js

@@ -101,11 +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";
-            }
+        //  case JobTypes.CassettoDoganaleDistiller:
+        //     switch (cultureID) {
+        //         case CultureIDs.It_IT: return value?.toString();
+        //         default: return "CustomsDrawerDistiller";
+        //     }
         default: return value?.toString() ?? '';
     }
 }

package/lib/helper/SDKUI_Localizator.d.ts

@@ -462,6 +462,7 @@ export declare class SDKUI_Localizator {
     static get ParametricFilterTypes_ByUserID(): "Filtern nach {@UserID}" | "Filter on {@UserID}" | "Filtro en {@UserID}" | "Filtre sur  {@UserID}" | "Filtre on {@UserID}" | "Filtro su {@UserID}";
     static get ParametricFilterTypes_ByUserName(): "Filtern nach {@Benutzername} (=)" | "Filter on {@UserName} (=)" | "Filtro en {@UserName} (=)" | "Filtre sur {@UserName} (=)" | "Filtre on {@UserName} (=)" | "Filtro su {@UserName} (=)";
     static get ParametricFilterTypes_ByUserNameC(): "Filter nach {@Benutzername} (Enthält)" | "Filter on {@UserName} (Contains)" | "Filtro en {@UserName} (Contiene)" | "Filtre sur {@UserName} (Contient)" | "Filtre on {@UserName} (Contém)" | "Filtro su {@UserName} (Contiene)";
+    static get PaginationInfo(): string;
     static get Participants(): "Teilnehmer" | "Participants" | "Participantes" | "Partecipanti";
     static get Password(): "Passwort" | "Password" | "Contraseña" | "Mot de passe" | "Senha";
     static get PassToArchive(): "Zur Archivierung übergeben" | "Pass to archive" | "Pasar a archivo" | "Passer à l'archivage" | "Passar para arquivo" | "Passa ad archiviazione";

package/lib/helper/SDKUI_Localizator.js

@@ -4578,6 +4578,16 @@ export class SDKUI_Localizator {
             default: return "Filtro su {@UserName} (Contiene)";
         }
     }
+    static get PaginationInfo() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Seite {{0}} von {{1}} ({{2}} Elemente)";
+            case CultureIDs.En_US: return "Page {{0}} of {{1}} ({{2}} items)";
+            case CultureIDs.Es_ES: return "Página {{0}} de {{1}} ({{2}} elementos)";
+            case CultureIDs.Fr_FR: return "Page {{0}} sur {{1}} ({{2}} éléments)";
+            case CultureIDs.Pt_PT: return "Página {{0}} de {{1}} ({{2}} itens)";
+            default: return "Pagina {{0}} di {{1}} ({{2}} elementi)";
+        }
+    }
     static get Participants() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Teilnehmer";

package/lib/helper/helpers.js

@@ -17,6 +17,7 @@ const calcResponsiveSizes = (deviceType, desktopSize, tabletSize, mobileSize) =>
 const taskModalSizes = (deviceType, formMode) => {
     switch (formMode) {
         case FormModes.Create:
+        case FormModes.Duplicate:
             return {
                 width: calcResponsiveSizes(deviceType, '500px', '90%', '95%'),
                 height: calcResponsiveSizes(deviceType, '600px', '90%', '95%'),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.20.0-dev2.51",
+    "version": "6.20.0-dev2.53",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -40,7 +40,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.20.0-dev2.12",
+        "@topconsultnpm/sdk-ts": "6.20.0-dev2.13",
         "buffer": "^6.0.3",
         "devextreme": "25.2.4",
         "devextreme-react": "25.2.4",