@topconsultnpm/sdkui-react-beta 6.16.73 → 6.16.75

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

@@ -124,10 +124,27 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     useEffect(() => {
         const checkIsMobile = () => {
             const userAgent = navigator.userAgent || navigator.vendor || window.opera;
-            const isMobileDevice = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
+            // Only detect actual mobile/tablet devices, NOT desktop browsers
+            const isMobileDevice = 
+            // Traditional mobile detection (phones and tablets)
+            /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent) ||
+                // Additional Android tablet detection (covers tablets in landscape)
+                /android.*tablet|android.*mobile/i.test(userAgent) ||
+                // Touch-only devices (excludes laptops with touchscreen)
+                (('ontouchstart' in window || navigator.maxTouchPoints > 0) &&
+                    !/Windows NT|Macintosh|Linux/.test(userAgent)) ||
+                // Small screen mobile devices only
+                (window.screen.width <= 768 && /Mobi|Android/i.test(userAgent));
             setIsMobile(isMobileDevice);
         };
         checkIsMobile();
+        // Listen for orientation changes (important for tablets)
+        window.addEventListener('orientationchange', checkIsMobile);
+        window.addEventListener('resize', checkIsMobile);
+        return () => {
+            window.removeEventListener('orientationchange', checkIsMobile);
+            window.removeEventListener('resize', checkIsMobile);
+        };
     }, []);
     useEffect(() => {
         if (fileBlob) {
@@ -170,7 +187,17 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     if (fileBlob.type.includes('image')) {
         return (_jsx(ImageViewer, { fileBlob: fileBlob, alt: '' }));
     }
-    if (fileType === 'application/pdf' && isMobile) {
+    // Check if device has limited PDF support (only for mobile/tablet devices)
+    const hasLimitedPDFSupport = () => {
+        const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+        // Only check for actual mobile/tablet devices, NOT desktop browsers
+        const isAndroidMobile = /android/i.test(userAgent) && (/mobile|tablet/i.test(userAgent) || window.screen.width <= 1024);
+        const isIOSMobile = /iphone|ipad|ipod/i.test(userAgent);
+        const isOtherMobile = /webos|blackberry|iemobile|opera mini/i.test(userAgent);
+        // Return true only for actual mobile devices, not desktop browsers
+        return isMobile && (isAndroidMobile || isIOSMobile || isOtherMobile);
+    };
+    if (fileType === 'application/pdf' && hasLimitedPDFSupport()) {
         return (_jsxs("div", { style: {
                 padding: '40px',
                 textAlign: 'center',

package/lib/components/forms/TMSaveForm.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { ResultTypes } from '@topconsultnpm/sdk-ts-beta';
 import { FormModes } from '../../ts/types';
 import { IconArrowDown, IconArrowLeft, IconArrowUp, IconCloseCircle, IconHide, IconSave, IconShow, IconUndo, IconWarning, LocalizeFormModes, SDKUI_Localizator, getColor } from '../../helper';
@@ -90,6 +90,14 @@ const TMSaveForm = ({ id, formMode = FormModes.Update, showToolbar = true, skipI
             }
         });
     };
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape')
+                doClose();
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [doClose]);
     const warningsCount = validationItems.filter(o => o.ResultType == ResultTypes.WARNING).length;
     const errorsCount = validationItems.filter(o => o.ResultType == ResultTypes.ERROR).length;
     const renderSaveForm = () => {

package/package.json

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