@topconsultnpm/sdkui-react 6.19.0-test2 → 6.19.0

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

@@ -1,75 +1,31 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { AccessLevels, AccessLevelsEx, AppModules, FileFormats, LayoutModes, SDK_Globals, DcmtTypeListCacheService, LicenseModuleStatus, CICO_MetadataNames } from '@topconsultnpm/sdk-ts';
+import { AccessLevels, AccessLevelsEx, AppModules, FileFormats, LayoutModes, SDK_Globals, DcmtTypeListCacheService, LicenseModuleStatus } from '@topconsultnpm/sdk-ts';
 import { IconActivity, IconArchiveDoc, IconBatchUpdate, IconCheckFile, IconCheckIn, IconCircleInfo, IconCloseCircle, IconConvertFilePdf, IconDelete, IconDotsVerticalCircleOutline, IconDownload, IconEdit, IconExportTo, IconFileDots, IconHide, IconInfo, IconMenuCAArchive, IconPlatform, IconPreview, IconRelation, IconSearch, IconShow, IconStar, IconSubstFile, IconUndo, IconUserGroupOutline, SDKUI_Localizator, svgToString, searchResultToMetadataValues, IconSignaturePencil, IconArchiveMaster, IconArchiveDetail, IconDetailDcmts, isPdfEditorEnabled, IconPair, IconUnpair, IconSharedDcmt, IconShare, IconCopy, IconMoveToFolder } from '../../../helper';
 import ShowAlert from '../../base/TMAlert';
 import { TMMessageBoxManager, ButtonNames, TMExceptionBoxManager } from '../../base/TMPopUp';
 import TMSpinner from '../../base/TMSpinner';
 import { DcmtOperationTypes, DownloadTypes, SearchResultContext } from '../../../ts';
 import { isXMLFileExt } from '../../../helper/dcmtsHelper';
-const getCicoInfo = (dtd) => {
-    const cico = {
-        CICO: 0,
-        CanCICO: AccessLevels.No,
-        CanDelChronology: AccessLevels.No,
-        UserID_MID: 0,
-        Date_MID: 0,
-        Ver_MID: 0,
-        UserID_CanViewOrUpdate: AccessLevels.No,
-        Date_CanViewOrUpdate: AccessLevels.No,
-        Ver_CanViewOrUpdate: AccessLevels.No,
-    };
-    if (dtd === undefined)
-        return cico;
-    cico.CICO = dtd.cico ?? 0;
-    cico.CanCICO = dtd.perm?.canCICO ?? AccessLevels.No;
-    cico.CanDelChronology = dtd.perm?.canDelChron ?? AccessLevels.No;
-    const mdCheckout = dtd.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutUserID);
-    if (mdCheckout) {
-        cico.UserID_MID = mdCheckout.fromMID;
-        cico.UserID_CanViewOrUpdate = (mdCheckout.perm?.canView == AccessLevels.Yes || mdCheckout.perm?.canUpdate == AccessLevels.Yes) ? AccessLevels.Yes : AccessLevels.No;
-    }
-    const mdDate = dtd.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutDate);
-    if (mdDate) {
-        cico.Date_MID = mdDate.fromMID;
-        cico.Date_CanViewOrUpdate = (mdDate.perm?.canView == AccessLevels.Yes || mdDate.perm?.canUpdate == AccessLevels.Yes) ? AccessLevels.Yes : AccessLevels.No;
-    }
-    const mdVer = dtd.metadata?.find(md => md.name === CICO_MetadataNames.CICO_Version);
-    if (mdVer) {
-        cico.Ver_MID = mdVer.fromMID;
-        cico.Ver_CanViewOrUpdate = (mdVer.perm?.canView == AccessLevels.Yes || mdVer.perm?.canUpdate == AccessLevels.Yes) ? AccessLevels.Yes : AccessLevels.No;
-    }
-    return cico;
-};
-const cicoIsEnabled = (dcmt, dtd) => {
-    const cicoInfo = getCicoInfo(dtd);
-    let isCheckout = false;
-    const CICO_CheckoutUserID = dtd?.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutUserID)?.id;
-    if (dcmt && CICO_CheckoutUserID) {
-        const key = dcmt.TID + "_" + CICO_CheckoutUserID;
-        const value = dcmt[key];
-        if (value && value > 0) {
-            isCheckout = true;
-        }
-    }
-    return {
-        cicoEnabled: cicoInfo.CICO === 1 && cicoInfo.CanCICO === AccessLevels.Yes,
-        isCheckout: isCheckout
-    };
-};
+import { cicoIsEnabled } from '../../../helper/cicoHelper';
 const disabledForSingleRow = (selectedItems, focusedItem) => {
-    return selectedItems.length > 1 || focusedItem === undefined;
+    // Disabilita se ci sono più item selezionati o se focusedItem non ha TID/DID validi
+    return selectedItems.length > 1 || focusedItem === undefined || focusedItem.TID === undefined || focusedItem.DID === undefined;
 };
 const disabledForMultiRow = (selectedItems, focusedItem) => {
-    return selectedItems.length === 0 && focusedItem === undefined;
+    // Disabilita se non ci sono selectedItems e focusedItem non ha TID/DID validi
+    return selectedItems.length === 0 && (focusedItem === undefined || focusedItem.TID === undefined || focusedItem.DID === undefined);
 };
 const MAX_DCMTS_FOR_SELECTION_REFRESH = 100;
 export const getSelectedDcmtsOrFocused = (selectedItems, focusedItem, fileFormat) => {
     if (selectedItems.length <= 0 && !focusedItem)
         return [];
     if (selectedItems.length > 0) {
-        return selectedItems.map((item) => { return { TID: item.TID, DID: item.DID, FILEEXT: item.FILEEXT, ISSIGNED: Number(item.ISSIGNED ?? 0), fileFormat: fileFormat, rowIndex: item.rowIndex }; });
+        // Filtra solo gli item che hanno TID e DID validi
+        return selectedItems
+            .filter((item) => item.TID !== undefined && item.DID !== undefined)
+            .map((item) => { return { TID: item.TID, DID: item.DID, FILEEXT: item.FILEEXT, ISSIGNED: Number(item.ISSIGNED ?? 0), fileFormat: fileFormat, rowIndex: item.rowIndex }; });
     }
-    else if (focusedItem !== undefined) {
+    else if (focusedItem !== undefined && focusedItem.TID !== undefined && focusedItem.DID !== undefined) {
         return [{ TID: focusedItem.TID, DID: focusedItem.DID, FILEEXT: focusedItem.FILEEXT, ISSIGNED: Number(focusedItem.ISSIGNED ?? 0), fileFormat: fileFormat, rowIndex: focusedItem.rowIndex }];
     }
     return [];
@@ -140,7 +96,7 @@ export const signatureInformationCallback = async (isMobile, inputDcmts) => {
         TMSpinner.hide();
     }
 };
-export const getCommandsMenuItems = (isMobile, dtd, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, openSharedArchiveHandler, showSharedDcmtsHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, onRefreshDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, confirmAttachments, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, openSignSettingsForm, handleCheckOutOperationCallback, openWGsCopyMoveForm, openCommentFormCallback, openEditPdf, openAddDocumentForm, passToArchiveCallback, archiveMasterDocuments, archiveDetailDocuments, hasMasterRelation, hasDetailRelation, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToManyDocuments, hasManyToManyRelation) => {
+export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, showSearch, setShowFloatingBar, openFormHandler, openSharedArchiveHandler, showSharedDcmtsHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, onRefreshDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, confirmAttachments, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, openExportForm, handleToggleSearch, handleSignApprove, openSignSettingsForm, handleCheckOutOperationCallback, showCheckoutInformationFormCallback, viewHistoryCallback, openWGsCopyMoveForm, openCommentFormCallback, openEditPdf, openAddDocumentForm, passToArchiveCallback, archiveMasterDocuments, archiveDetailDocuments, hasMasterRelation, hasDetailRelation, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToManyDocuments, hasManyToManyRelation) => {
     const isPdfEditorLicensed = SDK_Globals?.license?.dcmtArchiveLicenses?.[0]?.siX_60007?.status === LicenseModuleStatus.Licensed;
     let pdfEditorAvailable = false;
     if (dtd && dtd.widgets && dtd.widgets.length > 0) {
@@ -372,26 +328,48 @@ export const getCommandsMenuItems = (isMobile, dtd, selectedItems, focusedItem,
         const selectedDocs = getAllFieldSelectedDcmtsOrFocused(selectedItems, focusedItem);
         // Take the first document (used for validation checks)
         const firstDoc = selectedDocs?.[0];
-        const { cicoEnabled, isCheckout } = cicoIsEnabled(firstDoc, dtd);
+        const { cicoEnabled, checkoutStatus } = cicoIsEnabled(firstDoc, allUsers, dtd);
         return {
             icon: svgToString(_jsx(IconFileDots, {})),
             text: "Check in/Check out",
-            disabled: !cicoEnabled || (disabledForSingleRow(selectedItems, focusedItem) && disabledForMultiRow(selectedItems, focusedItem)),
+            disabled: firstDoc === undefined || disabledForSingleRow(selectedItems, focusedItem),
             items: [
                 {
                     icon: "edit",
                     text: 'Check out',
-                    disabled: !cicoEnabled || (disabledForSingleRow(selectedItems, focusedItem) && disabledForMultiRow(selectedItems, focusedItem)),
-                    // disabled: isNotSingleFile || isGroupLocked || isFileCheckedOut,
+                    disabled: !cicoEnabled || checkoutStatus.isCheckedOut || disabledForSingleRow(selectedItems, focusedItem),
                     onClick: () => handleCheckOutOperationCallback(true),
                 },
+                /* {
+                    icon: "unlock",
+                    text: 'Check in',
+                    // onClick: () => handleCheckInOperationCallback(),
+                    disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode' || disabledForSingleRow(selectedItems, focusedItem)
+                }, */
                 {
                     icon: "remove",
                     text: SDKUI_Localizator.CancelCheckOut,
-                    disabled: !cicoEnabled || (disabledForSingleRow(selectedItems, focusedItem) && disabledForMultiRow(selectedItems, focusedItem)),
-                    // disabled: isNotSingleFile || isGroupLocked || isFileNotCheckedOut || isNotCheckedOutByCurrentUser,
+                    disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode' || disabledForSingleRow(selectedItems, focusedItem),
                     onClick: () => handleCheckOutOperationCallback(false),
                 },
+                {
+                    icon: "clock",
+                    text: SDKUI_Localizator.History,
+                    disabled: checkoutStatus.version === 1 || disabledForSingleRow(selectedItems, focusedItem),
+                    onClick: viewHistoryCallback,
+                },
+                {
+                    icon: "info",
+                    text: SDKUI_Localizator.CheckoutInfo,
+                    onClick: showCheckoutInformationFormCallback,
+                    disabled: !checkoutStatus.isCheckedOut || disabledForSingleRow(selectedItems, focusedItem)
+                },
+                /* {
+                    icon: "copy",
+                    text: SDKUI_Localizator.CopyCheckoutPath,
+                    // onClick: infoCheckCopyToClipboard,
+                    disabled: !checkoutStatus.isCheckedOut || disabledForSingleRow(selectedItems, focusedItem)
+                }, */
             ]
         };
     };

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

@@ -178,7 +178,7 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
                 }
             } }), children: trees.length > 0
             ?
-                _jsxs("div", { style: {
+                _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: {
                         display: 'flex',
                         flexDirection: 'column',
                         height: '100%',

package/lib/components/features/search/TMViewHistoryDcmtForm.d.ts

@@ -0,0 +1,18 @@
+import { DcmtInfo } from "../../../ts/types";
+import { DeviceType } from "../../base/TMDeviceProvider";
+import { DcmtTypeDescriptor, HomeBlogPost, TaskDescriptor } from "@topconsultnpm/sdk-ts";
+interface TMViewHistoryDcmtFormProps {
+    fromDTD: DcmtTypeDescriptor;
+    deviceType: DeviceType | undefined;
+    inputDcmt: DcmtInfo;
+    onClose: () => void;
+    allTasks?: Array<TaskDescriptor>;
+    getAllTasks?: () => Promise<void>;
+    deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;
+    addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
+    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
+    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
+}
+declare const TMViewHistoryDcmtForm: (props: TMViewHistoryDcmtFormProps) => import("react/jsx-runtime").JSX.Element;
+export default TMViewHistoryDcmtForm;

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

@@ -0,0 +1,215 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { FormModes } from "../../../ts/types";
+import { associateColumnsToRows, calcResponsiveSizes, formatBytes, Globalization, SDKUI_Localizator } from "../../../helper";
+import TMModal from "../../base/TMModal";
+import { SDK_Globals, UpdateEngineByID, UserListCacheService } from "@topconsultnpm/sdk-ts";
+import TMSpinner from "../../base/TMSpinner";
+import { TMExceptionBoxManager } from "../../base/TMPopUp";
+import TMDcmtIcon from "../documents/TMDcmtIcon";
+import TMDataGrid from "../../base/TMDataGrid";
+import TMDcmtForm from "../documents/TMDcmtForm";
+const TMViewHistoryDcmtForm = (props) => {
+    const { deviceType, inputDcmt, onClose, fromDTD, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers } = props;
+    const [dcmtHistory, setDcmtHistory] = useState([]);
+    // showId is a state variable that determines whether an ID-related component or feature should be displayed
+    const [showId, setShowId] = useState(false);
+    // State to store when show search panel inside datagrid
+    const [showSearch, setShowSearch] = useState(true);
+    // Memoized configuration for DataGrid selection mode: single selection without checkboxes
+    const selection = useMemo(() => {
+        return { mode: 'single', showCheckBoxesMode: 'none' };
+    }, []);
+    // State to store the currently focused row key, initially set to undefined
+    const [focusedRowKey, setFocusedRowKey] = useState(undefined);
+    // State to store the currently focused row index, initially set to -1
+    const [selectedIndex, setSelectedIndex] = useState(-1);
+    // State to manage show selected file
+    const [showDcmtForm, setShowDcmtForm] = useState(false);
+    // Memoized value to get the selected draft based on the focused row key
+    const selectedDcmt = useMemo(() => dcmtHistory.find(dcmt => dcmt.id === focusedRowKey), [focusedRowKey, dcmtHistory]);
+    const getParticipantById = (id, users) => {
+        if (users.length === 0)
+            return null;
+        return users.find(participant => participant.id === id) || null;
+    };
+    const getHistory = async (users) => {
+        try {
+            // Show a spinner with a loading message
+            TMSpinner.show({ description: SDKUI_Localizator.Loading });
+            // Initialize the working group engine
+            const ue = new UpdateEngineByID(SDK_Globals.tmSession);
+            ue.DID = inputDcmt.DID;
+            ue.TID = inputDcmt.TID;
+            ue.Metadata_ClearAll();
+            const dcmtGetHistory = await ue.GetChronologyAsync();
+            if (dcmtGetHistory && dcmtGetHistory.dtdResult) {
+                const data = associateColumnsToRows(dcmtGetHistory.dtdResult.columns ?? [], dcmtGetHistory.dtdResult.rows ?? []);
+                const historyFileItems = data.map((row) => {
+                    const updaterID = Number(row.UpdaterID);
+                    const user = getParticipantById(updaterID, users);
+                    return {
+                        id: Number(row.DID),
+                        TID: row.TID,
+                        DID: row.DID,
+                        FileCount: row.FileCount,
+                        FileExt: row.FileExt,
+                        FileSize: row.FileSize,
+                        FileSizeDisplay: formatBytes(Number(row.FileSize) ?? 0),
+                        UpdaterID: row.UpdaterID,
+                        UpdaterDisplayName: user?.name ?? updaterID.toString(),
+                        CreationTime: row.CreationTime,
+                        LastUpdateTime: row.LastUpdateTime,
+                        LastUpdateTimeDisplay: row.LastUpdateTime ? Globalization.getDateTimeDisplayValue(new Date(row.LastUpdateTime)) : '-',
+                        Version: row.Version,
+                        CheckInTime: row.CheckInTime,
+                        IsLex: row.IsLex ? row.IsLex.toString() === '1' : false,
+                        IsLogDel: row.IsLogDel ? row.IsLogDel.toString() === '1' : false,
+                        IsMail: row.IsMail ? row.IsMail.toString() === '1' : false,
+                        IsShared: row.IsShared ? row.IsShared.toString() === '1' : false,
+                        IsSigned: row.IsSigned ? row.IsSigned.toString() === '1' : false,
+                    };
+                });
+                return historyFileItems;
+            }
+            return [];
+        }
+        catch (error) {
+            // Show error if something goes wrong
+            TMExceptionBoxManager.show({ exception: error });
+            return [];
+        }
+        finally {
+            // Hide spinner when done
+            TMSpinner.hide();
+        }
+    };
+    // Define an asynchronous function to fetch draft history
+    const fetchDcmtHistory = async (users) => {
+        // Await the result of the getHistory() function, which likely retrieves draft history data
+        const historyFileItems = await getHistory(users);
+        // Update the state with the fetched history data
+        setDcmtHistory(historyFileItems);
+    };
+    // Load users and history data
+    const loadData = async () => {
+        const users = await UserListCacheService.GetAllAsync();
+        await fetchDcmtHistory(users ?? []);
+    };
+    useEffect(() => {
+        loadData();
+    }, []);
+    // Handles focus change in the data grid
+    const onFocusedRowChanged = useCallback((e) => {
+        const key = e.row?.key;
+        setFocusedRowKey(key);
+        if (key !== undefined) {
+            const index = dcmtHistory.findIndex(item => item.id === key);
+            setSelectedIndex(index);
+        }
+        else {
+            setSelectedIndex(-1);
+        }
+    }, [dcmtHistory]);
+    const cellExtRender = useCallback((cellData) => {
+        const data = cellData.data;
+        const tooltipContent = (_jsxs("div", { style: { textAlign: 'left' }, children: [_jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "ID:" }), " ", data.id ?? '-'] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "DID:" }), " ", data.DID ?? '-'] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "TID:" }), " ", data.TID ?? '-'] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Author, ":"] }), " ", data.UpdaterDisplayName ?? '-'] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Version, ":"] }), " ", data.Version] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Size, ":"] }), " ", formatBytes(Number(data.FileSize ?? 0))] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.CreationTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(data.CreationTime)] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.LastUpdateTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(data.LastUpdateTime)] })] }));
+        return _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: _jsx(TMDcmtIcon, { tid: Number(data.TID), did: Number(data.DID), fileExtension: data.FileExt, downloadMode: 'openInNewWindow', tooltipContent: tooltipContent }) });
+    }, []);
+    const onContextMenuPreparing = (e) => {
+        if (e === undefined)
+            return;
+        if (e.target === 'content') {
+            e.items = e.items || [];
+            e.items = [
+                {
+                    icon: "datafield",
+                    text: SDKUI_Localizator.OpenForm,
+                    disabled: focusedRowKey === undefined,
+                    onClick: () => setShowDcmtForm(true),
+                },
+                /* {
+                    icon: "download",
+                    text: 'Download',
+                    tooltip: SURFER_Localizator.DownloadSelectedDraftFile,
+                    disabled: focusedRowKey === undefined,
+                    onClick: () => downloadFilesCallback(),
+                },
+                {
+                    icon: "trash",
+                    text: SDKUI_Localizator.Delete,
+                    disabled: isGroupArchived || focusedRowKey === undefined,
+                    onClick: deleteFilesCallback,
+                    beginGroup: true
+                }, */
+                {
+                    icon: showSearch ? "eyeclose" : "eyeopen",
+                    onClick: () => setShowSearch(prevShowSearch => !prevShowSearch),
+                    text: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
+                    visible: true,
+                    disabled: false,
+                    beginGroup: true
+                },
+                {
+                    icon: showId ? 'eyeclose' : 'eyeopen',
+                    onClick: () => setShowId(prevShowId => !prevShowId),
+                    text: showId ? SDKUI_Localizator.ID_Hide : SDKUI_Localizator.ID_Show,
+                    visible: true,
+                    disabled: false,
+                },
+                {
+                    icon: "refresh",
+                    text: SDKUI_Localizator.Refresh,
+                    disabled: false,
+                    onClick: loadData,
+                },
+            ];
+        }
+    };
+    // Handler for double-click cell event
+    const onCellDblClick = useCallback((e) => {
+        if (e.column.dataField === "FileExt")
+            return;
+        setFocusedRowKey(e.data.id);
+        setShowDcmtForm(true);
+    }, []);
+    // Checks if navigation is possible in the given direction
+    const canNavigateHandler = (dir) => {
+        if (focusedRowKey === undefined)
+            return false;
+        const index = dcmtHistory.findIndex(item => item.id === focusedRowKey);
+        if (index === -1)
+            return false;
+        return dir === 'next' ? index < dcmtHistory.length - 1 : index > 0;
+    };
+    // Navigates to the next or previous item in the draft history, if possible.
+    const onNavigateHandler = (dir) => {
+        if (selectedIndex === -1)
+            return;
+        let newIndex = selectedIndex;
+        if (dir === 'next' && selectedIndex < dcmtHistory.length - 1) {
+            newIndex = selectedIndex + 1;
+        }
+        else if (dir === 'prev' && selectedIndex > 0) {
+            newIndex = selectedIndex - 1;
+        }
+        const newFocusedId = dcmtHistory[newIndex]?.id;
+        if (newFocusedId !== undefined) {
+            setFocusedRowKey(newFocusedId);
+            setSelectedIndex(newIndex);
+        }
+    };
+    const dataColumns = useMemo(() => {
+        return ([
+            { dataField: "id", caption: "ID", dataType: 'string', visible: showId },
+            { dataField: "FileExt", caption: "", cellRender: cellExtRender },
+            { dataField: "Version", caption: "V." },
+            { dataField: "FileSizeDisplay", caption: SDKUI_Localizator.Size },
+            { dataField: "UpdaterDisplayName", caption: SDKUI_Localizator.Author },
+            { dataField: "LastUpdateTimeDisplay", caption: SDKUI_Localizator.LastUpdateTime },
+        ]);
+    }, [showId]);
+    return _jsxs(TMModal, { title: `${SDKUI_Localizator.SearchResult} \u2014 ${SDKUI_Localizator.History + ": " + (fromDTD.nameLoc ?? SDKUI_Localizator.Document) + " (DID:" + inputDcmt.DID})`, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '80%', '80%', '95%'), onClose: onClose, children: [_jsx(TMDataGrid, { dataSource: dcmtHistory, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selection: selection, onContextMenuPreparing: onContextMenuPreparing, onFocusedRowChanged: onFocusedRowChanged, onCellDblClick: onCellDblClick, noDataText: SDKUI_Localizator.NoDataToDisplay, showSearchPanel: showSearch }), (showDcmtForm && selectedDcmt !== undefined) &&
+                _jsx(TMDcmtForm, { TID: Number(selectedDcmt.TID), DID: Number(selectedDcmt.DID), formMode: FormModes.ReadOnly, isModal: true, widthModal: "95%", heightModal: "95%", titleModal: fromDTD.name ?? SDKUI_Localizator.SearchResult, allowNavigation: dcmtHistory.length > 0, itemIndex: selectedIndex + 1, count: dcmtHistory.length, onClose: () => { setShowDcmtForm(false); }, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback })] });
+};
+export default TMViewHistoryDcmtForm;

package/lib/components/grids/TMRecentsManager.js

@@ -105,7 +105,7 @@ const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, accessFilter = '
         setInfoDTD(undefined);
     });
     const isMobile = deviceType === DeviceType.MOBILE;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { overflowY: isMobile ? 'auto' : undefined, display: 'flex', flexDirection: 'column', padding: '5px', width: '100%' }, children: [_jsx(StyledRecentTidItem, { id: `tid-${0}`, "$isMobile": isMobile, onClick: () => { setShowDcmtTypeChooser(true); }, children: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', width: '100%' }, children: _jsx("p", { style: {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { overflowY: isMobile ? 'auto' : undefined, display: 'flex', flexDirection: 'column', padding: '5px', width: '100%' }, children: [_jsx(StyledRecentTidItem, { id: `tid-${0}`, "$isMobile": isMobile, onClick: () => { setShowDcmtTypeChooser(true); }, children: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', width: '100%' }, children: _jsx("p", { style: {
                                     color: TMColors.primaryColor,
                                     fontSize: '1rem',
                                     fontWeight: 600,

package/lib/helper/SDKUI_Globals.d.ts

@@ -17,6 +17,7 @@ export declare class UserSettings {
     themeSettings: ThemeSettings;
     dcmtFormSettings: DcmtFormSettings[];
     wgDraftCheckoutInfo: WgDraftCheckoutInfo[];
+    dcmtCheckoutInfo: DcmtCheckoutInfo[];
     defaultCheckInOutFolder: string;
     constructor(skipCssUpdate?: boolean);
     /** Load settings from local storage or other sources */
@@ -91,6 +92,12 @@ export interface WgDraftCheckoutInfo {
     checkoutFolder: string;
     checkoutName: string;
 }
+export interface DcmtCheckoutInfo {
+    DID: string;
+    TID: string;
+    checkoutFolder: string;
+    checkoutName: string;
+}
 export declare class SDKUI_Globals {
     static userSettings: UserSettings;
 }

package/lib/helper/SDKUI_Globals.js

@@ -20,6 +20,7 @@ export class UserSettings {
         this.themeSettings = new ThemeSettings(true);
         this.dcmtFormSettings = [];
         this.wgDraftCheckoutInfo = [];
+        this.dcmtCheckoutInfo = [];
         this.defaultCheckInOutFolder = DEFAULT_CHECK_IN_OUT_FOLDER;
         this.themeSettings = new ThemeSettings(skipCssUpdate);
     }

package/lib/helper/SDKUI_Localizator.d.ts

@@ -88,8 +88,10 @@ export declare class SDKUI_Localizator {
     static get ChangePassword(): "Kennwort ändern" | "Change password" | "Cambiar la contraseña" | "Changer le mot de passe" | "Alterar a senha" | "Cambia password";
     static get CharactersRemaining(): "verbleibende Zeichen" | "characters remaining" | "caracteres restantes" | "caractères restants" | "caratteri rimanenti";
     static get CheckIn(): "Check in" | "Enregistrement";
+    static get CheckInOutSettingsNotice(): string;
     static get Checkmark(): "Häkchen" | "Checkmark" | "Marca de verificación" | "Coche" | "Marca de verificação" | "Spunta";
     static get CheckOut(): "Check out" | "Extraction";
+    static get CheckoutInfo(): string;
     static get ChooseFolder(): string;
     static get ChooseGroup(): string;
     static get ChronologyDelete(): "Physische Löschung der Chronologie" | "Physical deletion of chronology" | "Eliminación física de la cronología" | "Suppression physique de la chronologie" | "Exclusão física da cronologia" | "Cancellazione fisica della cronologia";
@@ -117,6 +119,7 @@ export declare class SDKUI_Localizator {
     static get ContinueOperation(): "Fortfahren?" | "Continue ?" | "¿Continuar?" | "Continuer?" | "Continuar?" | "Continuare?";
     static get CopiedSuccessfully(): "In die Zwischenablage kopieren" | "Copied in clipboard successfully" | "Copiado en el portapapeles con éxito" | "Copié dans le presse-papiers avec succès" | "CCopiado na área de transferência com sucesso" | "Copiato negli appunti con successo";
     static get Copy(): string;
+    static get CopyCheckoutPath(): string;
     static get CopyToArchived(): string;
     static get CopyToArchivedDocuments(): string;
     static get CopyToClipboard(): "Erfolgreich in die Zwischenablage kopiert" | "Copy in clipboard" | "Copiar en portapapeles" | "Copier dans le presse-papier" | "Copiar na área de transferência" | "Copia negli appunti";
@@ -140,6 +143,7 @@ export declare class SDKUI_Localizator {
     static get DcmtTypeSelect(): "Wählen Sie einen Dokumenttyp aus" | "Select a document type" | "Seleccione un tipo de documento" | "Sélectionnez un type de document" | "Selecione um tipo de documento" | "Selezionare un tipo documento";
     static get DcmtTypeSelectOrQuickSearch(): "Wählen Sie einen Dokumenttyp oder eine Schnellsuche aus" | "Select a document type or quick search" | "Seleccione un tipo de documento o búsqueda rápida" | "Sélectionnez un type de document ou une recherche rapide" | "Selecione um tipo de documento ou pesquisa rápida" | "Selezionare un tipo documento o ricerca rapida";
     static get Default(): "Standard" | "Default" | "Predeterminado" | "Defaultão";
+    static get DefaultFolder(): string;
     static get Details(): "Einzelheiten" | "Details" | "Detalles" | "Détails" | "detalhes" | "Dettagli";
     static get Delete(): "Löschen" | "Delete" | "Borrar" | "Supprimer" | "Excluir" | "Elimina";
     static get Delete_ConfirmFor1(): "Löschen Sie '{{0}}'?" | "Delete '{{0}}'?" | "¿Eliminar '{{0}}'?" | "Voulez-vous éliminer '{{0}}'?" | "Eliminar '{{0}}'?" | "Eliminare '{{0}}'?";
@@ -258,6 +262,7 @@ export declare class SDKUI_Localizator {
     static get FileManager_QuestionAlreadyExistsFile(): "Ziel enthält bereits eine Datei mit der Bezeichnung {{0}}, ersetzen durch die neue Datei?" | "The destination already contains a file called {{0}}, replace with the new file?" | "El destino ya contiene un archivo llamado {{0}}, ¿sustituir con el nuevo archivo?" | "La destination contient déjà un fichier appelé {{0}}, remplacer avec le nouveau fichier?" | "O destino já contém um ficheiro chamado {{0}}, substitua com o novo arquivo?" | "La destinazione contiene già un file denominato {{0}}, sostituire con il nuovo file?";
     static get FileManager_QuestionAlreadyExistsFiles(): "Ziel enthält {{0}} Datei mit dem gleichen Namen, ersetzen durch neue Dateien?" | "Destination contains {{0}} files with the same name, replace with new files?" | "El destino contiene {{0}} archivos con el mismo nombre, ¿sustituir con los nuevos archivos?" | "La destination contient {{0}} fichier portant le même nom, remplacer avec les nouveaux fichiers?" | "O destino contém ficheiros {{0}} com o mesmo nome, substitua por novos arquivos?" | "La destinazione contiene {{0}} file con lo stesso nome, sostituire con i nuovi file?";
     static get FileUpload(): "Datei hochladen" | "File upload" | "Carga de archivo" | "Téléchargement de fichier" | "Carregamento de arquivo" | "Caricamento File";
+    static get Folder(): string;
     static get FolderExist(): "Ordner existiert bereits. Bitte versuchen Sie einen anderen Namen" | "Folder already exists. Please try another name" | "La carpeta ya existe. Intente con otro nombre." | "Le dossier existe déjà. Veuillez essayer un autre nom" | "A pasta já existe. Por favor tente outro nome" | "La cartella esiste già. Prova un altro nome";
     static get FolderIsEmpty(): string;
     static get ForgetPassword(): "Passwort vergessen" | "Forgot password" | "Has olvidado tu contraseña" | "Mot de passe oublié" | "Esqueceu sua senha" | "Password dimenticata";
@@ -297,6 +302,7 @@ export declare class SDKUI_Localizator {
     static get HideMetadata(): string;
     static get HideSearch(): "Suche ausblenden" | "Hide search" | "Ocultar búsqueda" | "Masquer la recherche" | "Ocultar pesquisa" | "Nascondi ricerca";
     static get High(): "Hoch" | "High" | "Alta" | "Élevée";
+    static get History(): string;
     static get HistoryActionLabel(): string;
     static get HistoryLabel(): string;
     static get ID_Hide(): "Ausblenden ID" | "Hide ID" | "Ocultar ID" | "Masquer ID" | "Nascondi ID";
@@ -316,6 +322,7 @@ export declare class SDKUI_Localizator {
     static get Interrupt(): "Unterbrechen" | "Interrupt" | "interrumpir" | "Interrompre" | "Interromper" | "Interrompere";
     static get Interval(): "Intervall" | "Interval" | "Intervalo" | "Intervalle" | "Intervallo";
     static get Invalid_File(): "Ungültige datei" | "Invalid file" | "Archivo inválido" | "Fichier non valide" | "Arquivo inválido" | "File non valido";
+    static get InvalidDcmt(): "Ungültiges Dokument" | "Invalid document" | "Documento inválido" | "Document non valide" | "Documento non valido";
     static get InvoiceRetrieveFormat(): "Exportieren Sie die Rechnung im folgenden Format" | "Export invoice in the following format" | "Exportar la factura en el siguiente formato" | "Exportez la facture au format suivant" | "Exporte a fatura no seguinte formato" | "Esporta la fattura nel seguente formato";
     static get LandingPage(): string;
     static get LastRead(): string;
@@ -643,6 +650,7 @@ export declare class SDKUI_Localizator {
     static get UBLViewFormats_NSO_HTML(): "NSO Style Sheet (HTML)" | "Hoja de estilo NSO (HTML)" | "Feuille de style NSO (HTML)" | "Folha de estilo NSO (HTML)" | "Foglio di stile NSO (HTML)";
     static get UBLViewFormats_NSO_PDF(): "NSO Style Sheet (PDF)" | "Hoja de estilo NSO (PDF)" | "Feuille de style NSO (PDF)" | "Folha de estilo NSO (PDF)" | "Foglio di stile NSO (PDF)";
     static get UnableToGetUpdatedDocumentContent(): "Aktualisierter Dokumentinhalt kann nicht abgerufen werden" | "Unable to get updated document content" | "No se puede obtener el contenido actualizado del documento" | "Impossible d'obtenir le contenu mis à jour du document" | "Não é possível obter o conteúdo atualizado do documento" | "Impossibile ottenere il contenuto aggiornato del documento";
+    static get UndefinedText(): string;
     static get Undo(): "Änderungen rückgängig machen" | "Undo" | "Anular modificaciones" | "Annule les modifications" | "Anular alterações" | "Annulla modifiche";
     static get Unfollow(): "Nicht mehr folgen" | "Unfollow" | "Dejar de seguir" | "Ne plus suivre" | "Deixar de seguir" | "Non seguire più";
     static get Unmatch(): "Zuordnung aufheben" | "Unmatch" | "Desemparejar" | "Dissocier" | "Descorresponder" | "Disabbina";
@@ -697,6 +705,7 @@ export declare class SDKUI_Localizator {
     static get WorkflowAppName(): "Name der Anwendung" | "Application name" | "Nombre de aplicación" | "Nom de l'application" | "Nome da aplicação" | "Nome applicazione";
     static get WorkflowAppType(): "Anwendungsart" | "Application type" | "Tipo de aplicación" | "Type d'application" | "Tipo de aplicação" | "Tipo applicazione";
     static get WorkflowConnectionEdit(): "Verbindung bearbeiten" | "Edit Connection" | "Editar conexión" | "Modifier la connexion" | "Editar ligação" | "Modifica Connessione";
+    static get WorkflowCtrl(): "Workflow-Kontrolle" | "Workflow control" | "Control de flujo de trabajo" | "Contrôle de workflow" | "Controle de fluxo de trabalho" | "Controllo workflow";
     static get WorkflowDiagramConnectionInvalidNodes(): "Ungültige Verbindung: Quell- oder Zielknoten nicht gefunden." | "Invalid connection: source or sink node not found." | "Conexión no válida: nodo origen o destino no encontrado." | "Connexion invalide : nœud source ou destination introuvable." | "Conexão inválida: nó de origem ou destino não encontrado." | "Connessione non valida: nodo sorgente o destinazione non trovato.";
     static get WorkflowRestoreDiagram(): "Diagramm wiederherstellen" | "Restore diagram" | "Restaurar diagrama" | "Restaurer le diagramme" | "Ripristina diagramma";
     static get WorkflowRestoreDiagramMessage(): "Möchten Sie das ursprüngliche Diagramm wiederherstellen? Alle nicht gespeicherten Änderungen gehen verloren." | "Are you sure you want to restore the initial diagram? All unsaved changes will be lost." | "¿Está seguro de que desea restaurar el diagrama inicial? Se perderán todos los cambios no guardados." | "Êtes-vous sûr de vouloir restaurer le diagramme initial ? Toutes les modifications non enregistrées seront perdues." | "Tem certeza de que deseja restaurar o diagrama inicial? Todas as alterações não salvas serão perdidas." | "Sei sicuro di voler ripristinare il diagramma iniziale? Tutte le modifiche non salvate andranno perse.";