@topconsultnpm/sdkui-react-beta 6.14.67 → 6.14.68

package/lib/components/editors/TMMetadataValues.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useEffect, useState } from "react";
 import styled from "styled-components";
 import { AccessLevels, DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
-import { IconUndo, IconPencil, IconFunction, IconMenuVertical, IconDataList, SDKUI_Localizator, IconNull, stringIsNullOrEmpty, deepCompare, SDKUI_Globals } from "../../helper";
+import { IconUndo, IconPencil, IconFunction, IconMenuVertical, IconDataList, SDKUI_Localizator, IconNull, stringIsNullOrEmpty, deepCompare, SDKUI_Globals, IconDcmtTypeSys } from "../../helper";
 import { TMColors } from "../../utils/theme";
 import TMButton from "../base/TMButton";
 import TMDropDownMenu from "../base/TMDropDownMenu";
@@ -10,6 +10,7 @@ import TMTooltip from "../base/TMTooltip";
 import TMCheckBox from "./TMCheckBox";
 import TMMetadataEditor, { useMetadataEditableList } from "./TMMetadataEditor";
 import { FormulaHelper } from "./TMFormulaEditor";
+import { TMNothingToShow } from "../features/documents/TMDcmtPreview";
 export var ShowCheckBoxesMode;
 (function (ShowCheckBoxesMode) {
     ShowCheckBoxesMode[ShowCheckBoxesMode["Never"] = 0] = "Never";
@@ -67,6 +68,11 @@ const TMMetadataValues = ({ showCheckBoxes = ShowCheckBoxesMode.Never, checkPerm
         }
     };
     useEffect(() => {
+        if (!TID) {
+            setCurrentDTD(undefined);
+            setDynDataListsToBeRefreshed([]);
+            return;
+        }
         // Passiamo did = undefined, perché è già in cache
         DcmtTypeListCacheService.GetWithNotGrantedAsync(TID, undefined).then((resultDTD) => {
             setCurrentDTD(resultDTD);
@@ -206,60 +212,62 @@ const TMMetadataValues = ({ showCheckBoxes = ShowCheckBoxesMode.Never, checkPerm
         ];
         return menu;
     };
-    return (_jsx(StyledMetadataValuesContainer, { children: metadataValues.map((item) => (_jsxs(StyledRow, { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '6px' : '0', gap: '8px' }, onClick: () => { handleMetadataValueSelection(item); }, onFocus: () => { handleMetadataValueSelection(item); }, children: [showCheckBoxes !== ShowCheckBoxesMode.Never &&
-                    _jsx(TMCheckBox, { elementStyle: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '14px' : '20px' }, value: item.isSelected, disabled: showCheckBoxes === ShowCheckBoxesMode.AlwaysReadOnly, onValueChanged: (newValue) => {
-                            let newValues = structuredClone(metadataValues);
-                            const mvd = newValues.find(value => value.mid === item.mid);
-                            if (mvd)
-                                mvd.isSelected = newValue;
-                            onValueChanged?.(newValues);
-                        } }), _jsxs("div", { style: { position: 'relative', height: '100%', width: '100%', opacity: showNullValueCheckBoxes && item.isNull ? 0.4 : 1 }, children: [_jsx(TMMetadataEditor, { tid: TID, mid: item.mid, layoutMode: layoutMode, isLexProt: item.isLexProt, isSelected: isOpenDistinctValues && item.mid === selectedMID, isModifiedWhen: (item.value ?? '') !== (metadataValuesOrig.find(m => m.mid === item.mid)?.value ?? ''), isReadOnly: showNullValueCheckBoxes ? item.isNull : undefined, isEditable: item.isEditable, validationItems: editorValidationHandler(item.mid ?? 0), value: item.value, openChooserBySingleClick: openChooserBySingleClick, onValueChanged: (newValue) => { onChangeHandler(newValue, item.mid ?? 0); }, onValueChange: (newValue) => { onChangeHandler(newValue, item.mid ?? 0); }, queryParamsDynDataList: dynDataListsToBeRefreshed.find(o => o.mid == item.mid)?.queryParams ?? [], onCascadeRefreshDynDataLists: (ddlToBeRefreshed) => {
-                                let newDynDataListsToBeRefreshed = [];
-                                for (const item of dynDataListsToBeRefreshed) {
-                                    let index = ddlToBeRefreshed.findIndex(o => o.mid == item.mid || (o.mid == -1 && o.midStarter == item.midStarter));
-                                    if (index >= 0)
-                                        continue;
-                                    newDynDataListsToBeRefreshed.push(item);
-                                }
-                                for (const item of ddlToBeRefreshed) {
-                                    if (item.queryParams.length <= 0)
-                                        continue;
-                                    if (!item.mid)
-                                        continue;
-                                    if (item.mid <= 0)
-                                        continue;
-                                    newDynDataListsToBeRefreshed.push(item);
-                                }
-                                setDynDataListsToBeRefreshed(newDynDataListsToBeRefreshed);
-                            }, onCascadeUpdateMIDs: (midsToBeUpdated) => {
-                                //Attenzione. Il primo elemento di midsToBeUpdated è il currentMID con il new value.
-                                //nonostante passi prima da onValueChanged, la collection metadata non risulta aggiornata!
-                                let newMetadata = structuredClone(metadataValues);
-                                for (const item of midsToBeUpdated) {
-                                    const mdItem = newMetadata.find(value => value.mid === item.mid);
-                                    if (mdItem)
-                                        mdItem.value = item.value;
-                                }
-                                onValueChanged?.(newMetadata);
-                            } }), FormulaHelper.isFormula(item.value)
-                            ? _jsx(IconFunction, { color: "#1a89d3", fontSize: 14, style: { position: "absolute", top: item.md?.dataType === MetadataDataTypes.DateTime ? '3px' : '5px', left: '14px' } })
-                            : (isEditable(item.mid) || item.isEditable)
-                                ? _jsx(IconPencil, { color: "#138603", fontSize: 14, style: { position: "absolute", top: item.md?.dataType === MetadataDataTypes.DateTime ? '3px' : '5px', left: '16px' } })
-                                : _jsx(_Fragment, {})] }), showNullValueCheckBoxes &&
-                    _jsx(TMTooltip, { content: "Imposta <Null>", children: _jsx(IconNull, { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '12px' : '18px', opacity: item.md?.isRequired === 1 ? 0.4 : 1 }, cursor: item.md?.isRequired === 1 ? 'default' : 'pointer', color: item.isNull ? TMColors.isModified : TMColors.button_icon, onClick: () => {
-                                if (item.md?.isRequired === 1)
-                                    return;
-                                let newValues = structuredClone(metadataValues);
-                                const mvd = newValues.find(value => value.mid === item.mid);
-                                if (mvd) {
-                                    mvd.isNull = !mvd.isNull;
-                                    if (mvd.isNull)
-                                        mvd.isSelected = true;
-                                    else
-                                        mvd.isSelected = !stringIsNullOrEmpty(mvd.value);
-                                }
-                                onValueChanged?.(newValues);
-                            } }) }), !isReadOnly && _jsx("div", { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '12px' : '18px' }, onClick: () => { handleMetadataValueSelection(item); }, children: _jsx(TMDropDownMenu, { backgroundColor: 'white', color: TMColors.button_icon, borderRadius: '3px', content: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconMenuVertical, {}), showTooltip: false }), disabled: item.isLexProt === 1, items: getAdvancedMenuItems(item) }) })] }, item.mid))) }));
+    return (_jsx(StyledMetadataValuesContainer, { children: !TID ?
+            _jsx(TMNothingToShow, { text: 'Nessun documento selezionato.', secondText: 'Metadati di sistema non disponibile.', icon: _jsx(IconDcmtTypeSys, { fontSize: 96 }) }) :
+            _jsx(_Fragment, { children: metadataValues.map((item) => (_jsxs(StyledRow, { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '6px' : '0', gap: '8px' }, onClick: () => { handleMetadataValueSelection(item); }, onFocus: () => { handleMetadataValueSelection(item); }, children: [showCheckBoxes !== ShowCheckBoxesMode.Never &&
+                            _jsx(TMCheckBox, { elementStyle: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '14px' : '20px' }, value: item.isSelected, disabled: showCheckBoxes === ShowCheckBoxesMode.AlwaysReadOnly, onValueChanged: (newValue) => {
+                                    let newValues = structuredClone(metadataValues);
+                                    const mvd = newValues.find(value => value.mid === item.mid);
+                                    if (mvd)
+                                        mvd.isSelected = newValue;
+                                    onValueChanged?.(newValues);
+                                } }), _jsxs("div", { style: { position: 'relative', height: '100%', width: '100%', opacity: showNullValueCheckBoxes && item.isNull ? 0.4 : 1 }, children: [_jsx(TMMetadataEditor, { tid: TID, mid: item.mid, layoutMode: layoutMode, isLexProt: item.isLexProt, isSelected: isOpenDistinctValues && item.mid === selectedMID, isModifiedWhen: (item.value ?? '') !== (metadataValuesOrig.find(m => m.mid === item.mid)?.value ?? ''), isReadOnly: showNullValueCheckBoxes ? item.isNull : undefined, isEditable: item.isEditable, validationItems: editorValidationHandler(item.mid ?? 0), value: item.value, openChooserBySingleClick: openChooserBySingleClick, onValueChanged: (newValue) => { onChangeHandler(newValue, item.mid ?? 0); }, onValueChange: (newValue) => { onChangeHandler(newValue, item.mid ?? 0); }, queryParamsDynDataList: dynDataListsToBeRefreshed.find(o => o.mid == item.mid)?.queryParams ?? [], onCascadeRefreshDynDataLists: (ddlToBeRefreshed) => {
+                                        let newDynDataListsToBeRefreshed = [];
+                                        for (const item of dynDataListsToBeRefreshed) {
+                                            let index = ddlToBeRefreshed.findIndex(o => o.mid == item.mid || (o.mid == -1 && o.midStarter == item.midStarter));
+                                            if (index >= 0)
+                                                continue;
+                                            newDynDataListsToBeRefreshed.push(item);
+                                        }
+                                        for (const item of ddlToBeRefreshed) {
+                                            if (item.queryParams.length <= 0)
+                                                continue;
+                                            if (!item.mid)
+                                                continue;
+                                            if (item.mid <= 0)
+                                                continue;
+                                            newDynDataListsToBeRefreshed.push(item);
+                                        }
+                                        setDynDataListsToBeRefreshed(newDynDataListsToBeRefreshed);
+                                    }, onCascadeUpdateMIDs: (midsToBeUpdated) => {
+                                        //Attenzione. Il primo elemento di midsToBeUpdated è il currentMID con il new value.
+                                        //nonostante passi prima da onValueChanged, la collection metadata non risulta aggiornata!
+                                        let newMetadata = structuredClone(metadataValues);
+                                        for (const item of midsToBeUpdated) {
+                                            const mdItem = newMetadata.find(value => value.mid === item.mid);
+                                            if (mdItem)
+                                                mdItem.value = item.value;
+                                        }
+                                        onValueChanged?.(newMetadata);
+                                    } }), FormulaHelper.isFormula(item.value)
+                                    ? _jsx(IconFunction, { color: "#1a89d3", fontSize: 14, style: { position: "absolute", top: item.md?.dataType === MetadataDataTypes.DateTime ? '3px' : '5px', left: '14px' } })
+                                    : (isEditable(item.mid) || item.isEditable)
+                                        ? _jsx(IconPencil, { color: "#138603", fontSize: 14, style: { position: "absolute", top: item.md?.dataType === MetadataDataTypes.DateTime ? '3px' : '5px', left: '16px' } })
+                                        : _jsx(_Fragment, {})] }), showNullValueCheckBoxes &&
+                            _jsx(TMTooltip, { content: "Imposta <Null>", children: _jsx(IconNull, { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '12px' : '18px', opacity: item.md?.isRequired === 1 ? 0.4 : 1 }, cursor: item.md?.isRequired === 1 ? 'default' : 'pointer', color: item.isNull ? TMColors.isModified : TMColors.button_icon, onClick: () => {
+                                        if (item.md?.isRequired === 1)
+                                            return;
+                                        let newValues = structuredClone(metadataValues);
+                                        const mvd = newValues.find(value => value.mid === item.mid);
+                                        if (mvd) {
+                                            mvd.isNull = !mvd.isNull;
+                                            if (mvd.isNull)
+                                                mvd.isSelected = true;
+                                            else
+                                                mvd.isSelected = !stringIsNullOrEmpty(mvd.value);
+                                        }
+                                        onValueChanged?.(newValues);
+                                    } }) }), !isReadOnly && _jsx("div", { style: { marginTop: item.md?.dataType === MetadataDataTypes.DateTime ? '12px' : '18px' }, onClick: () => { handleMetadataValueSelection(item); }, children: _jsx(TMDropDownMenu, { backgroundColor: 'white', color: TMColors.button_icon, borderRadius: '3px', content: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconMenuVertical, {}), showTooltip: false }), disabled: item.isLexProt === 1, items: getAdvancedMenuItems(item) }) })] }, item.mid))) }) }));
 };
 export default TMMetadataValues;
 //#region  Styled Components

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useMemo, useState } from 'react';
 import styled, { keyframes } from 'styled-components';
 import TMDcmtPreview from './TMDcmtPreview';
-import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutModes, MetadataDataTypes, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, TemplateTIDs, UpdateEngineByID, ValidationItem } from '@topconsultnpm/sdk-ts-beta';
+import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutModes, MetadataDataTypes, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, TemplateTIDs, TID_DID, UpdateEngineByID, ValidationItem } from '@topconsultnpm/sdk-ts-beta';
 import { ContextMenu } from 'devextreme-react';
 import { WorkFlowApproveRejectPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
 import { DownloadTypes, FormModes } from '../../../ts';
@@ -32,9 +32,10 @@ import toppy from '../../../assets/Toppy-generico.png';
 import { useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
 import { TMPanelManagerWithPersistenceProvider } from '../../layout/panelManager/TMPanelManagerWithPersistenceProvider';
+import { useWorkflowApprove } from '../../../hooks/useWorkflowApprove';
 let abortControllerLocal = new AbortController();
 //#endregion
-const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCreateRequest, fileFromConnector = null, taskFormDialogComponent }) => {
+const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCreateRequest, fileFromConnector = null, taskFormDialogComponent, }) => {
     const [id, setID] = useState('');
     const [showWaitPanelLocal, setShowWaitPanelLocal] = useState(false);
     const [waitPanelTitleLocal, setWaitPanelTitleLocal] = useState('');
@@ -66,8 +67,11 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
     const [dcmtFile, setDcmtFile] = useState(null);
     const [focusedMetadataValue, setFocusedMetadataValue] = useState();
     const [showAll, setShowAll] = useState(layoutMode === LayoutModes.Ark);
+    const [workItems, setWorkItems] = useState([]);
     const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
+    // Custom hook to manage workflow approval data
+    const { workflowApproveData, refreshWorkflowApprove } = useWorkflowApprove();
     const deviceType = useDeviceType();
     const getDcmts = () => { return [{ TID: currentDcmt?.tid, DID: currentDcmt?.did, FILEEXT: currentDcmt?.fileExt }]; };
     const fetchData = async () => {
@@ -180,6 +184,28 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
             return;
         setFocusedMetadataValue(undefined);
     }, [fromDTD, layoutMode]);
+    useEffect(() => {
+        if (layoutMode !== LayoutModes.Update)
+            return;
+        if (!DID) {
+            setWorkItems([]);
+            return;
+        }
+        let items = [];
+        // Cerchiamo tutti i workitem(S) associati al DID corrente (potrebbero esserci più istanze di workflow)
+        for (const workflow of workflowApproveData) {
+            for (const dataRow of workflow.dtdResult?.rows ?? []) {
+                let did = Number(dataRow?.[1]);
+                if (did === Number(DID)) {
+                    let w = new TID_DID();
+                    w.tid = Number(dataRow?.[0]);
+                    w.did = did;
+                    items.push(w);
+                }
+            }
+        }
+        setWorkItems(items);
+    }, [workflowApproveData, DID, layoutMode]);
     const fileIsNotValid = (fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && !dcmtFile);
     const middlePanelToolbar = _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [layoutMode === LayoutModes.Update && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: () => onPrev?.() }), layoutMode === LayoutModes.Update && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: () => onNext?.() })] });
     const getSelectionDcmtInfo = () => {
@@ -199,6 +225,9 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
     const isSysMetadataDisabled = layoutMode !== LayoutModes.Update;
     const isDetailsDisabled = layoutMode !== LayoutModes.Update || !DID;
     const isMasterDisabled = layoutMode !== LayoutModes.Update || !DID;
+    const showToppyForApprove = layoutMode === LayoutModes.Update && workItems.length > 0 && !isOpenDetails && !isOpenMaster;
+    const approvalVID = workItems.length > 0
+        ? Number(workItems[0].tid) : -1;
     const commandsMenuItems = [
         { icon: svgToString(_jsx(IconDownload, {})), operationType: 'singleRow', disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes, text: "Download file", onClick: async () => await downloadDcmtsAsync(getDcmts(), DownloadTypes.Dcmt, "download") },
         { icon: svgToString(_jsx(IconDownload, {})), operationType: 'singleRow', disabled: !isXMLFileExt(currentDcmt?.fileExt), text: "Download allegati XML", onClick: async () => await downloadDcmtsAsync(getDcmts(), DownloadTypes.Attachment, "download", undefined, openConfirmAttachmentsDialog) },
@@ -591,15 +620,17 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
                                         isEditable: true,
                                         value: FormulaHelper.addFormulaTag(newFormula.expression)
                                     }));
-                                } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: TID, DID: DID, isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: TID, DID: DID, isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: TID, DID: DID, onClose: () => setShowReAssignPopup(false) }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }), (fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDetails && !isOpenMaster && layoutMode === LayoutModes.Update) &&
-                    _jsx(ToppyHelpCenter, { deviceType: deviceType, content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: () => ShowAlert({ message: 'TODO', mode: 'info', title: SDKUI_Localizator.SignatureAndApprove, duration: 3000 }), onReject: () => { setShowRejectPopup(true); }, onReAssign: () => { setShowReAssignPopup(true); }, onMoreInfo: () => {
-                                    const vid = Number(TID);
-                                    const did = Number(DID);
-                                    openTaskFormHandler((task) => {
-                                        SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_MoreInfoAsync(vid, did, task?.id ?? 0)
-                                            .catch(err => TMExceptionBoxManager.show({ exception: err }));
-                                    });
-                                } }) }) }), isOpenDetails &&
+                                } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, TID: approvalVID, DID: DID, onClose: () => setShowReAssignPopup(false) }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }), showToppyForApprove &&
+                    _jsx(ToppyHelpCenter, { deviceType: deviceType, top: workItems.length === 1 ? -220 : -120, content: workItems.length === 1 ?
+                            _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { deviceType: deviceType, onApprove: () => setShowApprovePopup(true), onSignApprove: () => ShowAlert({ message: 'TODO', mode: 'info', title: SDKUI_Localizator.SignatureAndApprove, duration: 3000 }), onReject: () => { setShowRejectPopup(true); }, onReAssign: () => { setShowReAssignPopup(true); }, onMoreInfo: () => {
+                                        const did = Number(DID);
+                                        openTaskFormHandler((task) => {
+                                            SDK_Globals.tmSession?.NewWorkflowEngine().WorkItem_MoreInfoAsync(approvalVID, did, task?.id ?? 0)
+                                                .catch(err => TMExceptionBoxManager.show({ exception: err }));
+                                        });
+                                    } }) })
+                            :
+                                _jsxs("div", { style: { padding: 10, color: 'white', maxWidth: '180px', borderRadius: 10, background: '#1B1464 0% 0% no-repeat padding-box', border: '1px solid #FFFFFF' }, children: [`Devi approvare ${workItems.length} workitem(s) per questo documento.`, `Vai alla sezione di approvazione.`] }) }), isOpenDetails &&
                     _jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: getSelectionDcmtInfo(), allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenDetails(false) }) }), isOpenMaster &&
                     _jsxs(StyledModalContainer, { style: { backgroundColor: 'white' }, children: [_jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: getSelectionDcmtInfo(), isForMaster: true, allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
                                 return (_jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: [dcmt], isForMaster: true, allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID), appendMasterDcmts: handleAddItem }) }, `${index}-${dcmt.DID}`));
@@ -663,7 +694,7 @@ const ToppyImage = styled.img `
   height: ${props => props.$isMobile ? '140px' : '200px'};
   cursor: ${props => props.$isMobile ? 'pointer' : 'default'};
 `;
-export const ToppyHelpCenter = ({ content, onClick, deviceType, top = -200 }) => {
+export const ToppyHelpCenter = ({ content, onClick, deviceType, top = -220 }) => {
     return (_jsxs(ToppyContainer, { children: [_jsx(ToppyImage, { "$isMobile": deviceType === DeviceType.MOBILE, onClick: onClick, src: toppy, alt: "Toppy" }), _jsx("div", { style: { top: deviceType === DeviceType.MOBILE ? -80 : top, right: deviceType === DeviceType.MOBILE ? 40 : 1, transform: 'rotate(20deg)', position: 'absolute', width: 'max-content', height: 'max-content' }, children: content })] }));
 };
 const TMDcmtPreviewWrapper = ({ currentDcmt, layoutMode, fromDTD, dcmtFile, deviceType, isVisible, onFileUpload }) => {

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

@@ -39,6 +39,7 @@ const TMSearch = ({ inputTID, inputSqdID, isExpertMode = SDKUI_Globals.userSetti
         if (!inputTID)
             return;
         setCurrentTID(inputTID);
+        setCurrentSearchView(TMSearchViews.Search);
     }, [inputTID]);
     useEffect(() => {
         if (inputSqdID) {
@@ -195,10 +196,13 @@ const TMSearch = ({ inputTID, inputSqdID, isExpertMode = SDKUI_Globals.userSetti
             toolbarOptions: { icon: _jsx(IconSavedQuery, { fontSize: 24 }), visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['TMSavedQuerySelector'] }
         }
     ], [tmTreeSelectorElement, tmRecentsManagerElement, tmSearchQueryPanelElement, tmSavedQuerySelectorElement, fromDTD, mruTIDs]);
-    return (_jsxs(_Fragment, { children: [_jsx(StyledMultiViewPanel, { "$isVisible": currentSearchView === TMSearchViews.Search, children: _jsx(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'TMRecentsManager', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true }) }) }), searchResult.length > 0 &&
-                _jsx(TMSearchResult, { isVisible: currentSearchView === TMSearchViews.Result, context: SearchResultContext.METADATA_SEARCH, searchResults: searchResult, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync: async () => {
-                        setSearchResult(await refreshLastSearch(lastQdSearched) ?? []);
-                    }, onTaskCreateRequest: onTaskCreateRequest, onClose: () => { setCurrentSearchView(TMSearchViews.Search); }, onFileOpened: onFileOpened, focusedWorkingGroupId: focusedWorkingGroupId, fetchTreeFileSystemForWorkingGroup: fetchTreeFileSystemForWorkingGroup, fetchArchivedDocumentsForWorkingGroup: fetchArchivedDocumentsForWorkingGroup })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(StyledMultiViewPanel, { "$isVisible": currentSearchView === TMSearchViews.Search, children: _jsx(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'TMRecentsManager', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true }) }) }), _jsx(TMSearchResult, { isVisible: currentSearchView === TMSearchViews.Result, context: SearchResultContext.METADATA_SEARCH, searchResults: searchResult, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onRefreshSearchAsync: async () => {
+                    let newResult = await refreshLastSearch(lastQdSearched) ?? [];
+                    setSearchResult(newResult);
+                    if (newResult.length <= 0) {
+                        setCurrentSearchView(TMSearchViews.Search);
+                    }
+                }, onTaskCreateRequest: onTaskCreateRequest, onClose: () => { setCurrentSearchView(TMSearchViews.Search); }, onFileOpened: onFileOpened, focusedWorkingGroupId: focusedWorkingGroupId, fetchTreeFileSystemForWorkingGroup: fetchTreeFileSystemForWorkingGroup, fetchArchivedDocumentsForWorkingGroup: fetchArchivedDocumentsForWorkingGroup })] }));
 };
 export default TMSearch;
 const TMTreeSelectorWrapper = ({ isMobile, onSelectedTIDChanged }) => {

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

@@ -349,7 +349,7 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
                                         _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, selectedTID: selectedSearchResultTID, onSelectionChanged: onSearchResultSelectionChanged }) })
                                         :
                                             _jsx(_Fragment, {}), _jsxs(TMLayoutItem, { children: [_jsx(TMSearchResultGrid, { inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], lastUpdateSearchTime: lastUpdateSearchTime, onDblClick: () => openFormHandler(LayoutModes.Update), onContextMenuPreparing: onContextMenuPreparing, onSelectionChanged: (items) => { setSelectedItems(items); }, onVisibleItemChanged: setVisibleItems, onFocusedItemChanged: setFocusedItem, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync(inputDcmts, downloadType, downloadMode, onFileOpened, confirmAttachments) }), allowFloatingBar && showFloatingBar && deviceType !== DeviceType.MOBILE &&
-                                                _jsxs(TMFloatingToolbar, { backgroundColor: TMColors.primaryColor, initialLeft: '10px', initialTop: 'calc(100% - 75px)', children: [fromDTD?.perm?.canRetrieveFile === AccessLevels.Yes && _jsx(TMButton, { btnStyle: 'icon', caption: "Download file", disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes || !focusedItem?.DID, icon: _jsx(IconDownload, { color: 'white' }), onClick: () => { downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt, "download"); } }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasDetailRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white' }), caption: SDKUI_Localizator.DcmtsDetail, onClick: () => setIsOpenDetails(true) }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasMasterRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white', transform: 'scale(-1, 1)' }), caption: SDKUI_Localizator.DcmtsMaster, onClick: () => setIsOpenMaster(true) }), _jsx(IconMenuVertical, { id: `commands-floating-${id}`, color: 'white', cursor: 'pointer' }), _jsx(CommandsContextMenu, { target: `#commands-floating-${id}`, menuItems: getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback) })] })] })] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: SDKUI_Localizator.BatchUpdate, inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => {
+                                                _jsxs(TMFloatingToolbar, { backgroundColor: TMColors.primaryColor, initialLeft: '10px', initialTop: 'calc(100% - 75px)', children: [fromDTD?.perm?.canRetrieveFile === AccessLevels.Yes && _jsx(TMButton, { btnStyle: 'icon', caption: "Download file", disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes || !focusedItem?.DID, icon: _jsx(IconDownload, { color: 'white' }), onClick: () => { downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt, "download"); } }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasDetailRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white' }), caption: SDKUI_Localizator.DcmtsDetail, onClick: () => setIsOpenDetails(true) }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasMasterRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white', transform: 'scale(-1, 1)' }), caption: SDKUI_Localizator.DcmtsMaster, onClick: () => setIsOpenMaster(true) }), _jsx(IconMenuVertical, { id: `commands-floating-${id}`, color: 'white', cursor: 'pointer' }), _jsx(CommandsContextMenu, { target: `#commands-floating-${id}`, menuItems: getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback) })] })] }), "m"] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: SDKUI_Localizator.BatchUpdate, inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => {
                                     setIsOpenBatchUpdate(false);
                                 }, onSavedCallbackAsync: async () => {
                                     setIsOpenBatchUpdate(false);

package/lib/helper/SDKUI_Globals.d.ts

@@ -30,8 +30,17 @@ export declare class DataGridSettings {
 export declare class ThemeSettings {
     fontSize: string;
     gridSettings: DataGridSettings;
-    gutters: number;
+    /** Calcola dinamicamente i gutters in base alla dimensione attuale della finestra. */
+    get gutters(): number;
     constructor(skipCssUpdate?: boolean);
+    /**
+     * Controlla la serializzazione JSON di questo oggetto.
+     * Escludiamo esplicitamente il getter 'gutters' dall'output, così non verrà mai salvato.
+     */
+    toJSON(): {
+        fontSize: string;
+        gridSettings: DataGridSettings;
+    };
 }
 export declare class SearchSettings {
     invoiceRetrieveFormat: InvoiceRetrieveFormats;

package/lib/helper/SDKUI_Globals.js

@@ -63,15 +63,28 @@ export class DataGridSettings {
     }
 }
 export class ThemeSettings {
+    /** Calcola dinamicamente i gutters in base alla dimensione attuale della finestra. */
+    get gutters() {
+        return Gutters.getGutters();
+    }
     constructor(skipCssUpdate = false) {
         this.fontSize = FontSize.defaultFontSizeInPixel;
         this.gridSettings = new DataGridSettings();
-        this.gutters = Gutters.getGutters();
         // Automatically update the CSS variable for font size
         if (!skipCssUpdate) {
             document.documentElement.style.setProperty('--base-font-size', this.fontSize);
         }
     }
+    /**
+     * Controlla la serializzazione JSON di questo oggetto.
+     * Escludiamo esplicitamente il getter 'gutters' dall'output, così non verrà mai salvato.
+     */
+    toJSON() {
+        return {
+            fontSize: this.fontSize,
+            gridSettings: this.gridSettings,
+        };
+    }
 }
 export class SearchSettings {
     constructor() {

package/lib/hooks/useWorkflowApprove.d.ts

@@ -0,0 +1,11 @@
+import { SearchResultDescriptor } from '@topconsultnpm/sdk-ts-beta';
+/**
+ * Hook per gestire i dati di approvazione del workflow.
+ * Fornisce il dataSource, lo stato di caricamento e una funzione per aggiornare i dati.
+ */
+export declare const useWorkflowApprove: () => {
+    workflowApproveData: SearchResultDescriptor[];
+    isLoading: boolean;
+    refreshWorkflowApprove: () => Promise<void>;
+    totalDcmtsFound: number;
+};

package/lib/hooks/useWorkflowApprove.js

@@ -0,0 +1,57 @@
+import { useState, useEffect, useCallback } from 'react';
+import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
+/**
+ * Hook per gestire i dati di approvazione del workflow.
+ * Fornisce il dataSource, lo stato di caricamento e una funzione per aggiornare i dati.
+ */
+export const useWorkflowApprove = () => {
+    const [workflowApproveData, setWorkflowApproveData] = useState(SDK_Globals.currentWorkflowApproveData);
+    const [isLoading, setIsLoading] = useState(false);
+    const [totalDcmtsFound, setTotalDcmtsFound] = useState(0);
+    /**
+     * Calcola il numero totale di dcmtsFound dai dati del workflow.
+     */
+    const calculateTotalDcmtsFound = useCallback((data) => {
+        return data.reduce((sum, item) => sum + (item.dcmtsFound || 0), 0);
+    }, []);
+    /**
+     * Esegue il fetch dei dati dal workflow, aggiorna lo stato globale
+     * e notifica gli altri componenti tramite un evento.
+     * Restituisce sempre una Promise<void>.
+     */
+    const refreshWorkflowApprove = useCallback(async () => {
+        // Se la sessione non è valida, esci subito.
+        if (!SDK_Globals.tmSession) {
+            console.warn("Tentativo di fetch del workflow senza una sessione valida.");
+            return;
+        }
+        setIsLoading(true);
+        try {
+            const result = await SDK_Globals.tmSession.NewWorkflowEngine().WFApprAsync(1);
+            SDK_Globals.currentWorkflowApproveData = result ?? [];
+            // Aggiorna anche il totale dei dcmtsFound
+            setTotalDcmtsFound(calculateTotalDcmtsFound(SDK_Globals.currentWorkflowApproveData));
+            // Notifica tutte le istanze del hook che i dati sono cambiati.
+            window.dispatchEvent(new CustomEvent('onWorkflowApproveChange'));
+        }
+        catch (error) {
+            console.error("Errore durante il fetch dei dati di approvazione workflow:", error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [calculateTotalDcmtsFound]); // useCallback con array vuoto perché non ha dipendenze esterne a React
+    // Questo useEffect serve a sincronizzare lo stato tra diverse istanze del hook.
+    // Se il componente A chiama refreshWorkflowApprove, il componente B (che usa lo stesso hook)
+    // riceverà l'evento e aggiornerà il suo stato locale.
+    useEffect(() => {
+        const handleUpdate = () => {
+            setWorkflowApproveData(SDK_Globals.currentWorkflowApproveData);
+        };
+        window.addEventListener('onWorkflowApproveChange', handleUpdate);
+        return () => {
+            window.removeEventListener('onWorkflowApproveChange', handleUpdate);
+        };
+    }, [calculateTotalDcmtsFound]);
+    return { workflowApproveData, isLoading, refreshWorkflowApprove, totalDcmtsFound };
+};

package/lib/index.d.ts

@@ -7,4 +7,5 @@ export * from './hooks/useOutsideClick';
 export * from './hooks/useQueryParametersDialog';
 export * from './hooks/useDcmtOperations';
 export * from './hooks/useResizeObserver';
+export * from './hooks/useWorkflowApprove';
 export * from './services';

package/lib/index.js

@@ -7,6 +7,7 @@ export * from './hooks/useOutsideClick';
 export * from './hooks/useQueryParametersDialog';
 export * from './hooks/useDcmtOperations';
 export * from './hooks/useResizeObserver';
+export * from './hooks/useWorkflowApprove';
 export * from './services';
 import config from 'devextreme/core/config';
 // DevExtreme License Key (valid for v24.2 and earlier versions)

package/lib/utils/theme.js

@@ -62,8 +62,9 @@ TMMargin.largeMargin = '10px';
 class Gutters {
     static getGutters() {
         // Detect mobile device (basic check)
-        const isMobile = /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
-        return isMobile ? this.defaultMobile : this.defaultDesktop;
+        const mobileBreakpoint = 768;
+        // Se la larghezza della finestra è inferiore al breakpoint, usiamo i gutters per mobile.
+        return window.innerWidth < mobileBreakpoint ? this.defaultMobile : this.defaultDesktop;
     }
 }
 Gutters.defaultDesktop = 20;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.14.67",
+    "version": "6.14.68",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",