@topconsultnpm/sdkui-react-beta 6.14.30 → 6.14.31

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

@@ -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/package.json

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