@topconsultnpm/sdkui-react 6.20.0-dev1.6 → 6.20.0-dev1.9

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

@@ -136,32 +136,32 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     const [blobUrl, setBlobUrl] = useState(undefined);
     const [fileType, setFileType] = useState(undefined);
     const [formattedXml, setFormattedXml] = useState(undefined);
-    const [isMobile, setIsMobile] = useState(false);
-    useEffect(() => {
-        const checkIsMobile = () => {
-            const userAgent = navigator.userAgent || navigator.vendor || window.opera;
-            // 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);
-        };
-    }, []);
+    // const [isMobile, setIsMobile] = useState<boolean>(false);
+    // useEffect(() => {
+    //     const checkIsMobile = () => {
+    //         const userAgent = navigator.userAgent || navigator.vendor || (window as any).opera;
+    //         // 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) {
             setFileType(fileBlob.type);
@@ -222,38 +222,73 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     if (fileBlob.type.includes('image')) {
         return (_jsx(ImageViewer, { fileBlob: fileBlob, alt: '' }));
     }
-    if (fileType === 'application/pdf' && isMobile) {
-        return (_jsx("object", { data: blobUrl, type: "application/pdf", width: "100%", height: "100%", style: {
-                border: 'none',
-                zIndex: 0,
-                pointerEvents: isResizingActive === true ? "none" : "auto"
-            }, children: _jsxs("div", { style: {
-                    padding: '40px',
-                    textAlign: 'center',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    height: '100%',
-                    gap: '20px'
-                }, children: [_jsx(IconPreview, { fontSize: 96 }), _jsxs("div", { children: [_jsx("h3", { children: SDKUI_Localizator.PDFDocument }), _jsx("p", { children: SDKUI_Localizator.PreviewNotAvailableOnDevice })] }), _jsxs("div", { style: { display: 'flex', gap: '10px', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'center' }, children: [_jsx("a", { href: blobUrl, download: "document.pdf", style: {
-                                    minWidth: '180px',
-                                    padding: '12px 24px',
-                                    backgroundColor: TMColors.primaryColor,
-                                    color: 'white',
-                                    textDecoration: 'none',
-                                    borderRadius: '4px',
-                                    display: 'inline-block'
-                                }, children: SDKUI_Localizator.DownloadFile }), _jsx("a", { href: blobUrl, target: "_blank", rel: "noopener noreferrer", style: {
-                                    minWidth: '180px',
-                                    padding: '12px 24px',
-                                    backgroundColor: TMColors.primaryColor,
-                                    color: 'white',
-                                    textDecoration: 'none',
-                                    borderRadius: '4px',
-                                    display: 'inline-block'
-                                }, children: SDKUI_Localizator.OpenInNewTab })] })] }) }, blobUrl));
-    }
+    // if (fileType === 'application/pdf' && isMobile) {
+    //     return (
+    //         <object
+    //             key={blobUrl}
+    //             data={blobUrl}
+    //             type="application/pdf"
+    //             width="100%"
+    //             height="100%"
+    //             style={{ 
+    //                 border: 'none', 
+    //                 zIndex: 0, 
+    //                 pointerEvents: isResizingActive === true ? "none" : "auto" 
+    //             }}
+    //         >
+    //             {/* Fallback UI if <object> tag fails to render PDF */}
+    //             <div style={{
+    //                 padding: '40px',
+    //                 textAlign: 'center',
+    //                 display: 'flex',
+    //                 flexDirection: 'column',
+    //                 alignItems: 'center',
+    //                 justifyContent: 'center',
+    //                 height: '100%',
+    //                 gap: '20px'
+    //             }}>
+    //                 <IconPreview fontSize={96} />
+    //                 <div>
+    //                     <h3>{SDKUI_Localizator.PDFDocument}</h3>
+    //                     <p>{SDKUI_Localizator.PreviewNotAvailableOnDevice}</p>
+    //                 </div>
+    //                 <div style={{ display: 'flex', gap: '10px', flexWrap: 'wrap', alignItems: 'center', justifyContent: 'center' }}>
+    //                     <a
+    //                         href={blobUrl}
+    //                         download="document.pdf"
+    //                         style={{
+    //                             minWidth: '180px',
+    //                             padding: '12px 24px',
+    //                             backgroundColor: TMColors.primaryColor,
+    //                             color: 'white',
+    //                             textDecoration: 'none',
+    //                             borderRadius: '4px',
+    //                             display: 'inline-block'
+    //                         }}
+    //                     >
+    //                         {SDKUI_Localizator.DownloadFile}
+    //                     </a>
+    //                     <a
+    //                         href={blobUrl}
+    //                         target="_blank"
+    //                         rel="noopener noreferrer"
+    //                         style={{
+    //                             minWidth: '180px',
+    //                             padding: '12px 24px',
+    //                             backgroundColor: TMColors.primaryColor,
+    //                             color: 'white',
+    //                             textDecoration: 'none',
+    //                             borderRadius: '4px',
+    //                             display: 'inline-block'
+    //                         }}
+    //                     >
+    //                         {SDKUI_Localizator.OpenInNewTab}
+    //                     </a>
+    //                 </div>
+    //             </div>
+    //         </object>
+    //     );
+    // }
     return (_jsx("iframe", { srcDoc: formattedXml ? `<html><body>${formattedXml}</body></html>` : undefined, src: !formattedXml
             ? (fileType === 'application/pdf' ? `${blobUrl}#view=FitH&scrollbar=1` : blobUrl)
             : undefined, title: "File Viewer", width: "100%", height: "100%", style: { border: 'none', zIndex: 0, pointerEvents: isResizingActive === true ? "none" : "auto" } }, blobUrl));

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

@@ -43,7 +43,7 @@ import { TMResultManager } from '../../forms/TMResultDialog';
 import TMCustomButton from '../../base/TMCustomButton';
 import ToppyDraggableHelpCenter from '../assistant/ToppyDraggableHelpCenter';
 import TMSignSettingsForm from './TMSignSettingsForm';
-import { getDcmtCicoStatus, cicoDownloadFilesCallback, getCicoDownloadFileName, renderCicoCheckInContent, validateCicoFileName, updateCheckoutItem } from '../../../helper/checkinCheckoutManager';
+import { getDcmtCicoStatus, cicoDownloadFilesCallback, getCicoDownloadFileName, renderCicoCheckInContent, validateCicoFileName, updateCicoCheckoutStorageItem } from '../../../helper/checkinCheckoutManager';
 import TMSearchResultCheckoutInfoForm from './TMSearchResultCheckoutInfoForm';
 import TMViewHistoryDcmt from './TMViewHistoryDcmt';
 import TMBlogCommentForm from '../blog/TMBlogCommentForm';
@@ -468,7 +468,7 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
                                 .then(async () => {
                                 result.push({ rowIndex: i, id1: firstDoc.TID, id2: firstDoc.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
                                 // Remove the corresponding draft checkout item
-                                updateCheckoutItem({ TID: firstDoc.TID.toString(), DID: firstDoc.DID.toString(), checkoutFolder: "", checkoutName: "" }, "dcmtInfo", "remove");
+                                updateCicoCheckoutStorageItem({ TID: firstDoc.TID.toString(), DID: firstDoc.DID.toString(), checkoutFolder: "", checkoutName: "" }, "dcmtInfo", "remove");
                                 await refreshFocusedDataRowAsync(firstDoc.TID, firstDoc.DID, true);
                             })
                                 .catch((error) => {
@@ -541,7 +541,7 @@ const TMSearchResult = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, a
                                 ue.DID = firstDoc.DID;
                                 await ue.CheckInAsync(file, "", abortControllerLocal.signal);
                                 // Remove the corresponding draft checkout item
-                                updateCheckoutItem({ TID: firstDoc.TID.toString(), DID: firstDoc.DID.toString(), checkoutFolder: "", checkoutName: "" }, "dcmtInfo", "remove");
+                                updateCicoCheckoutStorageItem({ TID: firstDoc.TID.toString(), DID: firstDoc.DID.toString(), checkoutFolder: "", checkoutName: "" }, "dcmtInfo", "remove");
                                 result.push({ rowIndex: i, id1: firstDoc.DID, id2: firstDoc.DID, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
                                 await refreshFocusedDataRowAsync(firstDoc.TID, firstDoc.DID, true);
                                 const cacheKey = `${firstDoc.TID}-${firstDoc.DID}`;

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

@@ -5,7 +5,7 @@ import { IconBxInfo, IconFileDots, IconFolder, SDKUI_Globals, SDKUI_Localizator
 import { FormModes } from "../../../ts";
 import { ResultTypes, ValidationItem } from "@topconsultnpm/sdk-ts";
 import { SaveFormOptions, useSaveForm } from "../../../hooks/useForm";
-import { getCicoDownloadFileName, updateCheckoutItem } from "../../../helper/checkinCheckoutManager";
+import { getCicoDownloadFileName, updateCicoCheckoutStorageItem } from "../../../helper/checkinCheckoutManager";
 import { TMColors } from "../../../utils/theme";
 import TMLayoutContainer, { TMLayoutItem } from "../../base/TMLayout";
 import TMTooltip from "../../base/TMTooltip";
@@ -57,13 +57,8 @@ const TMSearchResultCheckoutInfoForm = (props) => {
             // Check: formData must exist, selectedDcmtOrFocused.TID and selectedDcmtOrFocused.DID must exist, and at least one of checkoutFolder or checkoutName must be filled
             if (formData && selectedDcmtOrFocused.TID && selectedDcmtOrFocused.DID) {
                 // Create a new draft checkout item with TID, DID, and folder/name values
-                const newItem = {
-                    TID: selectedDcmtOrFocused.TID.toString(),
-                    DID: selectedDcmtOrFocused.DID.toString(),
-                    checkoutFolder: formData.checkoutFolder ?? "",
-                    checkoutName: formData.checkoutName ?? ""
-                };
-                updateCheckoutItem(newItem, "dcmtInfo", "addOrUpdate");
+                const newItem = { TID: selectedDcmtOrFocused.TID.toString(), DID: selectedDcmtOrFocused.DID.toString(), checkoutFolder: formData.checkoutFolder ?? "", checkoutName: formData.checkoutName ?? "" };
+                updateCicoCheckoutStorageItem(newItem, "dcmtInfo", "addOrUpdate");
                 onClose();
                 ShowAlert({ mode: 'success', title: SDKUI_Localizator.CheckoutInfo, message: SDKUI_Localizator.OperationSuccess, duration: 3000 });
             }

package/lib/helper/checkinCheckoutManager.d.ts

@@ -29,7 +29,7 @@ export type DownloadSource = {
 };
 export declare const getCicoDownloadFileName: (source: DownloadSource, checkout: boolean, withTimestampAndExt: boolean) => string;
 export declare const cicoDownloadFilesCallback: (sources: Array<DownloadSource>, checkout: boolean, downloadDcmtsAsync: (inputDcmts: Array<DcmtInfo> | undefined, downloadType?: DownloadTypes, downloadMode?: DownloadModes, onFileDownloaded?: (dcmtFile: File) => void, confirmAttachments?: (list: FileDescriptor[]) => Promise<string[] | undefined>, skipConfirmation?: boolean) => Promise<void>) => Promise<void>;
-export declare const updateCheckoutItem: (item: CheckoutInfo, type: "fileItem" | "dcmtInfo", action?: "addOrUpdate" | "remove") => void;
+export declare const updateCicoCheckoutStorageItem: (item: CheckoutInfo, type: "fileItem" | "dcmtInfo", action?: "addOrUpdate" | "remove") => void;
 export declare const validateCicoFileName: (source: DownloadSource, fileName: string) => FileNameValidation;
 type ValidationResult = {
     expected: string | number | undefined;

package/lib/helper/checkinCheckoutManager.js

@@ -64,13 +64,8 @@ export const cicoDownloadFilesCallback = async (sources, checkout, downloadDcmts
         if (tid && did && ext) {
             let fileName = getCicoDownloadFileName(source, checkout, true);
             if (checkout) {
-                const newItem = {
-                    TID: tid.toString(),
-                    DID: did.toString(),
-                    checkoutFolder: "",
-                    checkoutName: fileName
-                };
-                updateCheckoutItem(newItem, source.type, "addOrUpdate");
+                const newItem = { TID: tid.toString(), DID: did.toString(), checkoutFolder: "", checkoutName: fileName };
+                updateCicoCheckoutStorageItem(newItem, source.type, "addOrUpdate");
             }
             files.push({ TID: tid, DID: did, FILEEXT: ext, fileName });
         }
@@ -78,7 +73,7 @@ export const cicoDownloadFilesCallback = async (sources, checkout, downloadDcmts
     if (files.length > 0)
         await downloadDcmtsAsync(files, DownloadTypes.Dcmt, "download");
 };
-export const updateCheckoutItem = (item, type, action = "addOrUpdate") => {
+export const updateCicoCheckoutStorageItem = (item, type, action = "addOrUpdate") => {
     // Select the appropriate array based on type
     const currentItems = type === 'dcmtInfo' ? [...SDKUI_Globals.userSettings.dcmtCheckoutInfo] : [...SDKUI_Globals.userSettings.wgDraftCheckoutInfo];
     // Find the index of an existing item that has the same TID and DID as the new item

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.6",
+  "version": "6.20.0-dev1.9",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",