@topconsultnpm/sdkui-react-beta 6.14.30 → 6.14.32

package/lib/components/base/TMFileManager.js

@@ -13,6 +13,7 @@ import { DeviceType, useDeviceType } from './TMDeviceProvider';
 import TMFileManagerThumbnailItems from './TMFileManagerThumbnailItems';
 import TMTooltip from './TMTooltip';
 import TMPanel from './TMPanel';
+import { findFileItems, setFolderTreeViewItems } from './TMFileManagerUtils';
 export var TMFileManagerPageSize;
 (function (TMFileManagerPageSize) {
     TMFileManagerPageSize[TMFileManagerPageSize["Small"] = 30] = "Small";
@@ -112,37 +113,6 @@ const TMFileManager = (props) => {
         };
         filterItems();
     }, [searchText, selectedFolder]);
-    // Function to recursively transform file items into directory format for TreeView
-    const setFolderTreeViewItems = (items) => {
-        return items
-            .filter(item => item.isDirectory)
-            .map((item) => {
-            const el = {
-                id: item.id,
-                text: item.name,
-                expanded: true,
-                subFileFolderCount: item.items.filter(item => !item.isDirectory).length,
-                items: item.items && item.items.length > 0 ? setFolderTreeViewItems(item.items) : [],
-            };
-            return el;
-        });
-    };
-    // Function to find a specific file or folder based on its ID (used for finding nested items)
-    const findFileItems = (items, id) => {
-        for (let item of items) {
-            if (item.id === id) {
-                return item; // Return the found item
-            }
-            // Recursively search in sub-items if any
-            if (item.items) {
-                const found = findFileItems(item.items, id);
-                if (found) {
-                    return found; // Return the found item from recursive call
-                }
-            }
-        }
-        return undefined; // Return undefined if not found
-    };
     // Render each TreeView item (directories) with custom styling/icons
     const renderTreeViewItem = (itemData) => {
         const isSelected = selectedFolder && selectedFolder.id === itemData.id;

package/lib/components/base/TMFileManagerThumbnailItems.js

@@ -54,13 +54,25 @@ const TMFileManagerThumbnailItems = (props) => {
     }, [selectedFiles]);
     const handleKeyDown = (event) => {
         event.preventDefault();
-        if (event.key === 'ArrowDown' && selectedFiles && selectedFiles.length === 1) {
-            const currentIndex = items.findIndex(element => element.id === selectedFiles[0].id);
-            if (items[currentIndex + 1]) {
-                if (handleSelectedFiles)
-                    handleSelectedFiles([items[currentIndex + 1]]);
-            }
-            ;
+        if (!selectedFiles || selectedFiles.length !== 1)
+            return;
+        const currentIndex = items.findIndex(item => item.id === selectedFiles[0].id);
+        if (currentIndex === -1)
+            return;
+        switch (event.key) {
+            case 'ArrowDown':
+                const nextItem = items[currentIndex + 1];
+                if (nextItem && handleSelectedFiles) {
+                    handleSelectedFiles([nextItem]);
+                }
+                break;
+            case 'Enter':
+                if (onDoubleClick) {
+                    onDoubleClick(items[currentIndex]);
+                }
+                break;
+            default:
+                break;
         }
     };
     const handleKeyUp = (event) => {

package/lib/components/base/TMFileManagerUtils.d.ts

@@ -0,0 +1,3 @@
+import { FileItem, TMFileManagerTreeViewDirectory } from "./TMFileManager";
+export declare const findFileItems: (items: Array<FileItem>, id: number) => FileItem | undefined;
+export declare const setFolderTreeViewItems: (items: Array<FileItem>) => Array<TMFileManagerTreeViewDirectory>;

package/lib/components/base/TMFileManagerUtils.js

@@ -0,0 +1,31 @@
+// Function to find a specific file or folder based on its ID (used for finding nested items)
+export const findFileItems = (items, id) => {
+    for (let item of items) {
+        if (item.id === id) {
+            return item; // Return the found item
+        }
+        // Recursively search in sub-items if any
+        if (item.items) {
+            const found = findFileItems(item.items, id);
+            if (found) {
+                return found; // Return the found item from recursive call
+            }
+        }
+    }
+    return undefined; // Return undefined if not found
+};
+// Function to recursively transform file items into directory format for TreeView
+export const setFolderTreeViewItems = (items) => {
+    return items
+        .filter(item => item.isDirectory)
+        .map((item) => {
+        const el = {
+            id: item.id,
+            text: item.name,
+            expanded: true,
+            subFileFolderCount: item.items.filter(item => !item.isDirectory).length,
+            items: item.items && item.items.length > 0 ? setFolderTreeViewItems(item.items) : [],
+        };
+        return el;
+    });
+};

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

@@ -69,6 +69,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
     const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
     const deviceType = useDeviceType();
+    const getDcmts = () => { return [{ TID: currentDcmt?.tid, DID: currentDcmt?.did, FILEEXT: currentDcmt?.fileExt }]; };
     const retrieveMetadataAsync = async () => {
         try {
             await DcmtTypeListCacheService.GetAsync(TID).then(async (dtd) => {
@@ -151,7 +152,6 @@ 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 getDcmts = () => { return [{ TID: currentDcmt?.tid, DID: currentDcmt?.did, FILEEXT: currentDcmt?.fileExt }]; };
     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) },
@@ -430,7 +430,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
                                         _jsxs(_Fragment, { children: [_jsx(TMButton, { disabled: archiveBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconBoxArchiveIn, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Archive, advancedColor: TMColors.success, onClick: confirmActionPopup }), _jsx(TMButton, { disabled: !clearFormBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconClear, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Clear, advancedColor: TMColors.tertiary, onClick: clearFormHandler }), DID && _jsx(TMButton, { disabled: undoBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconUndo, {}), width: '150px', showTooltip: false, caption: SDKUI_Localizator.Undo, advancedColor: TMColors.tertiary, onClick: onUndoHandler })] }) }) }), totalItems > listMaxItems && _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] }), 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) }), _jsx(ConfirmAttachmentsDialog, {})] }) }), [TID, DID, formData, formDataOrig, dcmtFile, focusedMetadataValue, isOpenDistinctValues, isOpenFormulaEditor, validationItems, showAll, showApprovePopup, showRejectPopup, showReAssignPopup, fileFromConnector]);
     const tmBlog = useMemo(() => _jsx(TMDcmtBlog, { tid: TID, did: DID }), [TID, DID]);
     const tmSysMetadata = useMemo(() => _jsx(TMMetadataValues, { layoutMode: layoutMode, openChooserBySingleClick: !isOpenDistinctValues, TID: TID, isReadOnly: true, deviceType: deviceType, metadataValues: formData.filter(o => (o.mid != undefined && o.mid <= 100)), metadataValuesOrig: formData.filter(o => (o.mid != undefined && o.mid <= 100)), validationItems: [] }), [TID, layoutMode, formData, deviceType]);
-    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { currentDcmt: currentDcmt, dcmtFile: dcmtFile, deviceType: deviceType, fromDTD: fromDTD, layoutMode: layoutMode, onFileUpload: (setFile) => {
+    const tmDcmtPreview = useMemo(() => _jsx(TMDcmtPreviewWrapper, { currentDcmt: currentDcmt, dcmtFile: dcmtFile ?? fileFromConnector, deviceType: deviceType, fromDTD: fromDTD, layoutMode: layoutMode, onFileUpload: (setFile) => {
             setDcmtFile(setFile);
         } }), [currentDcmt, dcmtFile, deviceType, fromDTD, layoutMode, fileFromConnector]);
     const normalizedTID = TID !== undefined ? Number(TID) : undefined;
@@ -487,7 +487,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
             contentOptions: { component: tmDcmtPreview },
             toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), disabled: isPreviewDisabled, visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
         }
-    ], [tmDcmtForm, tmBlog, tmSysMetadata, tmDcmtPreview, isPreviewDisabled, isBoardDisabled, isSysMetadataDisabled, isClosable]);
+    ], [tmDcmtForm, tmBlog, tmSysMetadata, tmDcmtPreview, isPreviewDisabled, isBoardDisabled, isSysMetadataDisabled, fileFromConnector, isClosable]);
     // Retrieves the current document form setting based on the normalized TID
     const getCurrentDcmtFormSetting = () => {
         const settings = SDKUI_Globals.userSettings.dcmtFormSettings;

package/lib/components/features/workflow/TMWorkflowPopup.js

@@ -92,15 +92,35 @@ export const WorkFlowReAssignPopUp = ({ DID = 0, TID = 0, deviceType = DeviceTyp
             TMSpinner.hide();
         }
     };
+    // Determina il TID da usare
+    const tidToUse = selectedItems?.[0]?.TID ?? TID;
     useEffect(() => {
-        const items = selectedItems.length > 0
-            ? selectedItems.map(({ TID, DID }) => ({ TID, DID }))
-            : [{ TID, DID }];
-        SDK_Globals.tmSession?.NewWorkflowEngine().WFApprGetWFInfoAsync(items?.[0].TID).then(async (w) => {
-            let users = await UserListCacheService.GetAllAsync();
-            setParticipants(users.filter((u) => w?.participants?.some((p) => p.userID === u.id)));
-        }).catch(err => TMExceptionBoxManager.show({ exception: err }));
-    }, [selectedItems]);
+        let isMounted = true;
+        const fetchData = async () => {
+            TMSpinner.show({ description: "Caricamento dei partecipanti" });
+            try {
+                if (!tidToUse)
+                    return;
+                // Recupera info workflow
+                const wf = await SDK_Globals.tmSession?.NewWorkflowEngine().WFApprGetWFInfoAsync(tidToUse);
+                // Recupera tutti gli utenti
+                const allUsers = await UserListCacheService.GetAllAsync();
+                // Filtra utenti partecipanti
+                const participantIds = wf?.participants?.map(p => p.userID);
+                const participantUsers = allUsers.filter(u => participantIds?.includes(u.id));
+                if (isMounted)
+                    setParticipants(participantUsers);
+            }
+            catch (e) {
+                TMExceptionBoxManager.show({ exception: e });
+            }
+            finally {
+                TMSpinner.hide();
+            }
+        };
+        fetchData();
+        return () => { isMounted = false; };
+    }, [tidToUse]);
     return (_jsx(TMModal, { toolbar: _jsx(TMButton, { btnStyle: 'advanced', showTooltip: false, icon: _jsx(IconUser, { fontSize: 16 }), caption: 'Riassegna', disabled: disable, onClick: () => !disable && reAssignWorkFlowAsync(), advancedColor: TMColors.tertiary }), onClose: onClose, width: deviceType === DeviceType.MOBILE ? '95%' : '60%', height: '60%', isModal: true, title: 'Riassegna workflow ' + (selectedItems.length > 0 ? '(' + count() + ')' : ''), children: _jsxs("div", { style: { width: '100%', height: '100%', padding: '10px', display: 'flex', flexDirection: 'column', gap: 5 }, children: [_jsx(TMUserChooser, { dataSource: participants, values: selectedUserID, onValueChanged: (IDs) => {
                         setSelectedUserID(IDs ?? []);
                     } }), _jsxs("p", { style: { color: commentValue.length === 0 ? TMColors.error : 'black' }, children: ["Commento ", commentValue.length === 0 && _jsx("span", { children: ' (Campo obbligatorio)' }), " "] }), _jsx(StyledTextArea, { "$isValid": commentValue.length !== 0, value: commentValue, onChange: (e) => setCommentValue(e.target.value) })] }) }));

package/package.json

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