@topconsultnpm/sdkui-react 6.20.0-dev1.17 → 6.20.0-dev1.19

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import TMDcmtPreview from './TMDcmtPreview';
-import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TemplateTIDs, TID_DID, UpdateEngineByID, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
+import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutCacheService, LayoutModes, MetadataDataTypes, ObjectClasses, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TemplateTIDs, TID_DID, UpdateEngineByID, UserListCacheService, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts';
 import { ContextMenu } from 'devextreme-react';
 import { WorkFlowApproveRejectPopUp, WorkFlowMoreInfoPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
 import { DownloadTypes, FormModes, DcmtOperationTypes } from '../../../ts';
@@ -45,6 +45,7 @@ import ToppyDraggableHelpCenter from '../assistant/ToppyDraggableHelpCenter';
 import { useCheckInOutOperations } from '../../../hooks/useCheckInOutOperations';
 import TMViewHistoryDcmt from '../search/TMViewHistoryDcmt';
 import TMDcmtCheckoutInfoForm from '../search/TMDcmtCheckoutInfoForm';
+import styled from 'styled-components';
 let abortControllerLocal = new AbortController();
 //#endregion
 const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, showBackButton = true, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, onTaskCompleted, onTaskCreateRequest, inputFile = null, taskFormDialogComponent, taskMoreInfo, connectorFileSave = undefined, inputMids = [], openS4TViewer = false, onOpenS4TViewerRequest, s4TViewerDialogComponent, enableDragDropOverlay = false, passToSearch, isSharedDcmt = false, sharedSourceTID, sharedSourceDID, allowButtonsRefs = false, onReferenceClick, }) => {
@@ -72,6 +73,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const [layout, setLayout] = useState();
     const [customButtonsLayout, setCustomButtonsLayout] = useState();
     const [customButton, setCustomButton] = useState();
+    const [allUsers, setAllUsers] = useState([]);
     const appliedInputMidsRef = useRef(null);
     // Refs per evitare stale closure nei callback
     // I useCallback catturano i valori delle dipendenze al momento della creazione.
@@ -105,6 +107,13 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
     const triggerBlogRefresh = useCallback(async () => {
         setRefreshBlogTrigger(prev => prev + 1);
     }, []);
+    useEffect(() => {
+        const fetchAllUsers = async () => {
+            const users = await UserListCacheService.GetAllAsync();
+            setAllUsers(users ?? []);
+        };
+        fetchAllUsers();
+    }, []);
     useEffect(() => {
         if (!allowButtonsRefs)
             setDcmtReferences(undefined);
@@ -584,51 +593,53 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
                 items: operationsItems
             });
         }
-        // Check in/Check out menu
-        const { cicoEnabled, checkoutStatus } = getDcmtCicoStatus(formData, [], fromDTD);
-        items.push({
-            icon: svgToString(_jsx(IconFileDots, {})),
-            text: "Check in/Check out",
-            disabled: false,
-            items: [
-                {
-                    icon: "edit",
-                    text: 'Check out',
-                    disabled: !cicoEnabled || checkoutStatus.isCheckedOut,
-                    onClick: () => handleCheckOutOperationCallback(true),
-                },
-                {
-                    icon: "unlock",
-                    text: 'Check in',
-                    onClick: () => handleCheckInOperationCallback(),
-                    disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode'
-                },
-                {
-                    icon: "remove",
-                    text: SDKUI_Localizator.CancelCheckOut,
-                    disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode',
-                    onClick: () => handleCheckOutOperationCallback(false),
-                },
-                {
-                    icon: "info",
-                    text: SDKUI_Localizator.CheckoutInfo,
-                    onClick: showCheckoutInformationFormCallback,
-                    disabled: !checkoutStatus.isCheckedOut
-                },
-                {
-                    icon: "copy",
-                    text: SDKUI_Localizator.CopyCheckoutPath,
-                    onClick: copyCheckoutPathToClipboardOperationCallback,
-                    disabled: !checkoutStatus.isCheckedOut
-                },
-                {
-                    icon: "clock",
-                    text: SDKUI_Localizator.History,
-                    disabled: !cicoEnabled,
-                    onClick: showHistoryCallback,
-                },
-            ]
-        });
+        if (fromDTD?.id !== SystemTIDs.Drafts) {
+            // Check in/Check out menu
+            const { cicoEnabled, checkoutStatus } = getDcmtCicoStatus(formData, allUsers, fromDTD);
+            items.push({
+                icon: svgToString(_jsx(IconFileDots, {})),
+                text: "Check in/Check out",
+                disabled: false,
+                items: [
+                    {
+                        icon: "edit",
+                        text: 'Check out',
+                        disabled: !cicoEnabled || checkoutStatus.isCheckedOut,
+                        onClick: () => handleCheckOutOperationCallback(true),
+                    },
+                    {
+                        icon: "unlock",
+                        text: 'Check in',
+                        onClick: () => handleCheckInOperationCallback(),
+                        disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode'
+                    },
+                    {
+                        icon: "remove",
+                        text: SDKUI_Localizator.CancelCheckOut,
+                        disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode',
+                        onClick: () => handleCheckOutOperationCallback(false),
+                    },
+                    {
+                        icon: "info",
+                        text: SDKUI_Localizator.CheckoutInfo,
+                        onClick: showCheckoutInformationFormCallback,
+                        disabled: !checkoutStatus.isCheckedOut
+                    },
+                    {
+                        icon: "copy",
+                        text: SDKUI_Localizator.CopyCheckoutPath,
+                        onClick: copyCheckoutPathToClipboardOperationCallback,
+                        disabled: !checkoutStatus.isCheckedOut
+                    },
+                    {
+                        icon: "clock",
+                        text: SDKUI_Localizator.History,
+                        disabled: !cicoEnabled,
+                        onClick: showHistoryCallback,
+                    },
+                ]
+            });
+        }
         if (allowRelations && layoutMode === LayoutModes.Update && DID) {
             const relationsItems = [
                 {
@@ -752,6 +763,7 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
         }
         return items;
     }, [
+        fromDTD?.id,
         fromDTD?.perm?.canRetrieveFile,
         fromDTD?.description,
         currentDcmt?.fileExt,
@@ -1094,28 +1106,34 @@ const TMDcmtForm = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTa
             await triggerBlogRefresh();
         }
     }, [TID, DID, triggerBlogRefresh]);
+    const checkoutBadge = useMemo(() => {
+        const { cicoEnabled, checkoutStatus } = getDcmtCicoStatus(formData, allUsers, fromDTD);
+        if (!cicoEnabled || !checkoutStatus.isCheckedOut)
+            return null;
+        return (_jsx(Ribbon, { "$isMobile": isMobile, children: _jsx(TMTooltip, { content: checkoutStatus.editLockTooltipText, position: "right", children: _jsx("span", { children: checkoutStatus.mode === 'editMode' ? SDKUI_Localizator.CheckOut : 'Locked' }) }) }));
+    }, [formData, fromDTD, isMobile]);
     const tmDcmtForm = useMemo(() => {
-        return _jsx(_Fragment, { children: metadataValuesSource.length > 0 &&
-                _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, isExpertMode: isExpertMode, isOpenDistinctValues: isOpenDistinctValues, openChooserBySingleClick: !isOpenDistinctValues, selectedMID: focusedMetadataValue?.mid, isReadOnly: formMode === FormModes.ReadOnly, layoutMode: layoutMode, deviceType: deviceType, validationItems: validationItems, inputMids: inputMids, layout: layout, onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
-                                setFormData((prevItems) => prevItems.map((item) => {
-                                    const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
-                                    return newItem ? { ...item, ...newItem } : item;
-                                }));
-                            }, onAdvancedMenuClick: (e) => {
-                                switch (e.button) {
-                                    case AdvancedMenuButtons.DistinctValues:
-                                        setIsOpenDistinctValues(!isOpenDistinctValues);
-                                        break;
-                                    case AdvancedMenuButtons.FormulaEditor:
-                                        setIsOpenFormulaEditor(!isOpenFormulaEditor);
-                                        break;
-                                }
-                            } }), _jsxs(StyledFormButtonsContainer, { children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px' }, children: layoutMode === LayoutModes.Update ? _jsxs(_Fragment, { children: [_jsx(TMSaveFormButtonSave, { showTooltip: false, btnStyle: 'advanced', advancedColor: '#f09c0a', isModified: isModified, formMode: formMode, errorsCount: validationItems.filter(o => o.ResultType == ResultTypes.ERROR).length, onSaveAsync: handleConfirmAction }), _jsx(TMSaveFormButtonUndo, { btnStyle: 'toolbar', showTooltip: true, color: 'primary', isModified: isModified, formMode: formMode, onUndo: handleUndo })] }) :
-                                            _jsxs(_Fragment, { children: [_jsx(TMButton, { disabled: archiveBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconBoxArchiveIn, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Archive, advancedColor: TMColors.success, onClick: handleConfirmAction }), _jsx(TMButton, { disabled: !clearFormBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconClear, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Clear, advancedColor: TMColors.tertiary, onClick: handleClearForm }), DID && _jsx(TMButton, { disabled: undoBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconUndo, {}), width: '150px', showTooltip: false, caption: SDKUI_Localizator.Undo, advancedColor: TMColors.tertiary, onClick: handleUndo })] }) }) }), customButton && _jsx(TMCustomButton, { button: customButton, formData: formData, selectedItems: [], onClose: () => setCustomButton(undefined) }), totalItems > listMaxItems &&
-                                    !isApprView &&
-                                    TID !== SystemTIDs.Drafts &&
-                                    !shouldShowAll &&
-                                    _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] }), _jsx(ConfirmAttachmentsDialog, {})] }) });
+        return _jsxs(_Fragment, { children: [checkoutBadge && _jsx("div", { style: { padding: '10px', display: 'flex', justifyContent: 'center' }, children: checkoutBadge }), metadataValuesSource.length > 0 &&
+                    _jsxs(StyledToolbarCardContainer, { children: [_jsx(TMMetadataValues, { TID: TID, metadataValues: metadataValuesSource, metadataValuesOrig: metadataValuesSourceOrig, isExpertMode: isExpertMode, isOpenDistinctValues: isOpenDistinctValues, openChooserBySingleClick: !isOpenDistinctValues, selectedMID: focusedMetadataValue?.mid, isReadOnly: formMode === FormModes.ReadOnly, layoutMode: layoutMode, deviceType: deviceType, validationItems: validationItems, inputMids: inputMids, layout: layout, onFocusedItemChanged: (item) => { (item?.mid !== focusedMetadataValue?.mid) && setFocusedMetadataValue(item); }, onValueChanged: (newItems) => {
+                                    setFormData((prevItems) => prevItems.map((item) => {
+                                        const newItem = newItems.find((newItem) => newItem.tid === item.tid && newItem.mid === item.mid);
+                                        return newItem ? { ...item, ...newItem } : item;
+                                    }));
+                                }, onAdvancedMenuClick: (e) => {
+                                    switch (e.button) {
+                                        case AdvancedMenuButtons.DistinctValues:
+                                            setIsOpenDistinctValues(!isOpenDistinctValues);
+                                            break;
+                                        case AdvancedMenuButtons.FormulaEditor:
+                                            setIsOpenFormulaEditor(!isOpenFormulaEditor);
+                                            break;
+                                    }
+                                } }), _jsxs(StyledFormButtonsContainer, { children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', gap: '8px' }, children: layoutMode === LayoutModes.Update ? _jsxs(_Fragment, { children: [_jsx(TMSaveFormButtonSave, { showTooltip: false, btnStyle: 'advanced', advancedColor: '#f09c0a', isModified: isModified, formMode: formMode, errorsCount: validationItems.filter(o => o.ResultType == ResultTypes.ERROR).length, onSaveAsync: handleConfirmAction }), _jsx(TMSaveFormButtonUndo, { btnStyle: 'toolbar', showTooltip: true, color: 'primary', isModified: isModified, formMode: formMode, onUndo: handleUndo })] }) :
+                                                _jsxs(_Fragment, { children: [_jsx(TMButton, { disabled: archiveBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconBoxArchiveIn, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Archive, advancedColor: TMColors.success, onClick: handleConfirmAction }), _jsx(TMButton, { disabled: !clearFormBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconClear, {}), width: 'auto', showTooltip: false, caption: SDKUI_Localizator.Clear, advancedColor: TMColors.tertiary, onClick: handleClearForm }), DID && _jsx(TMButton, { disabled: undoBtnDisabled, btnStyle: 'advanced', icon: _jsx(IconUndo, {}), width: '150px', showTooltip: false, caption: SDKUI_Localizator.Undo, advancedColor: TMColors.tertiary, onClick: handleUndo })] }) }) }), customButton && _jsx(TMCustomButton, { button: customButton, formData: formData, selectedItems: [], onClose: () => setCustomButton(undefined) }), totalItems > listMaxItems &&
+                                        !isApprView &&
+                                        TID !== SystemTIDs.Drafts &&
+                                        !shouldShowAll &&
+                                        _jsx(TMShowAllOrMaxItemsButton, { showAll: showAll, dataSourceLength: totalItems, onClick: () => { setShowAll(!showAll); } })] }), _jsx(ConfirmAttachmentsDialog, {})] })] });
     }, [
         TID,
         DID,
@@ -1517,8 +1535,11 @@ const applyMetadataFilter = (data, showAll, listMaxItems, TID) => {
         o.mid === SystemMIDsAsNumber.FileSize ||
         o.mid === SystemMIDsAsNumber.LastUpdateTime ||
         o.mid === SystemMIDsAsNumber.CreationTime;
+    const chronologySystemFilter = (o) => baseFilter(o) ||
+        o.mid === SystemMIDsAsNumber.FileExt ||
+        o.mid === SystemMIDsAsNumber.FileSize;
     // Select the appropriate filter based on document type
-    const currentFilter = TID === SystemTIDs.Drafts ? draftFilter : baseFilter;
+    const currentFilter = TID === SystemTIDs.Drafts ? draftFilter : TID === SystemTIDs.Chronology ? chronologySystemFilter : baseFilter;
     // Apply filter once
     const filteredData = data.filter(currentFilter);
     // Return all filtered data or slice to max items
@@ -1572,3 +1593,35 @@ const TMDcmtPreviewWrapper = ({ currentDcmt, layoutMode, fromDTD, dcmtFile, devi
         _jsx(TMDcmtPreview, { isVisible: isVisible, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("tmDcmtPreview") : undefined, dcmtData: currentDcmt, isResizingActive: isResizingActive }) :
         _jsx(TMFileUploader, { onFileUpload: onFileUpload, onClose: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('tmDcmtPreview', false) : undefined, isRequired: fromDTD?.archiveConstraint === ArchiveConstraints.ContentCompulsory && dcmtFile === null, defaultBlob: dcmtFile, deviceType: deviceType, isResizingActive: isResizingActive, enableDragDropOverlay: panelVisibility['tmDcmtPreview'] && enableDragDropOverlay }));
 };
+const Ribbon = styled.div `
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: #fff;
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+    --f: .4em; /* control the folded part */
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    z-index: 1200;
+    line-height: 1.6;
+    padding-inline: 0.8lh;
+    padding-bottom: var(--f);
+    border-image: conic-gradient(#0008 0 0) 51%/var(--f);
+    clip-path: polygon(100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
+    transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
+    transform-origin: 100% 100%;
+    background-color: rgba(217, 148, 13, 0.92);
+    display: inline-block;
+    padding-top: 0.1em;
+    white-space: nowrap;
+    transition: ${props => props.$isMobile ? 'none' : 'all 0.3s ease'};
+    cursor: 'default';
+    
+    ${props => !props.$isMobile && `
+        &:hover {
+            background-color: #d9940d;
+            font-size: 1.1rem;
+            transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg) scale(1.05);
+        }
+    `}
+`;

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

@@ -15,9 +15,25 @@ import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSa
 import { StyledAnimatedComponentOpacity } from '../../base/Styled';
 import TMPanel from '../../base/TMPanel';
 import TMTooltip from '../../base/TMTooltip';
-import { Document, Page, pdfjs } from 'react-pdf';
-// Configure PDF.js worker
-pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+let Document = null;
+let Page = null;
+let pdfjs = null;
+let isPdfLibraryLoaded = false;
+const loadPdfLibrary = async () => {
+    if (isPdfLibraryLoaded)
+        return;
+    try {
+        const reactPdf = await import('react-pdf');
+        Document = reactPdf.Document;
+        Page = reactPdf.Page;
+        pdfjs = reactPdf.pdfjs;
+        pdfjs.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.mjs');
+        isPdfLibraryLoaded = true;
+    }
+    catch (error) {
+        console.error('Failed to load react-pdf library:', error);
+    }
+};
 const ErrorContent = ({ error, isAbortError, onRetry }) => {
     if (isAbortError) {
         return (_jsx(StyledAnimatedComponentOpacity, { style: { width: '100%', height: '100%' }, children: _jsxs(StyledPanelStatusContainer, { children: [_jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), _jsxs(StyledPreviewNotAvailable, { children: [_jsx("div", { children: error }), _jsx("div", { children: SDKUI_Localizator.PreviewNotAvailable })] }), _jsx(TMButton, { caption: SDKUI_Localizator.TryAgain, onClick: onRetry, showTooltip: false })] }) }));
@@ -141,6 +157,7 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     const [formattedXml, setFormattedXml] = useState(undefined);
     const [isMobile, setIsMobile] = useState(false);
     const [numPages, setNumPages] = useState(0);
+    const [pdfLibraryLoading, setPdfLibraryLoading] = useState(false);
     useEffect(() => {
         const checkIsMobile = () => {
             const userAgent = navigator.userAgent || navigator.vendor || window.opera;
@@ -166,6 +183,12 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
             window.removeEventListener('resize', checkIsMobile);
         };
     }, []);
+    useEffect(() => {
+        if (isMobile && fileType === 'application/pdf' && !isPdfLibraryLoaded && !pdfLibraryLoading) {
+            setPdfLibraryLoading(true);
+            loadPdfLibrary().finally(() => setPdfLibraryLoading(false));
+        }
+    }, [isMobile, fileType, pdfLibraryLoading]);
     useEffect(() => {
         if (fileBlob) {
             setFileType(fileBlob.type);
@@ -227,6 +250,16 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
         return (_jsx(ImageViewer, { fileBlob: fileBlob, alt: '' }));
     }
     if (fileType === 'application/pdf' && isMobile) {
+        if (!isPdfLibraryLoaded || pdfLibraryLoading || !Document || !Page) {
+            return (_jsxs("div", { style: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    height: '100%',
+                    flexDirection: 'column',
+                    gap: '10px'
+                }, children: [_jsx(IconPreview, { fontSize: 64 }), _jsxs("div", { children: [SDKUI_Localizator.Loading, "..."] })] }));
+        }
         return (_jsx(PDFViewerContainer, { children: _jsx(Document, { file: blobUrl, onLoadSuccess: ({ numPages }) => setNumPages(numPages), loading: _jsxs("div", { style: {
                         display: 'flex',
                         justifyContent: 'center',

package/lib/helper/checkinCheckoutManager.d.ts

@@ -27,6 +27,7 @@ interface CheckoutStatusResult {
     mode: 'editMode' | 'lockMode' | '';
     version: number;
     icon: React.ReactNode | null;
+    editLockTooltipText: React.ReactNode | null;
 }
 export type DownloadSource = {
     type: 'fileItem';

package/lib/helper/checkinCheckoutManager.js

@@ -241,7 +241,7 @@ export const getDcmtCicoStatus = (dcmt, allUsers, dtd) => {
     if (dcmt === undefined || dtd === undefined) {
         return {
             cicoEnabled: false,
-            checkoutStatus: { isCheckedOut: false, mode: '', version: 1, icon: null }
+            checkoutStatus: { isCheckedOut: false, mode: '', version: 1, icon: null, editLockTooltipText: null }
         };
     }
     // ========================================================================
@@ -312,7 +312,8 @@ export const getDcmtCicoStatus = (dcmt, allUsers, dtd) => {
         isCheckedOut: false,
         mode: '',
         version: version,
-        icon: null
+        icon: null,
+        editLockTooltipText: null
     };
     // Verifica se il documento è effettivamente in stato di checkout
     if (userID && checkoutUserId && !isNaN(checkoutUserId) && checkoutUserId > 0) {
@@ -332,7 +333,8 @@ export const getDcmtCicoStatus = (dcmt, allUsers, dtd) => {
             isCheckedOut: true,
             mode: mode,
             icon: icon,
-            version: version
+            version: version,
+            editLockTooltipText: editLockTooltipText
         };
     }
     // ========================================================================

package/lib/helper/queryHelper.js

@@ -328,6 +328,18 @@ export const searchResultToMetadataValues = (tid, dtd, rows, mids, metadata, lay
                     mvd.customName = SDKUI_Localizator.Author;
                     mvd.isReadOnly = true;
                     break;
+                case ChronologyMIDs.CheckInTime:
+                    mvd.customName = SDKUI_Localizator.LastUpdateTime;
+                    mvd.isReadOnly = true;
+                    break;
+                case SystemMIDsAsNumber.FileExt:
+                    mvd.customName = SDKUI_Localizator.Extension;
+                    mvd.isReadOnly = true;
+                    break;
+                case SystemMIDsAsNumber.FileSize:
+                    mvd.customName = SDKUI_Localizator.File_Size;
+                    mvd.isReadOnly = true;
+                    break;
             }
         }
         return mvd;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.17",
+  "version": "6.20.0-dev1.19",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -39,7 +39,7 @@
     "lib"
   ],
   "dependencies": {
-    "@topconsultnpm/sdk-ts": "6.20.0-dev1.1",
+    "@topconsultnpm/sdk-ts": "6.20.0-dev1.2",
     "buffer": "^6.0.3",
     "devextreme": "25.1.7",
     "devextreme-react": "25.1.7",