@topconsultnpm/sdkui-react 6.20.0-dev1.4 → 6.20.0-dev1.41

package/lib/helper/SDKUI_Localizator.js

@@ -278,6 +278,16 @@ export class SDKUI_Localizator {
             default: return "Alfabetico";
         }
     }
+    static get Anomalies() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Anomalien";
+            case CultureIDs.En_US: return "Anomalies";
+            case CultureIDs.Es_ES: return "Anomalías";
+            case CultureIDs.Fr_FR: return "Anomalies";
+            case CultureIDs.Pt_PT: return "Anomalias";
+            default: return "Anomalie";
+        }
+    }
     static get Answer() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Antwort";
@@ -835,6 +845,22 @@ export class SDKUI_Localizator {
             default: return "Check in";
         }
     }
+    static get CheckInElementConfirm() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE:
+                return "Das Element '{{0}}' einchecken?";
+            case CultureIDs.En_US:
+                return "Check in the element '{{0}}'?";
+            case CultureIDs.Es_ES:
+                return "¿Realizar el check-in del elemento '{{0}}'?";
+            case CultureIDs.Fr_FR:
+                return "Effectuer le check-in de l’élément '{{0}}'?";
+            case CultureIDs.Pt_PT:
+                return "Efetuar o check-in do elemento '{{0}}'?";
+            default:
+                return "Eseguire il check-in dell’elemento '{{0}}'?";
+        }
+    }
     static get CheckInOutSettingsNotice() {
         switch (this._cultureID) {
             case CultureIDs.De_DE:
@@ -852,6 +878,22 @@ export class SDKUI_Localizator {
                 return "Puoi modificare questa impostazione in “Ricerca → Check in/Check out” in qualsiasi momento.";
         }
     }
+    static get CheckInSuccessMessage() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE:
+                return "Check-in erfolgreich abgeschlossen! Löschen Sie die Datei aus dem Dateisystem.";
+            case CultureIDs.En_US:
+                return "Check-in completed successfully! Delete the document from the file system.";
+            case CultureIDs.Es_ES:
+                return "¡Check-in completado con éxito! Elimine el archivo del sistema de archivos.";
+            case CultureIDs.Fr_FR:
+                return "Check-in terminé avec succès ! Supprimez le fichier du système de fichiers.";
+            case CultureIDs.Pt_PT:
+                return "Check-in concluído com sucesso! Elimine o ficheiro do sistema de ficheiros.";
+            default:
+                return "Check-in completato con successo! Cancella il documento dal file system.";
+        }
+    }
     static get Checkmark() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Häkchen";
@@ -1274,6 +1316,16 @@ export class SDKUI_Localizator {
             default: return "Lingua";
         }
     }
+    static get Current() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Aktuell";
+            case CultureIDs.En_US: return "Current";
+            case CultureIDs.Es_ES: return "Actual";
+            case CultureIDs.Fr_FR: return "Actuel";
+            case CultureIDs.Pt_PT: return "Atual";
+            default: return "Corrente";
+        }
+    }
     static get CurrentUserExtract() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Auszug aus dem aktuellen Benutzer und änderbar";
@@ -2093,6 +2145,22 @@ export class SDKUI_Localizator {
             default: return "Ordine elettronico";
         }
     }
+    static get ElementNameConventionError() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE:
+                return "Der Name des Elements ist nicht konform";
+            case CultureIDs.En_US:
+                return "The element name does not comply";
+            case CultureIDs.Es_ES:
+                return "El nombre del elemento no es conforme";
+            case CultureIDs.Fr_FR:
+                return "Le nom de l’élément n’est pas conforme";
+            case CultureIDs.Pt_PT:
+                return "O nome do elemento não está conforme";
+            default:
+                return "Il nome dell’elemento non è conforme";
+        }
+    }
     static get EmailIsNotValid() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Dies ist keine gültige e-mail Adresse";
@@ -2299,6 +2367,16 @@ export class SDKUI_Localizator {
             default: return "Valuta il risultato";
         }
     }
+    static get Expected() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Erwartet";
+            case CultureIDs.En_US: return "Expected";
+            case CultureIDs.Es_ES: return "Esperado";
+            case CultureIDs.Fr_FR: return "Attendu";
+            case CultureIDs.Pt_PT: return "Esperado";
+            default: return "Atteso";
+        }
+    }
     static get Expiration() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Ablaufdatum";
@@ -4870,6 +4948,16 @@ export class SDKUI_Localizator {
             default: return "Legenda delle priorità";
         }
     }
+    static get ProceedAnyway() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Dennoch fortfahren?";
+            case CultureIDs.En_US: return "Proceed anyway?";
+            case CultureIDs.Es_ES: return "¿Proceder de todos modos?";
+            case CultureIDs.Fr_FR: return "Procéder quand même ?";
+            case CultureIDs.Pt_PT: return "Prosseguir mesmo assim?";
+            default: return "Procedere comunque?";
+        }
+    }
     static get ProcessedItems() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Durchdachte Elemente";
@@ -5798,6 +5886,16 @@ export class SDKUI_Localizator {
             default: return "Mostra tutti";
         }
     }
+    static get ShowColumnSelection() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Spaltenauswahl anzeigen";
+            case CultureIDs.En_US: return "Show column selection";
+            case CultureIDs.Es_ES: return "Mostrar selección de columnas";
+            case CultureIDs.Fr_FR: return "Afficher la sélection de colonnes";
+            case CultureIDs.Pt_PT: return "Mostrar seleção de colunas";
+            default: return "Mostra selezione colonne";
+        }
+    }
     static get ShowFloatingBar() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Floating-Leiste anzeigen";

package/lib/helper/TMIcons.d.ts

@@ -275,4 +275,5 @@ export declare function IconUnpair(props: React.SVGProps<SVGSVGElement>): import
 export declare function IconCtrlWorkflow(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 export declare function IconBackhandIndexPointingRight(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
 export declare function IconMoveToFolder(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function IconCustom(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 export { Icon123, IconABC, IconAccessPoint, IconAddressBook, IconSignCert, IconServerService, IconActivity, IconActivityLog, IconAdd, IconAddCircleOutline, IconAll, IconApply, IconApplyAndClose, IconArchive, IconArchiveDoc, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAtSign, IconAttachment, IconAutoConfig, IconBackward, IconBasket, IconBoard, IconBoxArchiveIn, IconBxInfo, IconBxLock, IconCalendar, IconCloseCircle, IconCloseOutline, IconCloud, IconCircleInfo, IconClear, IconColumns, IconCommand, IconCopy, IconCount, IconCrown, IconDashboard, IconDcmtType, IconDcmtTypeOnlyMetadata, IconDcmtTypeSys, IconDelete, IconDetails, IconDown, IconDownload, IconDotsVerticalCircleOutline, IconDuplicate, IconEdit, IconEqual, IconEqualNot, IconEraser, IconExpandRight, IconExport, IconFastBackward, IconFoldeAdd, IconFolderSearch, IconFolderZip, IconFastForward, IconFastSearch, IconFileDots, IconFilter, IconForceStop, IconForward, IconFreeze, IconFreeSearch, IconGreaterThan, IconGreaterThanOrEqual, IconHistory, IconImport, IconTag, IconInfo, IconInsertAbove, IconInsertBelow, IconHeart, IconHide, IconLanguage, IconLeft, IconLessThan, IconLessThanOrEqual, IconLock, IconLockClosed, IconLogin, IconLink, IconLogout, IconMail, IconMapping, IconMic, IconMenuHorizontal, IconMenuKebab, IconMenuVertical, IconMetadata, IconMetadata_Computed, IconMetadata_DataList, IconMetadata_Date, IconMetadata_DynamicDataList, IconMetadata_Numerator, IconMetadata_Numeric, IconMetadata_Special, IconMetadata_Text, IconMetadata_User, IconMonitor, IconOpenInNew, IconNotification, IconPassword, IconPencil, IconPlatform, IconPlay, IconPreview, IconPrinter, IconPrintOutline, IconProcess, IconProgressAbortRequested, IconProgressCompleted, IconProgressNotCompleted, IconProgressReady, IconProgressRunning, IconProgressStarted, IconRefresh, IconReset, IconRecentlyViewed, IconRight, IconSave, IconSearch, IconSelected, IconSettings, IconShow, IconSort, IconStop, IconStopwatch, IconSuccess, IconAlarmPlus, IconHourglass, IconNone, IconNotStarted, IconProgress, IconSuccessCirlce, IconSuitcase, IconSupport, IconUndo, IconUnFreeze, IconUp, IconUpdate, IconUpload, IconUser, IconUserProfile, IconVisible, IconWarning, IconWeb, IconWifi, IconWindowMaximize, IconWindowMinimize, IconWorkflow, IconWorkspace, IconUserGroup, IconUserGroupOutline, IconUserLevelMember, IconUserLevelAdministrator, IconUserLevelSystemAdministrator, IconUserLevelAutonomousAdministrator, IconDraggabledots, IconRelation, IconEasy, IconSum, IconDisk, IconDataList, IconPalette, IconFormatPageSplit, IconPaste, IconFileSearch, IconStar, IconStarRemove, IconSearchCheck, IconLightningFill, IconArrowUnsorted, IconArrowSortedUp, IconArrowSortedDown, IconConvertFilePdf, IconExportTo, IconSharedDcmt, IconShare, IconBatchUpdate, IconCheckFile, IconStatistics, IconSubstFile, IconAdvanced, IconSync, IconSavedQuery, IconSignature, IconSignaturePencil, IconRecursiveOps, IconCheckIn, IconTree, IconGrid, IconList, IconFolder, IconFolderOpen, IconFactory, IconTest, IconCheck, IconUncheck, IconSortAsc, IconSortDesc, IconRoundFileUpload, IconSortAscLetters, IconSortDescLetters, IconRotate, IconSortAscNumbers, IconSortDescNumbers, IconSortAscClock, IconSortDescClock, IconLayerGroup, IconBell, IconBellCheck, IconBellOutline, IconBellCheckOutline, IconEnvelopeOpenText, IconChangeUser, IconUserCheck, IconRelationManyToMany, IconRelationOneToMany, IconUserExpired, IconKey, IconZoomInLinear, IconZoomOutLinear, IconMenuCAWorkingGroups, IconCADossier, IconMenuCACaseflow, IconMenuDashboard, IconMenuCAAreas, IconMenuTask, IconMenuSearch, IconMenuFullTextSearch, IconMenuFavourite, IconSAPLogin, IconSAPLogin2, IconView, IconNewSignature };

package/lib/helper/TMIcons.js

@@ -687,4 +687,7 @@ export function IconBackhandIndexPointingRight(props) {
 export function IconMoveToFolder(props) {
     return (_jsx("svg", { fontSize: props.fontSize ?? FONTSIZE, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 28 28", width: "1em", height: "1em", ...props, children: _jsx("path", { d: "M21.5 15a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11zM10.207 4c.46 0 .908.141 1.284.402l.156.12L14.022 6.5h9.728a2.25 2.25 0 0 1 2.229 1.938l.016.158l.005.154v7.06a6.518 6.518 0 0 0-1.499-1.077L24.5 8.75a.75.75 0 0 0-.648-.743L23.75 8h-9.729l-2.374 1.978a2.25 2.25 0 0 1-1.244.513l-.196.009l-6.707-.001V21.75c0 .38.282.693.648.743l.102.007h11.064a6.47 6.47 0 0 0 .709 1.501L4.25 24a2.25 2.25 0 0 1-2.245-2.096L2 21.75V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h5.957zm11.585 13.545l-.076.044l-.07.057l-.057.07a.5.5 0 0 0 0 .568l.057.07l1.646 1.645l-4.798.001l-.09.008a.5.5 0 0 0-.402.402l-.008.09l.008.09a.5.5 0 0 0 .402.402l.09.008l4.8-.001l-1.648 1.647l-.057.07a.5.5 0 0 0 .695.695l.07-.057l2.535-2.541l.031-.042l.042-.08l.026-.083l.01-.064l-.002-.11l-.008-.042l-.026-.083l-.042-.08l-.037-.05l-2.53-2.533l-.069-.057a.5.5 0 0 0-.492-.044zM10.207 5.5H4.25a.75.75 0 0 0-.743.648L3.5 6.25v2.749L10.207 9a.75.75 0 0 0 .395-.113l.085-.06l1.891-1.578l-1.89-1.575a.75.75 0 0 0-.377-.167l-.104-.007z", fill: "currentColor", fillRule: "nonzero" }) }));
 }
+export function IconCustom(props) {
+    return (_jsx("svg", { fontSize: props.fontSize ?? FONTSIZE, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: _jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: "10", strokeWidth: "1.5", d: "M14 17h6m-3 3v-6M5.6 4h2.8A1.6 1.6 0 0 1 10 5.6v2.8A1.6 1.6 0 0 1 8.4 10H5.6A1.6 1.6 0 0 1 4 8.4V5.6A1.6 1.6 0 0 1 5.6 4m0 10h2.8a1.6 1.6 0 0 1 1.6 1.6v2.8A1.6 1.6 0 0 1 8.4 20H5.6A1.6 1.6 0 0 1 4 18.4v-2.8A1.6 1.6 0 0 1 5.6 14m10-10h2.8A1.6 1.6 0 0 1 20 5.6v2.8a1.6 1.6 0 0 1-1.6 1.6h-2.8A1.6 1.6 0 0 1 14 8.4V5.6A1.6 1.6 0 0 1 15.6 4" }) }));
+}
 export { Icon123, IconABC, IconAccessPoint, IconAddressBook, IconSignCert, IconServerService, IconActivity, IconActivityLog, IconAdd, IconAddCircleOutline, IconAll, IconApply, IconApplyAndClose, IconArchive, IconArchiveDoc, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAtSign, IconAttachment, IconAutoConfig, IconBackward, IconBasket, IconBoard, IconBoxArchiveIn, IconBxInfo, IconBxLock, IconCalendar, IconCloseCircle, IconCloseOutline, IconCloud, IconCircleInfo, IconClear, IconColumns, IconCommand, IconCopy, IconCount, IconCrown, IconDashboard, IconDcmtType, IconDcmtTypeOnlyMetadata, IconDcmtTypeSys, IconDelete, IconDetails, IconDown, IconDownload, IconDotsVerticalCircleOutline, IconDuplicate, IconEdit, IconEqual, IconEqualNot, IconEraser, IconExpandRight, IconExport, IconFastBackward, IconFoldeAdd, IconFolderSearch, IconFolderZip, IconFastForward, IconFastSearch, IconFileDots, IconFilter, IconForceStop, IconForward, IconFreeze, IconFreeSearch, IconGreaterThan, IconGreaterThanOrEqual, IconHistory, IconImport, IconTag, IconInfo, IconInsertAbove, IconInsertBelow, IconHeart, IconHide, IconLanguage, IconLeft, IconLessThan, IconLessThanOrEqual, IconLock, IconLockClosed, IconLogin, IconLink, IconLogout, IconMail, IconMapping, IconMic, IconMenuHorizontal, IconMenuKebab, IconMenuVertical, IconMetadata, IconMetadata_Computed, IconMetadata_DataList, IconMetadata_Date, IconMetadata_DynamicDataList, IconMetadata_Numerator, IconMetadata_Numeric, IconMetadata_Special, IconMetadata_Text, IconMetadata_User, IconMonitor, IconOpenInNew, IconNotification, IconPassword, IconPencil, IconPlatform, IconPlay, IconPreview, IconPrinter, IconPrintOutline, IconProcess, IconProgressAbortRequested, IconProgressCompleted, IconProgressNotCompleted, IconProgressReady, IconProgressRunning, IconProgressStarted, IconRefresh, IconReset, IconRecentlyViewed, IconRight, IconSave, IconSearch, IconSelected, IconSettings, IconShow, IconSort, IconStop, IconStopwatch, IconSuccess, IconAlarmPlus, IconHourglass, IconNone, IconNotStarted, IconProgress, IconSuccessCirlce, IconSuitcase, IconSupport, IconUndo, IconUnFreeze, IconUp, IconUpdate, IconUpload, IconUser, IconUserProfile, IconVisible, IconWarning, IconWeb, IconWifi, IconWindowMaximize, IconWindowMinimize, IconWorkflow, IconWorkspace, IconUserGroup, IconUserGroupOutline, IconUserLevelMember, IconUserLevelAdministrator, IconUserLevelSystemAdministrator, IconUserLevelAutonomousAdministrator, IconDraggabledots, IconRelation, IconEasy, IconSum, IconDisk, IconDataList, IconPalette, IconFormatPageSplit, IconPaste, IconFileSearch, IconStar, IconStarRemove, IconSearchCheck, IconLightningFill, IconArrowUnsorted, IconArrowSortedUp, IconArrowSortedDown, IconConvertFilePdf, IconExportTo, IconSharedDcmt, IconShare, IconBatchUpdate, IconCheckFile, IconStatistics, IconSubstFile, IconAdvanced, IconSync, IconSavedQuery, IconSignature, IconSignaturePencil, IconRecursiveOps, IconCheckIn, IconTree, IconGrid, IconList, IconFolder, IconFolderOpen, IconFactory, IconTest, IconCheck, IconUncheck, IconSortAsc, IconSortDesc, IconRoundFileUpload, IconSortAscLetters, IconSortDescLetters, IconRotate, IconSortAscNumbers, IconSortDescNumbers, IconSortAscClock, IconSortDescClock, IconLayerGroup, IconBell, IconBellCheck, IconBellOutline, IconBellCheckOutline, IconEnvelopeOpenText, IconChangeUser, IconUserCheck, IconRelationManyToMany, IconRelationOneToMany, IconUserExpired, IconKey, IconZoomInLinear, IconZoomOutLinear, IconMenuCAWorkingGroups, IconCADossier, IconMenuCACaseflow, IconMenuDashboard, IconMenuCAAreas, IconMenuTask, IconMenuSearch, IconMenuFullTextSearch, IconMenuFavourite, IconSAPLogin, IconSAPLogin2, IconView, IconNewSignature };

package/lib/helper/TMPdfViewer.d.ts

@@ -0,0 +1,8 @@
+interface TMPdfViewerProps {
+    pdfBlob: Blob;
+    title?: string;
+    isResizingActive?: boolean;
+    enableFitToWidth?: boolean;
+}
+declare const TMPdfViewer: (props: TMPdfViewerProps) => import("react/jsx-runtime").JSX.Element;
+export default TMPdfViewer;

package/lib/helper/TMPdfViewer.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef, useCallback } from "react";
+import styled from "styled-components";
+import { LoadIndicator } from 'devextreme-react/load-indicator';
+import { IconCloseOutline } from "./TMIcons";
+import { SDKUI_Localizator } from "./SDKUI_Localizator";
+import { TMColors } from "../utils/theme";
+// Dynamic imports for optional dependencies
+let pdfjs;
+let Document;
+let Page;
+let isReactPdfAvailable = false;
+try {
+    const reactPdf = require('react-pdf');
+    pdfjs = reactPdf.pdfjs;
+    Document = reactPdf.Document;
+    Page = reactPdf.Page;
+    // Configura il worker PDF.js PRIMA del rendering
+    pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+    isReactPdfAvailable = true;
+}
+catch (error) {
+    // react-pdf not available - will use iframe fallback
+    // console.warn('react-pdf is not installed. TMPdfViewer will use iframe fallback.');
+}
+const PDFViewerContainer = styled.div `
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background-color: #f5f5f5;
+  position: relative;
+  
+  .react-pdf__Document {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 0;
+  }
+  
+  .react-pdf__Page {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    margin: 0 auto;
+  }
+  
+  .react-pdf__Page__canvas {
+    max-width: 100%;
+    height: auto !important;
+  }
+`;
+const LoadingOverlay = styled.div `
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(245, 245, 245, 0.95);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+`;
+const TMPdfViewer = (props) => {
+    const { pdfBlob, title = "Anteprima PDF", isResizingActive, enableFitToWidth = false } = props;
+    const [isMobile, setIsMobile] = useState(false);
+    const [totalPagesNumber, setTotalPagesNumber] = useState(0);
+    const [loadedPagesNumber, setLoadedPagesNumber] = useState(0);
+    const [visiblePages, setVisiblePages] = useState(new Set([1]));
+    const [pdfUrl, setPdfUrl] = useState("");
+    const observerRef = useRef(null);
+    useEffect(() => {
+        const checkIsMobile = () => {
+            const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+            // Detect actual mobile/tablet devices
+            const isMobileDevice = 
+            // User agent detection (phones and tablets)
+            /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent) ||
+                // Media query for touch devices with coarse pointer (more reliable than screen width)
+                (window.matchMedia?.('(hover: none) and (pointer: coarse)').matches ?? false) ||
+                // Touch-capable devices excluding desktop OS
+                (navigator.maxTouchPoints > 1 && !/Win|Mac|Linux x86_64/i.test(userAgent));
+            setIsMobile(isMobileDevice);
+        };
+        checkIsMobile();
+        // Create URL for iframe
+        const url = URL.createObjectURL(pdfBlob);
+        setPdfUrl(url);
+        return () => {
+            if (url) {
+                URL.revokeObjectURL(url);
+            }
+        };
+    }, [pdfBlob]);
+    /**
+     * Callback per l'Intersection Observer che gestisce il lazy loading delle pagine PDF.
+     * Viene chiamato ogni volta che una pagina entra o esce dal viewport (area visibile).
+     *
+     * - Monitora quando gli elementi (pagine) diventano visibili
+     * - Aggiunge il numero di pagina al Set delle pagine visibili quando entra nel viewport
+     * - Il rootMargin di 500px carica le pagine prima che siano effettivamente visibili (preloading)
+     */
+    const pageObserverCallback = useCallback((entries) => {
+        entries.forEach(entry => {
+            const pageNum = parseInt(entry.target.getAttribute('data-page-number') || '0');
+            if (entry.isIntersecting) {
+                // Aggiunge la pagina al Set di quelle da renderizzare
+                setVisiblePages(prev => new Set([...prev, pageNum]));
+            }
+        });
+    }, []);
+    /**
+     * Crea e configura l'Intersection Observer per il lazy loading.
+     *
+     * Configurazione:
+     * - root: null → osserva rispetto al viewport del browser
+     * - rootMargin: '500px' → inizia il caricamento 500px prima che la pagina sia visibile (buffer)
+     * - threshold: 0.01 → trigger quando anche solo l'1% dell'elemento è visibile
+     *
+     * Benefici:
+     * - Non blocca l'UI durante il rendering
+     * - Carica solo le pagine necessarie
+     * - Migliora le performance su PDF con molte pagine
+     */
+    useEffect(() => {
+        observerRef.current = new IntersectionObserver(pageObserverCallback, {
+            root: null,
+            rootMargin: '500px',
+            threshold: 0.01
+        });
+        return () => {
+            // Cleanup: disconnette l'observer quando il componente viene smontato
+            observerRef.current?.disconnect();
+        };
+    }, [pageObserverCallback]);
+    // Use iframe se react-pdf non è disponibile O se è desktop
+    if (!isReactPdfAvailable || (!isMobile && pdfUrl)) {
+        return (_jsx(PDFViewerContainer, { children: _jsx("iframe", { src: `${pdfUrl}#${enableFitToWidth ? 'view=FitH&' : ''}scrollbar=1`, title: title, style: {
+                    width: '100%',
+                    height: '100%',
+                    border: 'none',
+                    zIndex: 0,
+                    pointerEvents: isResizingActive === true ? "none" : "auto"
+                } }, pdfUrl) }));
+    }
+    // Usa react-pdf solo per mobile e solo se disponibile
+    return _jsxs(PDFViewerContainer, { children: [loadedPagesNumber === 0 && totalPagesNumber > 0 && _jsx(LoadingOverlay, { children: _jsxs("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        flexDirection: 'column',
+                        gap: '10px'
+                    }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsxs("div", { children: [SDKUI_Localizator.Loading, "..."] })] }) }), _jsx("div", { style: { display: loadedPagesNumber > 0 && totalPagesNumber > 0 ? 'block' : 'none' }, children: _jsx(Document, { file: pdfBlob, onLoadSuccess: ({ numPages }) => {
+                        setTotalPagesNumber(numPages);
+                        setLoadedPagesNumber(0);
+                    }, loading: _jsxs("div", { style: {
+                            display: 'flex',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            height: '100%',
+                            flexDirection: 'column',
+                            gap: '10px'
+                        }, children: [_jsx(LoadIndicator, { height: 60, width: 60 }), _jsxs("div", { children: [SDKUI_Localizator.Loading, "..."] })] }), error: _jsxs("div", { style: {
+                            display: 'flex',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            height: '100%',
+                            flexDirection: 'column',
+                            gap: '10px'
+                        }, children: [_jsx(IconCloseOutline, { fontSize: 64, color: TMColors.error }), _jsx("div", { children: "Errore nel caricamento del PDF" })] }), children: Array.from(new Array(totalPagesNumber), (el, index) => {
+                        const pageNumber = index + 1;
+                        const shouldRender = visiblePages.has(pageNumber);
+                        return (_jsx("div", { "data-page-number": pageNumber, ref: (el) => {
+                                if (el && observerRef.current) {
+                                    observerRef.current.observe(el);
+                                }
+                            }, style: {
+                                minHeight: shouldRender ? 'auto' : '1000px',
+                                display: 'flex',
+                                justifyContent: 'center',
+                                alignItems: 'center'
+                            }, children: shouldRender && (_jsx(Page, { pageNumber: pageNumber, renderTextLayer: false, renderAnnotationLayer: false, width: Math.min(window.innerWidth - 40, 1200), loading: _jsx("div", { style: { padding: '20px' }, children: _jsx(LoadIndicator, { height: 40, width: 40 }) }), onLoadSuccess: () => {
+                                    setLoadedPagesNumber(prev => prev + 1);
+                                } })) }, `page_${pageNumber}`));
+                    }) }) })] });
+};
+export default TMPdfViewer;

package/lib/helper/TMUtils.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { DataColumnDescriptor, PdGs } from '@topconsultnpm/sdk-ts';
+import { FileItem } from '../components';
+import { DataColumnDescriptor, PdGs, SearchResultDescriptor } from '@topconsultnpm/sdk-ts';
 export declare const getFileIcon: (fileExtension: string | undefined, fileCount: number | undefined, tooltipContent?: JSX.Element | string) => import("react/jsx-runtime").JSX.Element;
 export declare function formatBytes(bytes: number | undefined, decimalPlaces?: number): string;
 export interface RowData {
@@ -64,4 +65,5 @@ export declare const parseSignatureConfiguration: (did: number, informationSign:
     allowCopyright: boolean;
     copyrightValue: string;
 };
+export declare const convertSearchResultDescriptorToFileItems: (documents: Array<SearchResultDescriptor>) => Array<FileItem>;
 export {};

package/lib/helper/TMUtils.js

@@ -382,3 +382,54 @@ export const parseSignatureConfiguration = (did, informationSign, firstName, las
         throw error;
     }
 };
+export const convertSearchResultDescriptorToFileItems = (documents) => {
+    const fileItems = [];
+    documents.forEach((doc, docIndex) => {
+        const columns = doc.dtdResult?.columns || [];
+        const rows = doc.dtdResult?.rows || [];
+        // Map column captions to their indexes for quick lookup
+        const colIndexMap = {};
+        columns.forEach((col, i) => {
+            if (col.caption !== undefined) {
+                colIndexMap[col.caption] = i;
+            }
+        });
+        const getVal = (row, caption) => {
+            const idx = colIndexMap[caption];
+            return idx !== undefined ? row[idx] : undefined;
+        };
+        rows.forEach((row, rowIndex) => {
+            let baseName = doc.fromName || `Document ${docIndex + 1}`;
+            const did = getVal(row, 'DID');
+            const fileExt = getVal(row, 'FileExt');
+            const tid = getVal(row, 'TID');
+            const fileSize = getVal(row, 'FileSize');
+            if (did) {
+                baseName += ` (DID: ${did})`;
+            }
+            if (fileExt) {
+                baseName += `.${fileExt}`;
+            }
+            fileItems.push({
+                id: did ? Number(did) : Number(`${docIndex}${rowIndex}`),
+                name: baseName,
+                isDirectory: false,
+                items: [],
+                tid: tid !== undefined ? Number(tid) : undefined,
+                did: did !== undefined ? Number(did) : undefined,
+                ext: fileExt ?? undefined,
+                size: fileSize !== undefined ? Number(fileSize) : 1,
+                creationTime: undefined,
+                lastUpdateTime: undefined,
+                updaterID: undefined,
+                updaterName: undefined,
+                description: undefined,
+                checkOutUserID: undefined,
+                checkOutUserName: undefined,
+                checkoutDate: null,
+                version: undefined,
+            });
+        });
+    });
+    return fileItems;
+};

package/lib/helper/checkinCheckoutManager.d.ts

@@ -0,0 +1,85 @@
+import React from "react";
+import { AccessLevels, DcmtTypeDescriptor, FileDescriptor, UserDescriptor } from "@topconsultnpm/sdk-ts";
+import { DcmtInfo, DownloadModes, DownloadTypes } from "../ts/types";
+import { FileItem } from "../components";
+/**
+ * Check-in/Check-out Manager
+ * Questo modulo gestisce tutte le operazioni di check-in e check-out
+ * dei documenti e delle bozze dei gruppi di lavoro.
+ *
+ * Operazioni gestite:
+ * - Generazione nomi file per download e checkout con timestamp e identificatori univoci
+ * - Download di documenti in modalità checkout
+ * - Gestione dello storage locale delle informazioni di checkout (aggiunta, aggiornamento, rimozione)
+ * - Validazione dei nomi file secondo le convenzioni di naming CICO
+ * - Rendering dell'interfaccia utente per conferma check-in con visualizzazione anomalie
+ * - Determinazione dello stato di check-out dei documenti (editMode/lockMode)
+ * - Verifica permessi e abilitazione funzionalità CICO per tipo documento
+ */
+export interface CheckoutInfo {
+    DID: string;
+    TID: string;
+    checkoutFolder: string;
+    checkoutName: string;
+}
+interface CheckoutStatusResult {
+    isCheckedOut: boolean;
+    mode: 'editMode' | 'lockMode' | '';
+    version: number;
+    icon: React.ReactNode | null;
+    editLockTooltipText: React.ReactNode | null;
+}
+export type DownloadSource = {
+    type: 'fileItem';
+    fileItem: FileItem;
+} | {
+    type: 'dcmtInfo';
+    dcmtInfo: DcmtInfo;
+    originalFileName: string;
+};
+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 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;
+    current: string | number | undefined;
+    isValid: boolean;
+};
+type FileNameValidationItems = {
+    name: ValidationResult;
+    archiveID: ValidationResult;
+    did: ValidationResult;
+    tid: ValidationResult;
+    fileExtension: ValidationResult;
+};
+type FileNameValidation = {
+    isValid: boolean;
+    validationResults?: FileNameValidationItems;
+};
+export declare const renderCicoCheckInContent: (source: DownloadSource, selectedFilename: File, isValid: boolean, validationItems: FileNameValidationItems | undefined, color?: string) => React.ReactNode;
+interface CheckInCheckOutDcmtInfo {
+    CICO: number;
+    CanCICO: AccessLevels;
+    CanDelChronology: AccessLevels;
+    UserID_MID: number;
+    Date_MID: number;
+    Ver_MID: number;
+    UserID_CanViewOrUpdate: AccessLevels;
+    Date_CanViewOrUpdate: AccessLevels;
+    Ver_CanViewOrUpdate: AccessLevels;
+}
+export declare const getDcmtCicoInfo: (dtd: DcmtTypeDescriptor | undefined) => CheckInCheckOutDcmtInfo;
+/**
+ * Determina lo stato di check-in/check-out di un documento
+ *
+ * @param dcmt - Il documento in formato array (MetadataValueDescriptorEx[]) o oggetto piatto
+ * @param allUsers - Lista di tutti gli utenti per risolvere i nomi
+ * @param dtd - Descrittore del tipo documento contenente le definizioni dei metadati CICO
+ * @returns Oggetto con cicoEnabled (se CICO è abilitato) e checkoutStatus (dettagli dello stato)
+ */
+export declare const getDcmtCicoStatus: (dcmt: any, allUsers: Array<UserDescriptor>, dtd: DcmtTypeDescriptor | undefined) => {
+    cicoEnabled: boolean;
+    checkoutStatus: CheckoutStatusResult;
+};
+export {};