@topconsultnpm/sdkui-react 6.19.0-test2 → 6.20.0-dev1.10

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

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import TMSaveForm from "../../forms/TMSaveForm";
+import { IconBxInfo, IconFileDots, IconFolder, SDKUI_Globals, SDKUI_Localizator } from "../../../helper";
+import { FormModes } from "../../../ts";
+import { ResultTypes, ValidationItem } from "@topconsultnpm/sdk-ts";
+import { SaveFormOptions, useSaveForm } from "../../../hooks/useForm";
+import { getCicoDownloadFileName, updateCicoCheckoutStorageItem } from "../../../helper/checkinCheckoutManager";
+import { TMColors } from "../../../utils/theme";
+import TMLayoutContainer, { TMLayoutItem } from "../../base/TMLayout";
+import TMTooltip from "../../base/TMTooltip";
+import TMTextBox from "../../editors/TMTextBox";
+import ShowAlert from "../../base/TMAlert";
+import { TMExceptionBoxManager } from "../../base/TMPopUp";
+const TMSearchResultCheckoutInfoForm = (props) => {
+    const { dtdName, selectedDcmtOrFocused, onClose } = props;
+    const [initialDcmtCheckoutFolder, setInitialDcmtCheckoutFolder] = useState("");
+    const [initialDcmtCheckoutName, setInitialDcmtCheckoutName] = useState("");
+    const validator = async (params) => {
+        const validations = [];
+        if (!params.checkoutName?.trim()) {
+            validations.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.Name, SDKUI_Localizator.RequiredField));
+        }
+        return validations;
+    };
+    const { formData, setFormData, validationItems, exception } = useSaveForm(FormModes.Create, 0, new SaveFormOptions(), validator);
+    const isDisabled = !formData || !formData.checkoutName?.trim() || (formData.checkoutFolder === initialDcmtCheckoutFolder && formData.checkoutName === initialDcmtCheckoutName);
+    useEffect(() => {
+        if (!selectedDcmtOrFocused.TID || !selectedDcmtOrFocused.DID)
+            return;
+        const dcmtCheckoutInfoCurrentItems = [...SDKUI_Globals.userSettings.dcmtCheckoutInfo];
+        const existingItem = dcmtCheckoutInfoCurrentItems.find((item) => item.TID === selectedDcmtOrFocused.TID.toString() && item.DID === selectedDcmtOrFocused.DID.toString());
+        const folder = existingItem?.checkoutFolder ?? "";
+        const name = existingItem?.checkoutName ?? getCicoDownloadFileName({ type: 'dcmtInfo', dcmtInfo: selectedDcmtOrFocused, originalFileName: dtdName ?? SDKUI_Localizator.SearchResult }, true, false);
+        // Set form data
+        setFormData({
+            ...formData,
+            checkoutFolder: folder,
+            checkoutName: name,
+        });
+        // Save initial values
+        setInitialDcmtCheckoutFolder(folder);
+        setInitialDcmtCheckoutName(name);
+    }, []);
+    const calcIsModifiedWrapper = (formData) => {
+        if (!formData)
+            return false;
+        if (formData.checkoutFolder !== initialDcmtCheckoutFolder || formData.checkoutName !== initialDcmtCheckoutName) {
+            return true;
+        }
+        return false;
+    };
+    const onSaveAsync = () => {
+        try {
+            if (isDisabled)
+                return;
+            // Check: formData must exist, selectedDcmtOrFocused.TID and selectedDcmtOrFocused.DID must exist, and at least one of checkoutFolder or checkoutName must be filled
+            if (formData && selectedDcmtOrFocused.TID && selectedDcmtOrFocused.DID) {
+                // Create a new draft checkout item with TID, DID, and folder/name values
+                const newItem = { TID: selectedDcmtOrFocused.TID.toString(), DID: selectedDcmtOrFocused.DID.toString(), checkoutFolder: formData.checkoutFolder ?? "", checkoutName: formData.checkoutName ?? "" };
+                updateCicoCheckoutStorageItem(newItem, "dcmtInfo", "addOrUpdate");
+                onClose();
+                ShowAlert({ mode: 'success', title: SDKUI_Localizator.CheckoutInfo, message: SDKUI_Localizator.OperationSuccess, duration: 3000 });
+            }
+        }
+        catch (error) {
+            console.error('Error in onSaveAsync:', error);
+            TMExceptionBoxManager.show({ title: SDKUI_Localizator.Error, exception: error });
+        }
+    };
+    return _jsx(TMSaveForm, { title: dtdName + " \u2014 " + SDKUI_Localizator.CheckoutInfo, showTitleFormMode: false, isModal: true, width: "470px", height: "240px", showBackButton: false, showErrorCount: false, showSaveButton: false, showUndoButton: false, showToolbar: false, hasNavigation: false, formMode: FormModes.Create, validationItems: validationItems, exception: exception, isModified: calcIsModifiedWrapper(formData), onClose: onClose, children: _jsx("div", { style: { margin: "0px 10px" }, children: _jsx(TMLayoutContainer, { direction: 'vertical', children: _jsx(TMLayoutContainer, { gap: 5, children: _jsxs(TMLayoutItem, { height: 'max-content', children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px", marginTop: "5px", marginBottom: "5px" }, children: [_jsx(TMTooltip, { content: SDKUI_Localizator.CheckInOutSettingsNotice, children: _jsx(IconBxInfo, {}) }), _jsxs("span", { children: [SDKUI_Localizator.DefaultFolder, ":", " ", _jsx("i", { children: SDKUI_Globals.userSettings.defaultCheckInOutFolder !== ""
+                                                    ? SDKUI_Globals.userSettings.defaultCheckInOutFolder
+                                                    : SDKUI_Localizator.UndefinedText })] })] }), _jsx(TMTextBox, { icon: _jsx(IconFolder, {}), label: SDKUI_Localizator.Folder, value: formData?.checkoutFolder ?? '', isModifiedWhen: formData?.checkoutFolder !== initialDcmtCheckoutFolder, onValueChanged: (e) => {
+                                    const newValue = e.target.value;
+                                    setFormData(prev => ({
+                                        ...prev,
+                                        checkoutFolder: newValue,
+                                        checkoutName: prev?.checkoutName ?? "",
+                                    }));
+                                }, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Folder), autoFocus: true, fromModal: true }), _jsx(TMTextBox, { icon: _jsx(IconFileDots, {}), label: SDKUI_Localizator.Name, value: formData?.checkoutName ?? '', isModifiedWhen: formData?.checkoutName !== initialDcmtCheckoutName, onValueChanged: (e) => {
+                                    const newValue = e.target.value;
+                                    setFormData(prev => ({
+                                        ...prev,
+                                        checkoutFolder: prev?.checkoutFolder ?? "",
+                                        checkoutName: newValue,
+                                    }));
+                                }, validationItems: validationItems?.filter(o => o.PropertyName === SDKUI_Localizator.Name) }), _jsxs("div", { style: {
+                                    width: "100%",
+                                    height: '50px',
+                                    marginTop: "10px",
+                                    display: 'flex',
+                                    justifyContent: 'flex-end',
+                                    alignItems: 'center',
+                                    gap: '10px'
+                                }, children: [_jsx("button", { onClick: () => onSaveAsync(), disabled: false, style: {
+                                            background: 'none',
+                                            border: 'none',
+                                            color: isDisabled ? '#a0a0a0' : TMColors.primary,
+                                            cursor: isDisabled ? 'not-allowed' : 'pointer',
+                                            padding: '6px 14px',
+                                            borderRadius: '6px',
+                                            transition: 'background-color 0.3s, color 0.3s',
+                                        }, onMouseEnter: e => {
+                                            if (!isDisabled) {
+                                                e.currentTarget.style.backgroundColor = '#e6f0ff';
+                                                e.currentTarget.style.color = '#004a99';
+                                            }
+                                        }, onMouseLeave: e => {
+                                            if (!isDisabled) {
+                                                e.currentTarget.style.backgroundColor = 'transparent';
+                                                e.currentTarget.style.color = TMColors.primary;
+                                            }
+                                        }, children: SDKUI_Localizator.Save }), _jsx("button", { onClick: () => onClose(), style: {
+                                            background: 'none',
+                                            border: 'none',
+                                            color: TMColors.primary,
+                                            cursor: 'pointer',
+                                            padding: '6px 14px',
+                                            borderRadius: '6px',
+                                            transition: 'background-color 0.3s, color 0.3s',
+                                        }, onMouseEnter: e => {
+                                            e.currentTarget.style.backgroundColor = '#e6f0ff';
+                                            e.currentTarget.style.color = '#004a99';
+                                        }, onMouseLeave: e => {
+                                            e.currentTarget.style.backgroundColor = 'transparent';
+                                            e.currentTarget.style.color = TMColors.primary;
+                                        }, children: SDKUI_Localizator.Cancel })] })] }) }) }) }) });
+};
+export default TMSearchResultCheckoutInfoForm;

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

@@ -1,11 +1,11 @@
 import React from 'react';
-import { DcmtTypeDescriptor, FileDescriptor, FileFormats, LayoutModes, WorkingGroupDescriptor } from '@topconsultnpm/sdk-ts';
+import { DcmtTypeDescriptor, FileDescriptor, FileFormats, LayoutModes, WorkingGroupDescriptor, UserDescriptor } from '@topconsultnpm/sdk-ts';
 import { TMDataGridContextMenuItem } from '../../base/TMDataGrid';
 import { DcmtInfo, DcmtOperationTypes, DownloadModes, DownloadTypes, SearchResultContext } from '../../../ts';
 export declare const getSelectedDcmtsOrFocused: (selectedItems: Array<any>, focusedItem: any, fileFormat?: FileFormats) => DcmtInfo[];
 export declare const getAllFieldSelectedDcmtsOrFocused: (selectedItems: Array<any>, focusedItem: any, fileFormat?: FileFormats) => any[];
 export declare const signatureInformationCallback: (isMobile: boolean, inputDcmts: DcmtInfo[] | undefined) => Promise<void>;
-export declare const getCommandsMenuItems: (isMobile: boolean, dtd: DcmtTypeDescriptor | undefined, selectedItems: Array<any>, focusedItem: any, context: SearchResultContext, showFloatingBar: boolean, workingGroupContext: WorkingGroupDescriptor | undefined, showSearch: boolean, setShowFloatingBar: React.Dispatch<React.SetStateAction<boolean>>, openFormHandler: (layoutMode: LayoutModes) => void, openSharedArchiveHandler: () => Promise<void>, showSharedDcmtsHandler: () => Promise<void>, downloadDcmtsAsync: (inputDcmts: DcmtInfo[] | undefined, downloadType: DownloadTypes, downloadMode: DownloadModes, onFileDownloaded?: (dcmtFile: File | undefined) => void, confirmAttachments?: (list: FileDescriptor[]) => Promise<string[] | undefined>, skipConfirmation?: boolean) => Promise<void>, runOperationAsync: (inputDcmts: DcmtInfo[] | undefined, dcmtOperationType: DcmtOperationTypes, actionAfterOperationAsync?: () => Promise<void>) => Promise<void>, onRefreshSearchAsync: (() => Promise<void>) | undefined, onRefreshDataRowsAsync: (() => Promise<void>) | undefined, onRefreshAfterAddDcmtToFavs: (() => void) | undefined, confirmFormat: () => Promise<FileFormats>, confirmAttachments: (list: FileDescriptor[]) => Promise<string[] | undefined>, openTaskFormHandler: () => void, openDetailDcmtsFormHandler: (value: boolean) => void, openMasterDcmtsFormHandler: (value: boolean) => void, openBatchUpdateFormHandler: (value: boolean) => void, openExportForm: () => void, handleToggleSearch: () => void, handleSignApprove: () => void, openSignSettingsForm: () => void, handleCheckOutOperationCallback: (checkout: boolean) => Promise<void>, openWGsCopyMoveForm?: ((mode: "copyToWgDraft" | "copyToWgArchivedDoc", dcmtTypeDescriptor: DcmtTypeDescriptor, documents: Array<DcmtInfo>) => void), openCommentFormCallback?: ((documents: Array<DcmtInfo>) => void), openEditPdf?: ((documents: Array<DcmtInfo>) => void), openAddDocumentForm?: () => void, passToArchiveCallback?: (outputMids: Array<{
+export declare const getCommandsMenuItems: (isMobile: boolean, dtd: DcmtTypeDescriptor | undefined, allUsers: Array<UserDescriptor>, selectedItems: Array<any>, focusedItem: any, context: SearchResultContext, showFloatingBar: boolean, workingGroupContext: WorkingGroupDescriptor | undefined, showSearch: boolean, setShowFloatingBar: React.Dispatch<React.SetStateAction<boolean>>, openFormHandler: (layoutMode: LayoutModes) => void, openSharedArchiveHandler: () => Promise<void>, showSharedDcmtsHandler: () => Promise<void>, downloadDcmtsAsync: (inputDcmts: DcmtInfo[] | undefined, downloadType: DownloadTypes, downloadMode: DownloadModes, onFileDownloaded?: (dcmtFile: File | undefined) => void, confirmAttachments?: (list: FileDescriptor[]) => Promise<string[] | undefined>, skipConfirmation?: boolean) => Promise<void>, runOperationAsync: (inputDcmts: DcmtInfo[] | undefined, dcmtOperationType: DcmtOperationTypes, actionAfterOperationAsync?: () => Promise<void>) => Promise<void>, onRefreshSearchAsync: (() => Promise<void>) | undefined, onRefreshDataRowsAsync: (() => Promise<void>) | undefined, onRefreshAfterAddDcmtToFavs: (() => void) | undefined, confirmFormat: () => Promise<FileFormats>, confirmAttachments: (list: FileDescriptor[]) => Promise<string[] | undefined>, openTaskFormHandler: () => void, openDetailDcmtsFormHandler: (value: boolean) => void, openMasterDcmtsFormHandler: (value: boolean) => void, openBatchUpdateFormHandler: (value: boolean) => void, openExportForm: () => void, handleToggleSearch: () => void, handleSignApprove: () => void, openSignSettingsForm: () => void, handleCheckOutOperationCallback: (checkout: boolean) => Promise<void>, handleCheckInOperationCallback: () => void, showCheckoutInformationFormCallback: () => void, viewHistoryCallback: () => void, infoCheckCopyToClipboard: () => void, openWGsCopyMoveForm?: ((mode: "copyToWgDraft" | "copyToWgArchivedDoc", dcmtTypeDescriptor: DcmtTypeDescriptor, documents: Array<DcmtInfo>) => void), openCommentFormCallback?: ((documents: Array<DcmtInfo>) => void), openEditPdf?: ((documents: Array<DcmtInfo>) => void), openAddDocumentForm?: () => void, passToArchiveCallback?: (outputMids: Array<{
     mid: number;
     value: string;
 }>, tid?: number) => void, archiveMasterDocuments?: (tid: number | undefined) => Promise<void>, archiveDetailDocuments?: (tid: number | undefined) => Promise<void>, hasMasterRelation?: boolean, hasDetailRelation?: boolean, canArchiveMasterRelation?: boolean, canArchiveDetailRelation?: boolean, pairManyToManyDocuments?: (isPairing: boolean) => Promise<void>, hasManyToManyRelation?: boolean) => Array<TMDataGridContextMenuItem>;

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 { getDcmtCicoStatus } from '../../../helper/checkinCheckoutManager';
 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, handleCheckInOperationCallback, showCheckoutInformationFormCallback, viewHistoryCallback, infoCheckCopyToClipboard, 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 } = getDcmtCicoStatus(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: "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)
+                },
+                {
+                    icon: "clock",
+                    text: SDKUI_Localizator.History,
+                    disabled: checkoutStatus.version === 1 || disabledForSingleRow(selectedItems, focusedItem),
+                    onClick: viewHistoryCallback,
+                },
             ]
         };
     };
@@ -706,7 +684,7 @@ export const getCommandsMenuItems = (isMobile, dtd, selectedItems, focusedItem,
                 ]
             },
             signatureMenuItem(),
-            // checkinMenuItem(),
+            checkinMenuItem(),
             relationsMenuItem(),
             sharedDcmtsMenuItem(),
             // shareMenuItem(),

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/TMViewHistoryDcmt.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 TMViewHistoryDcmtProps {
+    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 TMViewHistoryDcmt: (props: TMViewHistoryDcmtProps) => import("react/jsx-runtime").JSX.Element;
+export default TMViewHistoryDcmt;

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

@@ -0,0 +1,285 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { DownloadTypes, FormModes } from "../../../ts/types";
+import { associateColumnsToRows, calcResponsiveSizes, formatBytes, getExceptionMessage, Globalization, SDKUI_Localizator } from "../../../helper";
+import TMModal from "../../base/TMModal";
+import { DeleteEngine, ResultTypes, SDK_Globals, UpdateEngineByID, UserListCacheService } from "@topconsultnpm/sdk-ts";
+import TMSpinner from "../../base/TMSpinner";
+import { ButtonNames, TMExceptionBoxManager, TMMessageBoxManager } from "../../base/TMPopUp";
+import TMDcmtIcon from "../documents/TMDcmtIcon";
+import TMDataGrid from "../../base/TMDataGrid";
+import TMDcmtForm from "../documents/TMDcmtForm";
+import { useDcmtOperations } from "../../../hooks/useDcmtOperations";
+import { TMLayoutWaitingContainer } from "../../base/TMWaitPanel";
+import { TMResultManager } from "../../forms/TMResultDialog";
+let abortLocalController = new AbortController();
+const TMViewHistoryDcmt = (props) => {
+    const { deviceType, inputDcmt, onClose, fromDTD, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers } = props;
+    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
+    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]);
+    // State variable to control the visibility of the wait panel.
+    const [showLocalWaitPanel, setShowLocalWaitPanel] = useState(false);
+    // State variable to store the title of the wait panel.
+    const [waitLocalPanelTitle, setWaitLocalPanelTitle] = useState('');
+    // State variable to control the visibility of the primary section of the wait panel.
+    const [showLocalPrimary, setShowLocalPrimary] = useState(false);
+    // State variable to store the primary text of the wait panel.
+    const [waitLocalPanelTextPrimary, setWaitLocalPanelTextPrimary] = useState('');
+    // State variable to track the current value of the primary progress indicator in the wait panel.
+    const [waitLocalPanelValuePrimary, setWaitLocalPanelValuePrimary] = useState(0);
+    // State variable to define the maximum value for the primary progress indicator in the wait panel.
+    const [waitLocalPanelMaxValuePrimary, setWaitLocalPanelMaxValuePrimary] = useState(0);
+    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 downloadFilesCallback = async () => {
+        if (focusedRowKey === undefined)
+            return;
+        const focusedRow = dcmtHistory.find(dcmt => dcmt.id === focusedRowKey);
+        const files = [];
+        if (focusedRow && focusedRow.TID && focusedRow.DID && focusedRow.FileExt) {
+            files.push({ TID: Number(focusedRow.TID), DID: Number(focusedRow.DID), FILEEXT: focusedRow.FileExt });
+        }
+        if (files.length > 0)
+            await downloadDcmtsAsync(files, DownloadTypes.Dcmt, "download");
+    };
+    const deleteFilesCallback = () => {
+        if (!focusedRowKey)
+            return;
+        const currentDcmt = dcmtHistory.find(dcmt => dcmt.id === focusedRowKey);
+        if (currentDcmt && currentDcmt.id) {
+            const msg = SDKUI_Localizator.Delete_ConfirmFor1.replaceParams((fromDTD.name ?? SDKUI_Localizator.SearchResult) + " - DID " + currentDcmt.DID + ", " + SDKUI_Localizator.Version + ": " + currentDcmt.Version);
+            TMMessageBoxManager.show({
+                title: SDKUI_Localizator.Delete, message: msg, buttons: [ButtonNames.YES, ButtonNames.NO],
+                onButtonClick: async (e) => {
+                    if (e !== ButtonNames.YES)
+                        return;
+                    setWaitLocalPanelTitle(SDKUI_Localizator.Delete);
+                    setShowLocalWaitPanel(true);
+                    setShowLocalPrimary(true);
+                    abortLocalController = new AbortController();
+                    let result = [];
+                    let i = 0;
+                    setWaitLocalPanelMaxValuePrimary(1);
+                    if (abortLocalController.signal.aborted) {
+                        result.push({ rowIndex: i, id1: currentDcmt.id, id2: currentDcmt.id, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborate ${i}` });
+                    }
+                    else {
+                        setWaitLocalPanelTextPrimary(SDKUI_Localizator.Delete);
+                        const deleteEngine = new DeleteEngine(SDK_Globals.tmSession);
+                        await deleteEngine.PhysDeleteByIDAsync(Number(currentDcmt.TID), Number(currentDcmt.DID), false)
+                            .then(async () => {
+                            result.push({ rowIndex: Number(currentDcmt.TID), id1: Number(currentDcmt.TID), id2: Number(currentDcmt.DID), description: SDKUI_Localizator.DeletionCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
+                            await loadData();
+                        })
+                            .catch((err) => {
+                            result.push({ rowIndex: Number(currentDcmt.TID), id1: Number(currentDcmt.TID), id2: Number(currentDcmt.DID), resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
+                        });
+                    }
+                    setFocusedRowKey(undefined);
+                    setWaitLocalPanelTextPrimary('');
+                    setWaitLocalPanelMaxValuePrimary(0);
+                    setWaitLocalPanelValuePrimary(0);
+                    setShowLocalWaitPanel(false);
+                    TMResultManager.show(result, SDKUI_Localizator.Delete, "ID", undefined);
+                }
+            });
+        }
+    };
+    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',
+                    disabled: focusedRowKey === undefined,
+                    onClick: () => downloadFilesCallback(),
+                },
+                {
+                    icon: "trash",
+                    text: SDKUI_Localizator.Delete,
+                    disabled: 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.", dataType: 'number' },
+            { dataField: "FileSizeDisplay", caption: SDKUI_Localizator.Size },
+            { dataField: "UpdaterDisplayName", caption: SDKUI_Localizator.Author },
+            { dataField: "LastUpdateTimeDisplay", caption: SDKUI_Localizator.LastUpdateTime },
+        ]);
+    }, [showId]);
+    return _jsx(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(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showLocalWaitPanel, showWaitPanelPrimary: showLocalPrimary, waitPanelTitle: waitLocalPanelTitle, waitPanelTextPrimary: waitLocalPanelTextPrimary, waitPanelValuePrimary: waitLocalPanelValuePrimary, waitPanelMaxValuePrimary: waitLocalPanelMaxValuePrimary, isCancelable: true, abortController: abortLocalController, 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 TMViewHistoryDcmt;