@topconsultnpm/sdkui-react 6.20.0-dev1.13 → 6.20.0-dev1.131

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

@@ -1,12 +1,13 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 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 { 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, searchResultToMetadataValues, IconSignaturePencil, IconArchiveMaster, IconArchiveDetail, IconDetailDcmts, isPdfEditorEnabled, IconPair, IconUnpair, IconSharedDcmt, IconShare, IconCopy, IconMoveToFolder, IconPin } 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';
 import { getDcmtCicoStatus } from '../../../helper/checkinCheckoutManager';
+import TMSignatureInfoContent from './TMSignatureInfoContent';
 const disabledForSingleRow = (selectedItems, focusedItem) => {
     // 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;
@@ -62,31 +63,14 @@ export const signatureInformationCallback = async (isMobile, inputDcmts) => {
             });
             return;
         }
-        const [inputDcmt] = inputDcmts;
-        let ue = SDK_Globals.tmSession?.NewUpdateEngineByID();
-        if (ue) {
-            ue.TID = inputDcmt.TID;
-            ue.DID = inputDcmt.DID;
-            const res = await ue.GetSignersAsync().catch((error) => { throw error; });
-            if (!res) {
-                throw new Error("Informazioni di firma non disponibili");
-            }
-            TMMessageBoxManager.show({
-                title: SDKUI_Localizator.SignatureInformation,
-                buttons: [ButtonNames.OK],
-                showToppy: false,
-                resizable: true,
-                initialWidth: !isMobile ? '500px' : undefined,
-                message: (_jsx("div", { style: { lineHeight: "1.4em", overflowY: "auto", maxHeight: "400px", paddingRight: "8px", boxSizing: "border-box" }, children: res.signers && res.signers.length > 0 ? (res.signers.map((signer, idx) => (_jsxs("div", { style: {
-                            border: "1px solid #ccc",
-                            borderRadius: "10px",
-                            padding: "12px",
-                            marginBottom: "12px",
-                            background: "#f9f9f9",
-                            boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
-                        }, children: [_jsxs("h3", { style: { margin: "0 0 8px", color: "#333" }, children: ["Firma ", signer.levelAndIndex] }), _jsxs("p", { style: { margin: "4px 0" }, children: [_jsx("strong", { children: "Intestatario:" }), _jsx("br", {}), signer.info1 ?? '-'] }), _jsxs("p", { style: { margin: "4px 0" }, children: [_jsx("strong", { children: "Riferimento temporale:" }), _jsx("br", {}), signer.info2 ?? '-'] }), _jsxs("p", { style: { margin: "4px 0" }, children: [_jsx("strong", { children: "Dettagli:" }), _jsx("br", {}), signer.info3 ?? '-'] })] }, idx)))) : (_jsx("p", { children: "Nessuna firma trovata" })) }))
-            });
-        }
+        TMMessageBoxManager.show({
+            title: SDKUI_Localizator.SignatureInformation,
+            buttons: [ButtonNames.OK],
+            showToppy: false,
+            resizable: true,
+            initialWidth: !isMobile ? '700px' : undefined,
+            message: _jsx(TMSignatureInfoContent, { inputDcmt: inputDcmts[0] })
+        });
     }
     catch (error) {
         console.error(error);
@@ -96,16 +80,37 @@ export const signatureInformationCallback = async (isMobile, inputDcmts) => {
         TMSpinner.hide();
     }
 };
-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) => {
+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, copyCheckoutPathToClipboardOperationCallback, openWGsCopyMoveForm, openCommentFormCallback, openEditPdf, openAddDocumentForm, passToArchiveCallback, archiveMasterDocuments, archiveDetailDocuments, hasMasterRelation, hasDetailRelation, canArchiveMasterRelation, canArchiveDetailRelation, pairManyToManyDocuments, hasManyToManyRelation, pinnedItemIds, onTogglePin) => {
     const isPdfEditorLicensed = SDK_Globals?.license?.dcmtArchiveLicenses?.[0]?.siX_60007?.status === LicenseModuleStatus.Licensed;
+    const addPinIconToItems = (items) => {
+        if (isMobile || !onTogglePin)
+            return items;
+        return items.map(item => {
+            const newItem = { ...item };
+            if (item.id && item.onClick && !item.submenu) {
+                newItem.rightIconProps = {
+                    icon: _jsx(IconPin, {}),
+                    activeColor: 'red',
+                    inactiveColor: 'black',
+                    isActive: pinnedItemIds?.includes(item.id) ?? false,
+                    onClick: () => onTogglePin(item.id),
+                };
+            }
+            if (item.submenu && item.submenu.length > 0) {
+                newItem.submenu = addPinIconToItems(item.submenu);
+            }
+            return newItem;
+        });
+    };
     let pdfEditorAvailable = false;
     if (dtd && dtd.widgets && dtd.widgets.length > 0) {
         pdfEditorAvailable = isPdfEditorEnabled(dtd.widgets);
     }
     const addToFavoriteMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconStar, {})),
-            text: SDKUI_Localizator.AddTo + ' ' + SDKUI_Localizator.Favorites,
+            id: 'fav',
+            icon: _jsx(IconStar, {}),
+            name: SDKUI_Localizator.AddTo + ' ' + SDKUI_Localizator.Favorites,
             operationType: 'multiRow',
             disabled: context === SearchResultContext.FAVORITES_AND_RECENTS || disabledForMultiRow(selectedItems, focusedItem),
             onClick: async () => { await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.AddToFavs); onRefreshAfterAddDcmtToFavs?.(); },
@@ -113,8 +118,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const addReplaceFileMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconSubstFile, {})),
-            text: SDKUI_Localizator.AddOrSubstFile,
+            id: 'repl',
+            icon: _jsx(IconSubstFile, {}),
+            name: SDKUI_Localizator.AddOrSubstFile,
             operationType: 'singleRow',
             disabled: dtd?.perm?.canSubstFile !== AccessLevels.Yes ? true : disabledForSingleRow(selectedItems, focusedItem),
             onClick: async () => { await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.SubstituteFile, onRefreshDataRowsAsync); }
@@ -122,8 +128,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const openFormMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconPreview, {})),
-            text: SDKUI_Localizator.OpenForm,
+            id: 'open-form',
+            icon: _jsx(IconPreview, {}),
+            name: SDKUI_Localizator.OpenForm,
             operationType: 'singleRow',
             disabled: disabledForSingleRow(selectedItems, focusedItem),
             onClick: () => openFormHandler?.(LayoutModes.Update)
@@ -131,25 +138,27 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const deletetionMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconDelete, {})),
-            text: SDKUI_Localizator.Deletion,
+            id: 'del',
+            icon: _jsx(IconDelete, {}),
+            name: SDKUI_Localizator.Deletion,
             operationType: 'multiRow',
             disabled: disabledForMultiRow(selectedItems, focusedItem),
-            items: [
+            submenu: [
                 {
-                    icon: svgToString(_jsx(IconDelete, {})),
-                    text: SDKUI_Localizator.LogDelete,
+                    id: 'del-log',
+                    icon: _jsx(IconDelete, {}),
+                    name: SDKUI_Localizator.LogDelete,
                     operationType: 'multiRow',
                     disabled: dtd?.perm?.canLogicalDelete !== AccessLevels.Yes ? true : disabledForMultiRow(selectedItems, focusedItem),
-                    beginGroup: true,
                     onClick: async () => {
                         let dcmts = getSelectedDcmtsOrFocused(selectedItems, focusedItem);
                         await runOperationAsync(dcmts, DcmtOperationTypes.LogDelete, dcmts.length <= MAX_DCMTS_FOR_SELECTION_REFRESH ? onRefreshDataRowsAsync : onRefreshSearchAsync);
                     }
                 },
                 {
-                    icon: svgToString(_jsx(IconUndo, {})),
-                    text: SDKUI_Localizator.Restore,
+                    id: 'del-rest',
+                    icon: _jsx(IconUndo, {}),
+                    name: SDKUI_Localizator.Restore,
                     operationType: 'multiRow',
                     disabled: dtd?.perm?.canLogicalDelete !== AccessLevels.Yes ? true : disabledForMultiRow(selectedItems, focusedItem),
                     onClick: async () => {
@@ -158,8 +167,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
                     }
                 },
                 {
-                    icon: svgToString(_jsx(IconCloseCircle, {})),
-                    text: SDKUI_Localizator.PhysDelete,
+                    id: 'del-phys',
+                    icon: _jsx(IconCloseCircle, {}),
+                    name: SDKUI_Localizator.PhysDelete,
                     operationType: 'multiRow',
                     disabled: dtd?.perm?.canPhysicalDelete !== AccessLevels.Yes ? true : disabledForMultiRow(selectedItems, focusedItem),
                     onClick: async () => { await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.PhysDelete, onRefreshSearchAsync); }
@@ -169,8 +179,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const fileCheckMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconCheckFile, {})),
-            text: SDKUI_Localizator.FileCheck,
+            id: 'chk',
+            icon: _jsx(IconCheckFile, {}),
+            name: SDKUI_Localizator.FileCheck,
             operationType: 'multiRow',
             disabled: disabledForMultiRow(selectedItems, focusedItem),
             onClick: async () => { await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.CheckFile); }
@@ -178,8 +189,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const fileConversionsMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconConvertFilePdf, {})),
-            text: SDKUI_Localizator.FileConversion,
+            id: 'conv',
+            icon: _jsx(IconConvertFilePdf, {}),
+            name: SDKUI_Localizator.FileConversion,
             operationType: 'multiRow',
             disabled: disabledForMultiRow(selectedItems, focusedItem),
             onClick: async () => {
@@ -193,8 +205,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const createContextualTaskMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconActivity, {})),
-            text: SDKUI_Localizator.CreateContextualTask,
+            id: 'task',
+            icon: _jsx(IconActivity, {}),
+            name: SDKUI_Localizator.CreateContextualTask,
             operationType: 'singleRow',
             disabled: disabledForSingleRow(selectedItems, focusedItem),
             onClick: () => { openTaskFormHandler(); }
@@ -202,24 +215,27 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const downloadFileMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconDownload, {})),
+            id: 'dl',
+            icon: _jsx(IconDownload, {}),
             operationType: 'multiRow',
             disabled: dtd?.perm?.canRetrieveFile !== AccessLevels.Yes ? true : disabledForMultiRow(selectedItems, focusedItem),
-            text: SDKUI_Localizator.DownloadFile, onClick: () => downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt, "download", undefined, undefined, true)
+            name: SDKUI_Localizator.DownloadFile, onClick: () => downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt, "download", undefined, undefined, true)
         };
     };
     const downloadXMLAttachmentsMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconDownload, {})),
+            id: 'dl-xml',
+            icon: _jsx(IconDownload, {}),
             operationType: 'singleRow',
             disabled: !isXMLFileExt(getSelectedDcmtsOrFocused(selectedItems, focusedItem)?.[0]?.FILEEXT) ? true : disabledForSingleRow(selectedItems, focusedItem),
-            text: SDKUI_Localizator.DownloadXMLAttachments, onClick: () => downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Attachment, "download", undefined, confirmAttachments, true)
+            name: SDKUI_Localizator.DownloadXMLAttachments, onClick: () => downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Attachment, "download", undefined, confirmAttachments, true)
         };
     };
     const duplicateDocumentMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconArchiveDoc, {})),
-            text: SDKUI_Localizator.DuplicateDocument,
+            id: 'dup',
+            icon: _jsx(IconArchiveDoc, {}),
+            name: SDKUI_Localizator.DuplicateDocument,
             operationType: 'singleRow',
             disabled: dtd?.perm?.canArchive !== AccessLevelsEx.Yes && dtd?.perm?.canArchive !== AccessLevelsEx.Mixed ? true : disabledForSingleRow(selectedItems, focusedItem),
             onClick: () => { openFormHandler?.(LayoutModes.Ark); }
@@ -227,8 +243,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const batchUpdateMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconBatchUpdate, {})),
-            text: SDKUI_Localizator.BatchUpdate,
+            id: 'batch',
+            icon: _jsx(IconBatchUpdate, {}),
+            name: SDKUI_Localizator.BatchUpdate,
             operationType: 'multiRow',
             disabled: dtd?.perm?.canUpdate !== AccessLevelsEx.Yes && dtd?.perm?.canUpdate !== AccessLevelsEx.Mixed ? true : disabledForMultiRow(selectedItems, focusedItem),
             onClick: () => openBatchUpdateFormHandler?.(true)
@@ -236,8 +253,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const passToArchive = () => {
         return {
-            icon: svgToString(_jsx(IconMenuCAArchive, { fontSize: 16, viewBox: '11 11.5 26 27', strokeWidth: 2, color: 'black' })),
-            text: SDKUI_Localizator.PassToArchive,
+            id: 'p2a',
+            icon: _jsx(IconMenuCAArchive, { fontSize: 16, viewBox: '11 11.5 26 27', strokeWidth: 2, color: 'black' }),
+            name: SDKUI_Localizator.PassToArchive,
             operationType: 'singleRow',
             disabled: disabledForSingleRow(selectedItems, focusedItem),
             onClick: async () => {
@@ -279,8 +297,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
         // Determine whether the menu item should be disabled
         const isDisabled = !canSubstitute || disabledForSingleRow(selectedItems, focusedItem) || !isPdf || isSigned;
         return {
-            icon: svgToString(_jsx(IconEdit, {})),
-            text: "PDF Editor",
+            id: 'pdf-ed',
+            icon: _jsx(IconEdit, {}),
+            name: "PDF Editor",
             operationType: 'singleRow',
             disabled: isDisabled,
             onClick: () => openEditPdfCallback(getSelectedDcmtsOrFocused(selectedItems, focusedItem)),
@@ -288,34 +307,38 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const signatureMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconSignaturePencil, {})),
-            text: SDKUI_Localizator.Signature,
+            id: 'sign',
+            icon: _jsx(IconSignaturePencil, {}),
+            name: SDKUI_Localizator.Signature,
             disabled: disabledForSingleRow(selectedItems, focusedItem) && disabledForMultiRow(selectedItems, focusedItem),
-            items: [
+            submenu: [
                 {
-                    icon: svgToString(_jsx(IconSignaturePencil, {})),
+                    id: 'sign-do',
+                    icon: _jsx(IconSignaturePencil, {}),
                     operationType: 'singleRow',
                     disabled: disabledForSingleRow(selectedItems, focusedItem),
-                    text: SDKUI_Localizator.Signature,
+                    name: SDKUI_Localizator.Signature,
                     onClick: handleSignApprove
                 },
                 /* {
-                    icon: svgToString(<IconSettings />),
+                    icon: <IconSettings />,
                     operationType: 'singleRow',
                     disabled: disabledForSingleRow(selectedItems, focusedItem),
-                    text: SDKUI_Localizator.SignatureSettings,
+                    name: SDKUI_Localizator.SignatureSettings,
                     onClick: openSignSettingsForm
                 }, */
                 {
-                    icon: svgToString(_jsx(IconCircleInfo, {})),
-                    text: SDKUI_Localizator.SignatureInformation,
+                    id: 'sign-info',
+                    icon: _jsx(IconCircleInfo, {}),
+                    name: SDKUI_Localizator.SignatureInformation,
                     operationType: 'singleRow',
                     disabled: disabledForSingleRow(selectedItems, focusedItem),
                     onClick: () => signatureInformationCallback(isMobile, getSelectedDcmtsOrFocused(selectedItems, focusedItem))
                 },
                 {
-                    icon: svgToString(_jsx(IconCheckIn, {})),
-                    text: SDKUI_Localizator.VerifySignature,
+                    id: 'sign-verify',
+                    icon: _jsx(IconCheckIn, {}),
+                    name: SDKUI_Localizator.VerifySignature,
                     operationType: 'multiRow',
                     disabled: disabledForMultiRow(selectedItems, focusedItem),
                     onClick: async () => { await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.VerifySign); }
@@ -330,44 +353,51 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
         const firstDoc = selectedDocs?.[0];
         const { cicoEnabled, checkoutStatus } = getDcmtCicoStatus(firstDoc, allUsers, dtd);
         return {
-            icon: svgToString(_jsx(IconFileDots, {})),
-            text: "Check in/Check out",
+            id: 'cico',
+            icon: _jsx(IconFileDots, {}),
+            name: "Check in/Check out",
             disabled: firstDoc === undefined || disabledForSingleRow(selectedItems, focusedItem),
-            items: [
+            submenu: [
                 {
-                    icon: "edit",
-                    text: 'Check out',
+                    id: 'co',
+                    icon: _jsx("span", { style: { fontSize: '18px' }, className: "dx-icon-edit" }),
+                    name: 'Check out',
                     disabled: !cicoEnabled || checkoutStatus.isCheckedOut || disabledForSingleRow(selectedItems, focusedItem),
                     onClick: () => handleCheckOutOperationCallback(true),
                 },
                 {
-                    icon: "unlock",
-                    text: 'Check in',
+                    id: 'ci',
+                    icon: _jsx("span", { style: { fontSize: '18px' }, className: "dx-icon-unlock" }),
+                    name: 'Check in',
                     onClick: () => handleCheckInOperationCallback(),
                     disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode' || disabledForSingleRow(selectedItems, focusedItem)
                 },
                 {
-                    icon: "remove",
-                    text: SDKUI_Localizator.CancelCheckOut,
+                    id: 'co-cancel',
+                    icon: _jsx("span", { style: { fontSize: '18px' }, className: "dx-icon-remove" }),
+                    name: SDKUI_Localizator.CancelCheckOut,
                     disabled: !cicoEnabled || !checkoutStatus.isCheckedOut || checkoutStatus.mode === 'lockMode' || disabledForSingleRow(selectedItems, focusedItem),
                     onClick: () => handleCheckOutOperationCallback(false),
                 },
                 {
-                    icon: "info",
-                    text: SDKUI_Localizator.CheckoutInfo,
+                    id: 'co-info',
+                    icon: _jsx("span", { style: { fontSize: '18px' }, className: "dx-icon-info" }),
+                    name: SDKUI_Localizator.CheckoutInfo,
                     onClick: showCheckoutInformationFormCallback,
                     disabled: !checkoutStatus.isCheckedOut || disabledForSingleRow(selectedItems, focusedItem)
                 },
                 {
-                    icon: "copy",
-                    text: SDKUI_Localizator.CopyCheckoutPath,
-                    onClick: infoCheckCopyToClipboard,
+                    id: 'co-path',
+                    icon: _jsx("span", { style: { fontSize: '18px' }, className: "dx-icon-copy" }),
+                    name: SDKUI_Localizator.CopyCheckoutPath,
+                    onClick: copyCheckoutPathToClipboardOperationCallback,
                     disabled: !checkoutStatus.isCheckedOut || disabledForSingleRow(selectedItems, focusedItem)
                 },
                 {
-                    icon: "clock",
-                    text: SDKUI_Localizator.History,
-                    disabled: checkoutStatus.version === 1 || disabledForSingleRow(selectedItems, focusedItem),
+                    id: 'co-hist',
+                    icon: _jsx("span", { style: { fontSize: '18px' }, className: "dx-icon-clock" }),
+                    name: SDKUI_Localizator.History,
+                    disabled: !cicoEnabled || disabledForSingleRow(selectedItems, focusedItem),
                     onClick: viewHistoryCallback,
                 },
             ]
@@ -375,43 +405,49 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const relationsMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconRelation, {})),
-            text: SDKUI_Localizator.Relations,
+            id: 'rel',
+            icon: _jsx(IconRelation, {}),
+            name: SDKUI_Localizator.Relations,
             operationType: 'multiRow',
             disabled: disabledForMultiRow(selectedItems, focusedItem),
-            items: [
+            submenu: [
                 {
-                    icon: svgToString(_jsx(IconPair, {})),
-                    text: SDKUI_Localizator.MatchManyDocumentsManyToMany,
+                    id: 'rel-pair',
+                    icon: _jsx(IconPair, {}),
+                    name: SDKUI_Localizator.MatchManyDocumentsManyToMany,
                     operationType: 'multiRow',
                     disabled: !hasManyToManyRelation || disabledForMultiRow(selectedItems, focusedItem),
                     onClick: async () => await pairManyToManyDocuments?.(true)
                 },
                 {
-                    icon: svgToString(_jsx(IconUnpair, {})),
-                    text: SDKUI_Localizator.UnmatchManyDocumentsManyToMany,
+                    id: 'rel-unpair',
+                    icon: _jsx(IconUnpair, {}),
+                    name: SDKUI_Localizator.UnmatchManyDocumentsManyToMany,
                     operationType: 'multiRow',
                     disabled: !hasManyToManyRelation || disabledForMultiRow(selectedItems, focusedItem),
                     onClick: async () => await pairManyToManyDocuments?.(false)
                 },
                 {
-                    icon: svgToString(_jsx(IconArchiveMaster, {})),
-                    text: SDKUI_Localizator.ArchiveMasterDocument,
+                    id: 'rel-ark-mst',
+                    icon: _jsx(IconArchiveMaster, {}),
+                    name: SDKUI_Localizator.ArchiveMasterDocument,
                     operationType: 'multiRow',
                     beginGroup: true,
                     disabled: canArchiveMasterRelation !== true,
                     onClick: async () => await archiveMasterDocuments?.(focusedItem?.TID)
                 },
                 {
-                    icon: svgToString(_jsx(IconArchiveDetail, {})),
-                    text: SDKUI_Localizator.ArchiveDetailDocument,
+                    id: 'rel-ark-det',
+                    icon: _jsx(IconArchiveDetail, {}),
+                    name: SDKUI_Localizator.ArchiveDetailDocument,
                     operationType: 'multiRow',
                     disabled: canArchiveDetailRelation !== true,
                     onClick: async () => await archiveDetailDocuments?.(focusedItem?.TID)
                 },
                 {
-                    icon: svgToString(_jsx(IconDetailDcmts, { transform: 'scale(-1, 1)' })),
-                    text: SDKUI_Localizator.DcmtsMaster,
+                    id: 'rel-mst',
+                    icon: _jsx(IconDetailDcmts, { transform: 'scale(-1, 1)' }),
+                    name: SDKUI_Localizator.DcmtsMaster,
                     operationType: 'singleRow',
                     visible: true,
                     beginGroup: true,
@@ -419,8 +455,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
                     onClick: () => openMasterDcmtsFormHandler?.(true)
                 },
                 {
-                    icon: svgToString(_jsx(IconDetailDcmts, {})),
-                    text: SDKUI_Localizator.DcmtsDetail,
+                    id: 'rel-det',
+                    icon: _jsx(IconDetailDcmts, {}),
+                    name: SDKUI_Localizator.DcmtsDetail,
                     operationType: 'multiRow',
                     disabled: !hasDetailRelation || disabledForMultiRow(selectedItems, focusedItem),
                     visible: true,
@@ -431,21 +468,24 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const sharedDcmtsMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconSharedDcmt, {})),
-            text: SDKUI_Localizator.SharedDocuments,
+            id: 'shr',
+            icon: _jsx(IconSharedDcmt, {}),
+            name: SDKUI_Localizator.SharedDocuments,
             operationType: 'multiRow',
             disabled: disabledForMultiRow(selectedItems, focusedItem),
-            items: [
+            submenu: [
                 {
-                    icon: svgToString(_jsx(IconSharedDcmt, {})),
-                    text: SDKUI_Localizator.SharedArchiving,
+                    id: 'shr-ark',
+                    icon: _jsx(IconSharedDcmt, {}),
+                    name: SDKUI_Localizator.SharedArchiving,
                     operationType: 'singleRow',
                     disabled: disabledForSingleRow(selectedItems, focusedItem),
                     onClick: async () => { await openSharedArchiveHandler(); }
                 },
                 {
-                    icon: svgToString(_jsx(IconSharedDcmt, {})),
-                    text: SDKUI_Localizator.ShowSharedDocuments,
+                    id: 'shr-show',
+                    icon: _jsx(IconSharedDcmt, {}),
+                    name: SDKUI_Localizator.ShowSharedDocuments,
                     operationType: 'multiRow',
                     disabled: disabledForSingleRow(selectedItems, focusedItem),
                     onClick: async () => { await showSharedDcmtsHandler(); }
@@ -453,23 +493,23 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
             ]
         };
     };
-    /* const shareMenuItem = (): TMDataGridContextMenuItem => {
+    /* const shareMenuItem = (): TMContextMenuItemProps => {
         return {
-            icon: svgToString(<IconShare />),
-            text: "Condivisione",
+            icon: <IconShare />,
+            name: "Condivisione",
             operationType: 'multiRow',
             disabled: fromDatagrid ? false : disabledForMultiRow(selectedItems, focusedItem),
-            items: [
+            submenu: [
                 {
-                    icon: svgToString(<IconShare />),
-                    text: "Archiviazione condivisa",
+                    icon: <IconShare />,
+                    name: "Archiviazione condivisa",
                     operationType: 'multiRow',
                     disabled: fromDatagrid ? false : disabledForMultiRow(selectedItems, focusedItem),
                     onClick: () => ShowAlert({ message: "TODO Archiviazione condivisa", mode: 'info', title: `${"TODO"}`, duration: 3000 })
                 },
                 {
-                    icon: svgToString(<IconSharedDcmt />),
-                    text: "Documenti condivisi",
+                    icon: <IconSharedDcmt />,
+                    name: "Documenti condivisi",
                     operationType: 'multiRow',
                     disabled: fromDatagrid ? false : disabledForMultiRow(selectedItems, focusedItem),
                     onClick: () => ShowAlert({ message: "TODO Documenti condivisi", mode: 'info', title: `${"TODO"}`, duration: 3000 })
@@ -479,14 +519,16 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     } */
     const fullTextSearchMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconSearch, {})),
-            text: SDKUI_Localizator.FullTextSearch,
+            id: 'ft',
+            icon: _jsx(IconSearch, {}),
+            name: SDKUI_Localizator.FullTextSearch,
             operationType: 'multiRow',
             disabled: disabledForMultiRow(selectedItems, focusedItem),
-            items: [
+            submenu: [
                 {
-                    icon: svgToString(_jsx(IconInfo, {})),
-                    text: SDKUI_Localizator.IndexingInformation,
+                    id: 'ft-info',
+                    icon: _jsx(IconInfo, {}),
+                    name: SDKUI_Localizator.IndexingInformation,
                     operationType: 'singleRow',
                     disabled: disabledForSingleRow(selectedItems, focusedItem),
                     onClick: async () => {
@@ -505,23 +547,26 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
                     }
                 },
                 {
-                    icon: svgToString(_jsx(IconArchiveDoc, {})),
-                    text: SDKUI_Localizator.IndexOrReindex,
+                    id: 'ft-idx',
+                    icon: _jsx(IconArchiveDoc, {}),
+                    name: SDKUI_Localizator.IndexOrReindex,
                     operationType: 'multiRow',
                     disabled: disabledForMultiRow(selectedItems, focusedItem),
                     onClick: async () => { await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.FreeSearchReindex); }
                 },
                 {
-                    icon: svgToString(_jsx(IconDelete, {})),
-                    text: SDKUI_Localizator.IndexingDelete,
+                    id: 'ft-del',
+                    icon: _jsx(IconDelete, {}),
+                    name: SDKUI_Localizator.IndexingDelete,
                     operationType: 'multiRow',
                     disabled: disabledForMultiRow(selectedItems, focusedItem),
                     onClick: async () => { await runOperationAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DcmtOperationTypes.FreeSearchPurge); }
                 },
                 ...(focusedItem?.FTExplanations !== undefined
                     ? [{
-                            icon: svgToString(_jsx(IconPlatform, {})),
-                            text: SDKUI_Localizator.ResultDetails,
+                            id: 'ft-det',
+                            icon: _jsx(IconPlatform, {}),
+                            name: SDKUI_Localizator.ResultDetails,
                             operationType: 'singleRow',
                             disabled: disabledForSingleRow(selectedItems, focusedItem),
                             onClick: () => {
@@ -533,53 +578,57 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const otherMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconDotsVerticalCircleOutline, {})),
-            text: SDKUI_Localizator.Other,
-            items: [
+            id: 'oth',
+            icon: _jsx(IconDotsVerticalCircleOutline, {}),
+            name: SDKUI_Localizator.Other,
+            submenu: [
                 {
-                    icon: svgToString(_jsx(IconSearch, {})),
-                    text: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
+                    id: 'oth-search',
+                    icon: _jsx(IconSearch, {}),
+                    name: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
                     disabled: false,
                     onClick: handleToggleSearch
                 },
                 {
-                    icon: svgToString(_jsx(IconExportTo, {})),
-                    text: SDKUI_Localizator.ExportTo,
+                    id: 'oth-exp',
+                    icon: _jsx(IconExportTo, {}),
+                    name: SDKUI_Localizator.ExportTo,
                     operationType: 'multiRow',
                     disabled: false,
                     onClick: openExportForm
                 },
                 // {
-                //     icon: svgToString(<IconShow />),
-                //     text: "Mostra footer",
+                //     icon: <IconShow />,
+                //     name: "Mostra footer",
                 //     disabled: false,
                 //     onClick: () => ShowAlert({ message: "TODO Mostra footer", mode: 'info', title: `${"TODO"}`, duration: 3000 })
                 // },
                 {
-                    icon: svgToString(showFloatingBar ? _jsx(IconHide, {}) : _jsx(IconShow, {})),
-                    text: showFloatingBar ? SDKUI_Localizator.HideFloatingBar : SDKUI_Localizator.ShowFloatingBar,
+                    id: 'oth-float',
+                    icon: showFloatingBar ? _jsx(IconHide, {}) : _jsx(IconShow, {}),
+                    name: showFloatingBar ? SDKUI_Localizator.HideFloatingBar : SDKUI_Localizator.ShowFloatingBar,
                     disabled: false,
                     onClick: () => setShowFloatingBar(!showFloatingBar)
                 },
                 // {
-                //     icon: svgToString(<IconSave />),
-                //     text: "Salva layout",
+                //     icon: <IconSave />,
+                //     name: "Salva layout",
                 //     disabled: false,
                 //     onClick: () => ShowAlert({ message: "TODO Salva layout", mode: 'info', title: `${"TODO"}`, duration: 3000 })
                 // },
                 // {
-                //     icon: svgToString(<IconSearch />),
-                //     text: "Trova tutti i riferimenti",
-                //     items: [
+                //     icon: <IconSearch />,
+                //     name: "Trova tutti i riferimenti",
+                //     submenu: [
                 //         {
-                //             icon: svgToString(<IconSearch />),
-                //             text: "Trova tutti i riferimenti",
+                //             icon: <IconSearch />,
+                //             name: "Trova tutti i riferimenti",
                 //             disabled: false,
                 //             onClick: () => ShowAlert({ message: "TODO Trova tutti i riferimenti", mode: 'info', title: `${"TODO"}`, duration: 3000 })
                 //         },
                 //         {
-                //             icon: svgToString(<IconSearch />),
-                //             text: "Trova tutti i riferimenti (anche nello storico)",
+                //             icon: <IconSearch />,
+                //             name: "Trova tutti i riferimenti (anche nello storico)",
                 //             disabled: false,
                 //             onClick: () => ShowAlert({ message: "TODO Trova tutti i riferimenti (anche nello storico)", mode: 'info', title: `${"TODO"}`, duration: 3000 })
                 //         },
@@ -590,8 +639,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const shareFromWgMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconShare, {})),
-            text: SDKUI_Localizator.Share,
+            id: 'wg-share',
+            icon: _jsx(IconShare, {}),
+            name: SDKUI_Localizator.Share,
             visible: workingGroupContext !== undefined && openAddDocumentForm !== undefined,
             disabled: workingGroupContext === undefined,
             onClick: () => openAddDocumentForm && openAddDocumentForm(),
@@ -599,8 +649,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const copyFromWgMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconCopy, {})),
-            text: SDKUI_Localizator.CopyToDrafts,
+            id: 'wg-copy',
+            icon: _jsx(IconCopy, {}),
+            name: SDKUI_Localizator.CopyToDrafts,
             operationType: 'multiRow',
             visible: openWGsCopyMoveForm !== undefined,
             disabled: disabledForMultiRow(selectedItems, focusedItem),
@@ -609,8 +660,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const movetofolderFromWgMenuItem = () => {
         return {
-            icon: svgToString(_jsx(IconMoveToFolder, {})),
-            text: !isMobile ? SDKUI_Localizator.CopyToArchivedDocuments : SDKUI_Localizator.CopyToArchived,
+            id: 'wg-move',
+            icon: _jsx(IconMoveToFolder, {}),
+            name: !isMobile ? SDKUI_Localizator.CopyToArchivedDocuments : SDKUI_Localizator.CopyToArchived,
             operationType: 'multiRow',
             visible: openWGsCopyMoveForm !== undefined,
             disabled: disabledForMultiRow(selectedItems, focusedItem),
@@ -619,8 +671,9 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
     };
     const commentFromWgMenuItem = (beginGroup) => {
         return {
-            icon: "chat",
-            text: SDKUI_Localizator.Comment,
+            id: 'wg-cmt',
+            icon: _jsx("span", { className: "dx-icon-chat" }),
+            name: SDKUI_Localizator.Comment,
             operationType: 'multiRow',
             visible: workingGroupContext !== undefined && openCommentFormCallback !== undefined,
             disabled: workingGroupContext === undefined || disabledForMultiRow(selectedItems, focusedItem),
@@ -628,10 +681,11 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
             beginGroup: beginGroup,
         };
     };
-    const removeFromWgMenuItem = (text) => {
+    const removeFromWgMenuItem = (name) => {
         return {
-            icon: svgToString(_jsx(IconDelete, {})),
-            text: text,
+            id: 'wg-rm',
+            icon: _jsx(IconDelete, {}),
+            name: name,
             operationType: 'multiRow',
             visible: workingGroupContext !== undefined,
             disabled: workingGroupContext === undefined || disabledForMultiRow(selectedItems, focusedItem),
@@ -658,16 +712,17 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
             commentFromWgMenuItem(false),
             removeFromWgMenuItem(SDKUI_Localizator.RemoveFromWorkgroup),
         ];
-        return items.sort((a, b) => a.text.localeCompare(b.text));
+        return items.sort((a, b) => a.name.localeCompare(b.name));
     };
     // MENU STANDARD
     const getDefaultMenuItems = () => {
         return [
             {
-                icon: svgToString(_jsx(IconFileDots, {})),
-                text: !isMobile ? SDKUI_Localizator.DocumentOperations : SDKUI_Localizator.Documents,
+                id: 'doc',
+                icon: _jsx(IconFileDots, {}),
+                name: !isMobile ? SDKUI_Localizator.DocumentOperations : SDKUI_Localizator.Documents,
                 disabled: disabledForSingleRow(selectedItems, focusedItem) && disabledForMultiRow(selectedItems, focusedItem),
-                items: [
+                submenu: [
                     addToFavoriteMenuItem(),
                     addReplaceFileMenuItem(),
                     openFormMenuItem(),
@@ -691,13 +746,14 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
             fullTextSearchMenuItem(),
             otherMenuItem(),
             {
-                icon: svgToString(_jsx(IconUserGroupOutline, {})),
-                text: !isMobile ? SDKUI_Localizator.WorkgroupOperations : SDKUI_Localizator.WorkingGroups,
+                id: 'wg',
+                icon: _jsx(IconUserGroupOutline, {}),
+                name: !isMobile ? SDKUI_Localizator.WorkgroupOperations : SDKUI_Localizator.WorkingGroups,
                 operationType: 'multiRow',
                 visible: openWGsCopyMoveForm !== undefined || workingGroupContext !== undefined,
                 disabled: disabledForMultiRow(selectedItems, focusedItem),
                 beginGroup: true,
-                items: [
+                submenu: [
                     shareFromWgMenuItem(),
                     copyFromWgMenuItem(),
                     movetofolderFromWgMenuItem(),
@@ -708,7 +764,7 @@ export const getCommandsMenuItems = (isMobile, dtd, allUsers, selectedItems, foc
         ];
     };
     if (context === SearchResultContext.ARCHIVED_WORKGROUP) {
-        return getArchivedWorkgroupMenuItems();
+        return addPinIconToItems(getArchivedWorkgroupMenuItems());
     }
-    return getDefaultMenuItems();
+    return addPinIconToItems(getDefaultMenuItems());
 };