@topconsultnpm/sdkui-react 6.21.0-dev2.5 → 6.21.0-dev2.51

package/lib/hooks/useDocumentOperations.js

@@ -23,6 +23,8 @@ import { useInputAttachmentsDialog, useInputCvtFormatDialog } from "./useInputDi
 import { useRelatedDocuments } from "./useRelatedDocuments";
 import { convertSearchResultDescriptorToFileItems, dcmtsFileCachePreview, getDcmtCicoStatus, getMoreInfoTasksForDocument, IconActivity, IconArchiveDetail, IconArchiveDoc, IconArchiveMaster, IconBatchUpdate, IconCheck, IconCheckFile, IconCheckIn, IconCircleInfo, IconCloseCircle, IconConvertFilePdf, IconCopy, IconCustom, IconDelete, IconDetailDcmts, IconDotsVerticalCircleOutline, IconDownload, IconEdit, IconExportTo, IconFileDots, IconHide, IconInfo, IconMenuCAArchive, IconMoveToFolder, IconPair, IconPin, IconPlatform, IconPreview, IconRelation, IconSearch, IconShare, IconSharedDcmt, IconShow, IconSignaturePencil, IconStar, IconSubstFile, IconUndo, IconUnpair, IconUserGroupOutline, isPdfEditorAvailable, SDKUI_Localizator, searchResultToMetadataValues, TMImageLibrary } from '../helper';
 import { isXMLFileExt } from "../helper/dcmtsHelper";
+import TMCopyToFolderForm from "../components/features/documents/TMCopyToFolderForm";
+import TMMergeToPdfForm from "../components/features/documents/TMMergeToPdfForm";
 export const getSelectedDcmtsOrFocused = (selectedItems, focusedItem, fileFormat) => {
     if (selectedItems.length <= 0 && !focusedItem)
         return [];
@@ -49,7 +51,7 @@ export const getAllFieldSelectedDcmtsOrFocused = (selectedItems, focusedItem, fi
     return [];
 };
 export const useDocumentOperations = (props) => {
-    const { context, documentData, exportData, uiConfig, tasks, callbacks, } = props;
+    const { context, documentData, exportData, uiConfig, tasks, callbacks, mergePdfManager } = props;
     const { dtd, selectedItems, focusedItem, searchResult, currentSearchResults, currentMetadataValues, allUsers = [], datagridUtility, dcmtUtility, } = documentData;
     /** State for managing the document(s) to process */
     const [selectedDcmtInfos, setSelectedDcmtInfos] = useState([]);
@@ -162,8 +164,15 @@ export const useDocumentOperations = (props) => {
     const [showMoreInfoPopup, setShowMoreInfoPopup] = useState(false);
     const [isOpenBatchUpdate, setIsOpenBatchUpdate] = useState(false);
     const [isModifiedBatchUpdate, setIsModifiedBatchUpdate] = useState(false);
+    const [openCopyToFolderForm, setOpenCopyToFolderForm] = useState({ open: false, operationType: 'copyToFolder', mode: 'onlySelected' });
+    const [showTMRelationViewerInCopyToFolderForm, setShowTMRelationViewerInCopyToFolderForm] = useState(false);
+    // State to control modal opening for master/detail documents
+    const [isOpenDetailsModal, setIsOpenDetailsModal] = useState(false);
+    const [isOpenMasterModal, setIsOpenMasterModal] = useState(false);
     const openDetailDcmtsFormHandler = (value) => { setIsOpenDetails(value); };
     const openMasterDcmtsFormHandler = (value) => { setIsOpenMaster(value); };
+    const openDetailDcmtsModalHandler = (value) => { setIsOpenDetailsModal(value); };
+    const openMasterDcmtsModalHandler = (value) => { setIsOpenMasterModal(value); };
     // State to control whether the export form (for exporting to Excel/CSV/txt and others) should be shown
     const [showExportForm, setShowExportForm] = useState(false);
     const updateShowApprovePopup = (value) => {
@@ -182,6 +191,9 @@ export const useDocumentOperations = (props) => {
         setIsOpenDcmtForm(isOpen);
         setDcmtFormLayoutMode(layoutMode);
     };
+    const closeDcmtFormHandler = () => {
+        setIsOpenDcmtForm(false);
+    };
     const handleAddItem = (tid, did) => {
         let newItem = { TID: tid ?? 0, DID: did ?? 0 };
         setSecondaryMasterDcmts((prevItems) => [...prevItems, newItem]);
@@ -256,14 +268,14 @@ export const useDocumentOperations = (props) => {
     };
     const openSharedArchiveHandler = async () => {
         if (selectedDcmtInfos.length === 0) {
-            ShowAlert({ message: "Nessun documento selezionato", mode: "warning", title: 'Archiviazione Condivisa', duration: 3000 });
+            ShowAlert({ message: SDKUI_Localizator.NoDcmtSelected, mode: "warning", title: SDKUI_Localizator.SharedArchiving, duration: 3000 });
             return;
         }
         if (dtd?.perm?.canArchive !== AccessLevelsEx.Yes && dtd?.perm?.canArchive !== AccessLevelsEx.Mixed) {
             ShowAlert({
                 message: "Non hai i permessi per archiviare documenti di questo tipo.",
                 mode: 'warning',
-                title: 'Archivio Condivisa',
+                title: SDKUI_Localizator.SharedArchiving,
                 duration: 5000
             });
             return;
@@ -273,7 +285,7 @@ export const useDocumentOperations = (props) => {
             rfo.retrieveReason = DcmtOpers.None;
             rfo.generalRetrieveFormat = GeneralRetrieveFormats.OriginalUnsigned;
             const dcmt = selectedDcmtInfos[0];
-            let dcmtFile = await getDcmtFileAsync({ TID: dcmt?.TID, DID: dcmt?.DID }, rfo, 'Archiviazione Condivisa', false, true);
+            let dcmtFile = await getDcmtFileAsync({ TID: dcmt?.TID, DID: dcmt?.DID }, rfo, SDKUI_Localizator.SharedArchiving, false, true);
             if (dcmtFile) {
                 setSharedDcmtFile(dcmtFile?.file);
             }
@@ -286,7 +298,7 @@ export const useDocumentOperations = (props) => {
     const showSharedDcmtsHandler = async () => {
         try {
             if (selectedDcmtInfos.length === 0) {
-                ShowAlert({ message: "Nessun documento selezionato", mode: "warning", title: 'Documenti Condivisi', duration: 3000 });
+                ShowAlert({ message: SDKUI_Localizator.NoDcmtSelected, mode: "warning", title: SDKUI_Localizator.SharedArchiving, duration: 3000 });
                 return;
             }
             const dcmt = selectedDcmtInfos[0];
@@ -542,12 +554,10 @@ export const useDocumentOperations = (props) => {
         const firstDoc = selectedDcmtInfos?.[0];
         // Check if the selected document is a PDF
         const isPdf = firstDoc?.FILEEXT?.toLowerCase() === "pdf";
-        // Check if the document has been signed
-        const isSigned = firstDoc?.ISSIGNED === 1;
         // Check if the user has permission to substitute files
         const canSubstitute = dtd?.perm?.canSubstFile === AccessLevels.Yes;
         // Determine whether the menu item should be disabled
-        const isDisabled = !canSubstitute || isDisabledForSingleRow() || !isPdf || isSigned;
+        const isDisabled = !canSubstitute || isDisabledForSingleRow() || !isPdf;
         return {
             id: 'pdf-ed',
             icon: _jsx(IconEdit, {}),
@@ -694,7 +704,65 @@ export const useDocumentOperations = (props) => {
             ]
         };
     };
-    const relationsMenuItem = () => {
+    const mergeToPdfMenuItem = () => {
+        return {
+            id: 'merge-pdf',
+            icon: _jsx("i", { className: "dx-icon-pdffile", style: { fontSize: '18px' } }),
+            name: 'Unisci in un file PDF',
+            operationType: 'multiRow',
+            disabled: isDisabledForMultiRow(),
+            submenu: [
+                {
+                    id: 'merge-pdf-only-selected',
+                    icon: _jsx("i", { className: "dx-icon-pdffile", style: { fontSize: '18px' } }),
+                    name: SDKUI_Localizator.SelectedDocuments,
+                    onClick: () => {
+                        setShowTMRelationViewerInCopyToFolderForm(false);
+                        setOpenCopyToFolderForm({ open: true, operationType: 'mergeToPdf', mode: 'onlySelected' });
+                    },
+                },
+                {
+                    id: 'merge-pdf-customized',
+                    icon: _jsx("i", { className: "dx-icon-pdffile", style: { fontSize: '18px' } }),
+                    name: SDKUI_Localizator.SelectedDocumentsAndRelated,
+                    onClick: () => {
+                        setShowTMRelationViewerInCopyToFolderForm(true);
+                        setOpenCopyToFolderForm({ open: true, operationType: 'mergeToPdf', mode: 'customized' });
+                    },
+                },
+            ],
+        };
+    };
+    const copyToFolderMenuItem = () => {
+        return {
+            id: 'copy-to-folder',
+            icon: _jsx(IconCopy, {}),
+            name: SDKUI_Localizator.CopyToFolder,
+            operationType: 'multiRow',
+            disabled: isDisabledForMultiRow(),
+            submenu: [
+                {
+                    id: 'copy-to-folder-only-selected',
+                    icon: _jsx(IconCopy, {}),
+                    name: SDKUI_Localizator.SelectedDocuments,
+                    onClick: () => {
+                        setShowTMRelationViewerInCopyToFolderForm(false);
+                        setOpenCopyToFolderForm({ open: true, operationType: 'copyToFolder', mode: 'onlySelected' });
+                    },
+                },
+                {
+                    id: 'copy-to-folder-customized',
+                    icon: _jsx(IconCopy, {}),
+                    name: SDKUI_Localizator.SelectedDocumentsAndRelated,
+                    onClick: () => {
+                        setShowTMRelationViewerInCopyToFolderForm(true);
+                        setOpenCopyToFolderForm({ open: true, operationType: 'copyToFolder', mode: 'customized', });
+                    },
+                },
+            ],
+        };
+    };
+    const relationsMenuItem = (openInModal = false) => {
         return {
             id: 'rel',
             icon: _jsx(IconRelation, {}),
@@ -743,7 +811,7 @@ export const useDocumentOperations = (props) => {
                     visible: true,
                     beginGroup: true,
                     disabled: !contextConfig.hasMasterRelations || !contextConfig.canShowRelations || isDisabledForMultiRow(),
-                    onClick: () => openMasterDcmtsFormHandler(true)
+                    onClick: () => openInModal ? openMasterDcmtsModalHandler(true) : openMasterDcmtsFormHandler(true)
                 },
                 {
                     id: 'rel-det',
@@ -752,7 +820,7 @@ export const useDocumentOperations = (props) => {
                     operationType: 'multiRow',
                     disabled: !contextConfig.hasDetailRelations || !contextConfig.canShowRelations || isDisabledForMultiRow(),
                     visible: true,
-                    onClick: () => openDetailDcmtsFormHandler(true)
+                    onClick: () => openInModal ? openDetailDcmtsModalHandler(true) : openDetailDcmtsFormHandler(true)
                 }
             ]
         };
@@ -766,10 +834,10 @@ export const useDocumentOperations = (props) => {
             submenu: [
                 {
                     icon: <IconShare />,
-                    name: "Archiviazione condivisa",
+                    name: SDKUI_Localizator.SharedArchiving,
                     operationType: 'multiRow',
                     disabled: fromDatagrid ? false : isDisabledForMultiRow(),
-                    onClick: () => ShowAlert({ message: "TODO Archiviazione condivisa", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                    onClick: () => ShowAlert({ message: "TODO Archiviazione condivisa", mode: 'info', title: `${SDKUI_Localizator.SharedArchiving}`, duration: 3000 })
                 },
                 {
                     icon: <IconSharedDcmt />,
@@ -975,7 +1043,7 @@ export const useDocumentOperations = (props) => {
     };
     const handleWFOperationCompleted = async () => {
         await onWFOperationCompleted?.();
-        if (context !== SearchResultContext.DCMT_FORM && !showMoreInfoPopup) {
+        if (!showMoreInfoPopup) {
             onCloseDcmtForm?.();
         }
     };
@@ -1018,6 +1086,8 @@ export const useDocumentOperations = (props) => {
             },
             signatureMenuItem(),
             checkinMenuItem(),
+            copyToFolderMenuItem(),
+            mergePdfManager ? mergeToPdfMenuItem() : null,
             allowRelations ? relationsMenuItem() : null,
             sharedDcmtsMenuItem(),
             // shareMenuItem(),
@@ -1042,7 +1112,7 @@ export const useDocumentOperations = (props) => {
         ];
     };
     const getArchivedWorkgroupMenuItems = () => {
-        const items = [
+        const sortedItems = [
             addReplaceFileOperation(),
             openFormOperation(),
             deletetionMenuItem(),
@@ -1053,9 +1123,14 @@ export const useDocumentOperations = (props) => {
             copyFromWgMenuItem(),
             movetofolderFromWgMenuItem(),
             commentFromWgMenuItem(false),
+            relationsMenuItem(true),
             removeFromWgMenuItem(SDKUI_Localizator.RemoveFromWorkgroup),
+        ].sort((a, b) => a.name.localeCompare(b.name));
+        return [
+            ...sortedItems,
+            { ...copyToFolderMenuItem(), beginGroup: true },
+            mergeToPdfMenuItem(),
         ];
-        return items.sort((a, b) => a.name.localeCompare(b.name));
     };
     const getDcmtFormMenuItems = () => {
         return [
@@ -1103,6 +1178,8 @@ export const useDocumentOperations = (props) => {
             },
             signatureMenuItem(),
             checkinMenuItem(),
+            copyToFolderMenuItem(),
+            mergeToPdfMenuItem(),
             ...((inputDcmtFormLayoutMode === LayoutModes.Update) ? [fullTextSearchMenuItem()] : []),
         ];
     };
@@ -1127,16 +1204,71 @@ export const useDocumentOperations = (props) => {
         return addPinIconToItems(getOperationMenuItems());
     };
     const renderFloatingBar = (floatingBarContainerRef && floatingBarContainerRef.current && allowFloatingBar && showFloatingBar && deviceType !== DeviceType.MOBILE) ? (_jsx(TMFloatingMenuBar, { containerRef: floatingBarContainerRef, contextMenuItems: operationItems(), isConstrained: true, defaultPosition: { x: 1, y: 88 }, defaultPinnedItems: ['rel-det', 'rel-mst', 'dl'], defaultOrientation: 'horizontal', hasContextMenu: false, pinnedItemIds: pinnedItemIds, onPinChange: setPinnedItemIds })) : null;
+    const masterDetailDetailsCommonProps = {
+        deviceType,
+        isForMaster: false,
+        inputDcmts: selectedDcmtInfos,
+        allowNavigation: selectedDcmtInfos.length === 1,
+        canNext: canNavigateHandler ? canNavigateHandler('next') : false,
+        canPrev: canNavigateHandler ? canNavigateHandler('prev') : false,
+        onNext: () => onNavigateHandler && onNavigateHandler('next'),
+        onPrev: () => onNavigateHandler && onNavigateHandler('prev'),
+        allTasks,
+        getAllTasks,
+        deleteTaskByIdsCallback,
+        addTaskCallback,
+        editTaskCallback,
+        onReferenceClick,
+        handleNavigateToWGs,
+        handleNavigateToDossiers,
+        editPdfForm,
+        openS4TViewer,
+        onOpenS4TViewerRequest,
+        onOpenPdfEditorRequest,
+        onRefreshAfterAddDcmtToFavs,
+        onTaskCreateRequest,
+        datagridUtility,
+        dcmtUtility,
+        mergePdfManager,
+    };
+    const masterDetailMasterCommonProps = {
+        deviceType,
+        isForMaster: true,
+        inputDcmts: selectedDcmtInfos,
+        allowNavigation: selectedDcmtInfos.length === 1,
+        canNext: canNavigateHandler ? canNavigateHandler('next') : false,
+        canPrev: canNavigateHandler ? canNavigateHandler('prev') : false,
+        onNext: () => onNavigateHandler && onNavigateHandler('next'),
+        onPrev: () => onNavigateHandler && onNavigateHandler('prev'),
+        appendMasterDcmts: handleAddItem,
+        allTasks,
+        getAllTasks,
+        deleteTaskByIdsCallback,
+        addTaskCallback,
+        editTaskCallback,
+        onReferenceClick,
+        handleNavigateToWGs,
+        handleNavigateToDossiers,
+        editPdfForm,
+        openS4TViewer,
+        onOpenS4TViewerRequest,
+        onOpenPdfEditorRequest,
+        onRefreshAfterAddDcmtToFavs,
+        onTaskCreateRequest,
+        datagridUtility,
+        dcmtUtility,
+        mergePdfManager,
+    };
     const renderDcmtOperations = (_jsxs(_Fragment, { children: [(showExportForm && searchResult && dataColumns && dataSource && selectedRowKeys) && (_jsx(TMDataGridExportForm, { dataColumns: dataColumns, dataSource: dataSource, selectedRowKeys: selectedRowKeys, onCloseExportForm: () => setShowExportForm(false), searchResult: searchResult })), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDcmtForm, children: ((isOpenDcmtForm && focusedItem?.TID !== undefined && focusedItem?.DID !== undefined) &&
-                    _jsx(TMDcmtForm, { isModal: openDcmtFormAsModal || (dcmtFormLayoutMode === LayoutModes.Ark && focusedItem?.DID !== undefined), titleModal: dtd?.name ?? '', TID: focusedItem.TID, DID: focusedItem.DID, allowButtonsRefs: true, layoutMode: dcmtFormLayoutMode, count: visibleItems?.length, itemIndex: visibleItems ? visibleItems.findIndex(o => o.rowIndex === focusedItem?.rowIndex) + 1 : undefined, canNext: canNavigateHandler ? canNavigateHandler('next') : false, canPrev: canNavigateHandler ? canNavigateHandler('prev') : false, onNext: () => onNavigateHandler && onNavigateHandler('next'), onPrev: () => onNavigateHandler && onNavigateHandler('prev'), onClose: () => { (false); onDcmtFormOpenChange(false, LayoutModes.Update); }, onWFOperationCompleted: onWFOperationCompleted, onTaskCreateRequest: onTaskCreateRequest, onSavedAsyncCallback: onSavedAsyncCallback, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, openFileUploaderPdfEditor: openFileUploaderPdfEditor, onReferenceClick: onReferenceClick, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, focusedItem?.TID, focusedItem?.DID), showDcmtFormSidebar: showDcmtFormSidebar, datagridUtility: {
+                    _jsx(TMDcmtForm, { isModal: openDcmtFormAsModal || (dcmtFormLayoutMode === LayoutModes.Ark && focusedItem?.DID !== undefined), titleModal: dtd?.name ?? '', TID: focusedItem.TID, DID: focusedItem.DID, allowButtonsRefs: true, showTodoDcmtForm: showTodoDcmtForm, layoutMode: dcmtFormLayoutMode, count: visibleItems?.length, itemIndex: visibleItems ? visibleItems.findIndex(o => o.rowIndex === focusedItem?.rowIndex) + 1 : undefined, canNext: canNavigateHandler ? canNavigateHandler('next') : false, canPrev: canNavigateHandler ? canNavigateHandler('prev') : false, onNext: () => onNavigateHandler && onNavigateHandler('next'), onPrev: () => onNavigateHandler && onNavigateHandler('prev'), onClose: () => { (false); onDcmtFormOpenChange(false, LayoutModes.Update); }, onWFOperationCompleted: onWFOperationCompleted, onTaskCreateRequest: onTaskCreateRequest, onSavedAsyncCallback: onSavedAsyncCallback, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, openFileUploaderPdfEditor: openFileUploaderPdfEditor, onReferenceClick: onReferenceClick, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, focusedItem?.TID, focusedItem?.DID), showDcmtFormSidebar: showDcmtFormSidebar, datagridUtility: {
                             onRefreshSearchAsyncDatagrid,
                             onRefreshDataRowsAsync,
                             refreshFocusedDataRowAsync,
                             onRefreshBlogDatagrid,
                             onRefreshPreviewDatagrid
                         } })) }), (showHistory && dtd && selectedDcmtInfos.length > 0) && _jsx(TMViewHistoryDcmt, { fromDTD: dtd, deviceType: deviceType, inputDcmt: selectedDcmtInfos[0], onClose: hideHistoryCallback, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), (commentFormState.show && selectedDcmtInfos.length > 0) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid: selectedDcmtInfos[0].TID, did: selectedDcmtInfos[0].DID } }, onClose: hideCommentFormCallback, refreshCallback: onRefreshBlog, participants: [], showAttachmentsSection: true, allArchivedDocumentsFileItems: convertSearchResultDescriptorToFileItems(currentSearchResults ?? []), isCommentRequired: commentFormState.isRequired, removeAndEditAttachment: commentFormState.removeAndEditAttachment, selectedAttachmentDid: [Number(selectedDcmtInfos[0].DID)] }), (showCheckoutInformationForm && dtd && selectedDcmtInfos.length > 0) &&
-                _jsx(TMDcmtCheckoutInfoForm, { dtdName: dtd.name ?? SDKUI_Localizator.SearchResult, selectedDcmtOrFocused: selectedDcmtInfos[0], onClose: hideCheckoutInformationFormCallback }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDetails, children: isOpenDetails && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: selectedDcmtInfos, allowNavigation: selectedDcmtInfos.length === 1, canNext: canNavigateHandler ? canNavigateHandler('next') : false, canPrev: canNavigateHandler ? canNavigateHandler('prev') : false, onNext: () => onNavigateHandler && onNavigateHandler('next'), onPrev: () => onNavigateHandler && onNavigateHandler('prev'), onBack: () => setIsOpenDetails(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, editPdfForm: editPdfForm, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onTaskCreateRequest: onTaskCreateRequest, datagridUtility: datagridUtility, dcmtUtility: dcmtUtility }) }), _jsxs(StyledMultiViewPanel, { "$isVisible": isOpenMaster, children: [isOpenMaster && _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: selectedDcmtInfos, isForMaster: true, allowNavigation: selectedDcmtInfos.length === 1, canNext: canNavigateHandler ? canNavigateHandler('next') : false, canPrev: canNavigateHandler ? canNavigateHandler('prev') : false, onNext: () => onNavigateHandler && onNavigateHandler('next'), onPrev: () => onNavigateHandler && onNavigateHandler('prev'), onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, editPdfForm: editPdfForm, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onTaskCreateRequest: onTaskCreateRequest, datagridUtility: datagridUtility, dcmtUtility: dcmtUtility }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
-                        return (_jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: [dcmt], isForMaster: true, allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID), appendMasterDcmts: handleAddItem, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, editPdfForm: editPdfForm, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, onTaskCreateRequest: onTaskCreateRequest, datagridUtility: datagridUtility, dcmtUtility: dcmtUtility }) }, `${index}-${dcmt.DID}`));
+                _jsx(TMDcmtCheckoutInfoForm, { dtdName: dtd.name ?? SDKUI_Localizator.SearchResult, selectedDcmtOrFocused: selectedDcmtInfos[0], onClose: hideCheckoutInformationFormCallback }), isOpenDetailsModal && _jsx(TMModal, { width: "95%", height: "95%", onClose: () => setIsOpenDetailsModal(false), title: SDKUI_Localizator.Relations, children: _jsx(TMMasterDetailDcmts, { ...masterDetailDetailsCommonProps, onBack: () => setIsOpenDetailsModal(false) }) }), _jsx(StyledMultiViewPanel, { "$isVisible": isOpenDetails, children: isOpenDetails && _jsx(TMMasterDetailDcmts, { ...masterDetailDetailsCommonProps, onBack: () => setIsOpenDetails(false) }) }), isOpenMasterModal && _jsx(TMModal, { width: "95%", height: "95%", onClose: () => setIsOpenMasterModal(false), title: SDKUI_Localizator.Relations, children: _jsx(TMMasterDetailDcmts, { ...masterDetailMasterCommonProps, onBack: () => setIsOpenMasterModal(false) }) }), _jsxs(StyledMultiViewPanel, { "$isVisible": isOpenMaster, children: [isOpenMaster && _jsx(TMMasterDetailDcmts, { ...masterDetailMasterCommonProps, onBack: () => setIsOpenMaster(false) }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
+                        return (_jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { ...masterDetailMasterCommonProps, inputDcmts: [dcmt], allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID) }) }, `${index}-${dcmt.DID}`));
                     })] }), isOpenArchiveRelationForm && _jsx(TMDcmtForm, { isModal: true, titleModal: SDKUI_Localizator.Archive + ' - ' + (archiveType === 'detail' ? SDKUI_Localizator.DcmtsDetail : SDKUI_Localizator.DcmtsMaster), TID: archiveRelatedDcmtFormTID, layoutMode: LayoutModes.Ark, inputMids: archiveRelatedDcmtFormMids, showBackButton: false, allowButtonsRefs: false, onClose: () => {
                     setIsOpenArchiveRelationForm(false);
                     setArchiveType(undefined);
@@ -1148,7 +1280,7 @@ export const useDocumentOperations = (props) => {
                     setArchiveRelatedDcmtFormTID(undefined);
                     setArchiveRelatedDcmtFormMids([]);
                     await onRefreshSearchAsyncDatagrid?.();
-                }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, showDcmtFormSidebar: showDcmtFormSidebar, openFileUploaderPdfEditor: openFileUploaderPdfEditor }), showRelatedDcmtsChooser &&
+                }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, showDcmtFormSidebar: showDcmtFormSidebar, openFileUploaderPdfEditor: openFileUploaderPdfEditor, showTodoDcmtForm: showTodoDcmtForm }), showRelatedDcmtsChooser &&
                 _jsx(TMChooserForm, { dataSource: relatedDcmtsChooserDataSource, onChoose: async (selectedRelation) => {
                         try {
                             setShowRelatedDcmtsChooser(false);
@@ -1181,8 +1313,8 @@ export const useDocumentOperations = (props) => {
                             TMSpinner.hide();
                         }
                     }, onClose: () => setShowManyToManyChooser(false), manageUseLocalizedName: false }), showPairDcmtsModal &&
-                _jsx(TMModal, { title: (isPairingManyToMany ? "Abbina" : "Disabbina") + " documenti", onClose: () => setShowPairDcmtsModal(false), width: isMobile ? '90%' : '50%', height: isMobile ? '90%' : '70%', children: _jsx(TMSearchResult, { searchResults: pairedSearchResults, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onRefreshSearchAsyncDatagrid: onRefreshSearchAsyncDatagrid, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, editPdfForm: editPdfForm, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, passToArchiveCallback: passToArchiveCallback, showTodoDcmtForm: showTodoDcmtForm, allowFloatingBar: false, floatingActionConfig: pairFloatingActionConfig, showBackButton: false, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter }) }), showPairSearchModal &&
-                _jsx(TMModal, { title: "Ricerca documenti", onClose: () => setShowPairSearchModal(false), width: isMobile ? '90%' : '50%', height: isMobile ? '90%' : '70%', children: _jsx(TMSearch, { onlyShowSearchQueryPanel: true, inputTID: pairSearchModalTargetTID, inputMids: pairSearchModalInputMids, floatingActionConfig: pairSearchModalFloatingActionConfig, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), isOpenSharedArchive && _jsx(TMModal, { title: "Archiviazione condivisa", onClose: () => {
+                _jsx(TMModal, { title: (isPairingManyToMany ? "Abbina" : "Disabbina") + " documenti", onClose: () => setShowPairDcmtsModal(false), width: isMobile ? '90%' : '50%', height: isMobile ? '90%' : '70%', children: _jsx(TMSearchResult, { searchResults: pairedSearchResults, onRefreshAfterAddDcmtToFavs: onRefreshAfterAddDcmtToFavs, onRefreshSearchAsyncDatagrid: onRefreshSearchAsyncDatagrid, onFileOpened: onFileOpened, onTaskCreateRequest: onTaskCreateRequest, openWGsCopyMoveForm: openWGsCopyMoveForm, editPdfForm: editPdfForm, openS4TViewer: openS4TViewer, onOpenS4TViewerRequest: onOpenS4TViewerRequest, onOpenPdfEditorRequest: onOpenPdfEditorRequest, passToArchiveCallback: passToArchiveCallback, showTodoDcmtForm: showTodoDcmtForm, allowFloatingBar: false, floatingActionConfig: pairFloatingActionConfig, showBackButton: false, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, toppyHelpCenterUsePortal: toppyHelpCenterUsePortal, showToppyDraggableHelpCenter: showToppyDraggableHelpCenter, mergePdfManager: mergePdfManager }) }), showPairSearchModal &&
+                _jsx(TMModal, { title: "Ricerca documenti", onClose: () => setShowPairSearchModal(false), width: isMobile ? '90%' : '50%', height: isMobile ? '90%' : '70%', children: _jsx(TMSearch, { onlyShowSearchQueryPanel: true, inputTID: pairSearchModalTargetTID, inputMids: pairSearchModalInputMids, floatingActionConfig: pairSearchModalFloatingActionConfig, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), isOpenSharedArchive && _jsx(TMModal, { title: SDKUI_Localizator.SharedArchiving, onClose: () => {
                     setIsOpenSharedArchive(false);
                 }, width: isMobile ? '90%' : '60%', height: isMobile ? '90%' : '80%', children: _jsx(TMArchive, { inputDID: selectedDcmtInfos?.[0].DID, inputTID: selectedDcmtInfos?.[0].TID, inputMids: currentMetadataValues.filter(md => md.mid && md.mid > 100).map(md => ({ mid: md.mid, value: md.value ?? '' })), isSharedArchive: true, inputFile: sharedDcmtFile, onSavedAsyncCallback: async (tid, did) => {
                         setIsOpenSharedArchive(false);
@@ -1190,11 +1322,11 @@ export const useDocumentOperations = (props) => {
                     }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), sharedDcmtSearchResults.length > 0 &&
                 _jsx(TMModal, { title: "Documenti condivisi", onClose: () => {
                         setSharedDcmtSearchResults([]);
-                    }, width: isMobile ? '90%' : '60%', height: isMobile ? '90%' : '80%', children: _jsx(TMSearchResult, { searchResults: sharedDcmtSearchResults, allowFloatingBar: false, showSelector: true, disableAccordionIfSingleCategory: true, showBackButton: isMobile, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: `${SDKUI_Localizator.BatchUpdate} (${selectedDcmtInfos.length} documenti selezionati)`, inputDcmts: selectedDcmtInfos, TID: selectedDcmtInfos.length > 0 ? selectedDcmtInfos[0]?.TID : undefined, DID: selectedDcmtInfos.length > 0 ? selectedDcmtInfos[0]?.DID : undefined, onBack: () => updateBatchUpdateForm(false), onSavedCallbackAsync: async () => {
+                    }, width: isMobile ? '90%' : '60%', height: isMobile ? '90%' : '80%', children: _jsx(TMSearchResult, { searchResults: sharedDcmtSearchResults, allowFloatingBar: false, showSelector: true, disableAccordionIfSingleCategory: true, showBackButton: isMobile, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, mergePdfManager: mergePdfManager }) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: `${SDKUI_Localizator.BatchUpdate} (${selectedDcmtInfos.length} documenti selezionati)`, inputDcmts: selectedDcmtInfos, TID: selectedDcmtInfos.length > 0 ? selectedDcmtInfos[0]?.TID : undefined, DID: selectedDcmtInfos.length > 0 ? selectedDcmtInfos[0]?.DID : undefined, onBack: () => updateBatchUpdateForm(false), onSavedCallbackAsync: async () => {
                     updateBatchUpdateForm(false);
                     setIsModifiedBatchUpdate(false);
                     await onRefreshDataRowsAsync?.();
-                }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, isReject: 0, onClose: () => updateShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, isReject: 1, onClose: () => updateShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, onClose: () => updateShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { fromDTD: dtd, TID: contextConfig.approvalTID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: handleWFOperationCompleted, onClose: () => updateShowMoreInfoPopup(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, triggerBlogRefresh: onRefreshBlogDatagrid }), _jsx(ConfirmFormatDialog, {}), _jsx(ConfirmAttachmentsDialog, {}), _jsx(FileSourceDialog, {}), taskFormDialogComponent, s4TViewerDialogComponent, currentCustomButton && _jsx(TMCustomButton, { button: currentCustomButton, formData: currentMetadataValues, selectedItems: selectedItemsFull, onClose: () => setCurrentCustomButton(undefined) })] }));
+                }, onStatusChanged: (isModified) => { setIsModifiedBatchUpdate(isModified); } }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, isReject: 0, onClose: () => updateShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, isReject: 1, onClose: () => updateShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: handleWFOperationCompleted, selectedItems: approvalVID ? selectedDcmtInfos.map(item => ({ ...item, TID: approvalVID })) : selectedDcmtInfos, onClose: () => updateShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { fromDTD: dtd, TID: contextConfig.approvalTID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: handleWFOperationCompleted, onClose: () => updateShowMoreInfoPopup(false), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, triggerBlogRefresh: onRefreshBlogDatagrid }), openCopyToFolderForm.open && openCopyToFolderForm.operationType === 'mergeToPdf' && _jsx(TMMergeToPdfForm, { mode: openCopyToFolderForm.mode, selectedDcmtInfos: selectedDcmtInfos, onClose: () => setOpenCopyToFolderForm({ open: false, operationType: 'copyToFolder', mode: 'onlySelected' }), showTMRelationViewer: showTMRelationViewerInCopyToFolderForm, mergePdfManager: mergePdfManager, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), openCopyToFolderForm.open && openCopyToFolderForm.operationType === 'copyToFolder' && _jsx(TMCopyToFolderForm, { mode: openCopyToFolderForm.mode, selectedDcmtInfos: selectedDcmtInfos, onClose: () => setOpenCopyToFolderForm({ open: false, operationType: 'copyToFolder', mode: 'onlySelected' }), showTMRelationViewer: showTMRelationViewerInCopyToFolderForm, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), _jsx(ConfirmFormatDialog, {}), _jsx(ConfirmAttachmentsDialog, {}), _jsx(FileSourceDialog, {}), taskFormDialogComponent, s4TViewerDialogComponent, currentCustomButton && _jsx(TMCustomButton, { button: currentCustomButton, formData: currentMetadataValues, selectedItems: selectedItemsFull, onClose: () => setCurrentCustomButton(undefined) })] }));
     return {
         operationItems: operationItems(),
         renderFloatingBar,
@@ -1209,6 +1341,7 @@ export const useDocumentOperations = (props) => {
             isOpenBatchUpdate,
             isModifiedBatchUpdate,
             updateBatchUpdateForm,
+            closeDcmtFormHandler,
             handleSignApprove,
             checkoutInfo: {
                 showHistory,
@@ -1315,6 +1448,6 @@ export const useDocumentOperations = (props) => {
                 updateShowReAssignPopup,
                 updateShowMoreInfoPopup
             }
-        }
+        },
     };
 };

package/lib/hooks/useForm.js

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { FormModes } from "../ts";
 import { TMExceptionBoxManager, TMSpinner } from "../components";
-import { AreaEngine, BasketTypeEngine, DataListEngine, DcmtTypeEngine, DiskEngine, GroupEngine, JobEngine, JobTypes, LDAPDescriptor, LDAPProviders, NumeratorDescriptor, ObjectClasses, ProcessEngine, RelationEngine, ResultTypes, SAPEngine, SavedQueryEngine, SignCertDescriptor, TaskEngine, TreeDescriptor, TSADescriptor, UserEngine, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts";
+import { AreaEngine, BasketTypeEngine, DataListEngine, DcmtTypeEngine, DiskEngine, GroupEngine, JobEngine, JobTypes, LDAPDescriptor, LDAPProviders, NumeratorEngine, ObjectClasses, ProcessEngine, RelationEngine, ResultTypes, SAPEngine, SavedQueryEngine, SignCertDescriptor, TaskEngine, TreeDescriptor, TSADescriptor, UserEngine, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts";
 import { PlatformObjectService } from "../services";
 import { SDKUI_Localizator, calcIsModified } from "../helper";
 export class SaveFormOptions {
@@ -42,7 +42,7 @@ export function useSaveForm(formMode, id, sfo, validator, onSaved, onStatusChang
                     case ObjectClasses.Disk: return DiskEngine.NewDiskDescriptor();
                     case ObjectClasses.Group: return GroupEngine.NewGroupDescriptor();
                     case ObjectClasses.LDAP: return normalizeLDAP(new LDAPDescriptor());
-                    case ObjectClasses.Numerator: return new NumeratorDescriptor();
+                    case ObjectClasses.Numerator: return NumeratorEngine.NewNormalizeNumeratorDescriptor();
                     case ObjectClasses.SignCert: return normalizeSignCert(new SignCertDescriptor());
                     case ObjectClasses.Tree: return new TreeDescriptor();
                     case ObjectClasses.TSA: return new TSADescriptor();
@@ -101,6 +101,9 @@ export function useSaveForm(formMode, id, sfo, validator, onSaved, onStatusChang
                 newId = await saveCustomAsync();
             else
                 newId = await setDataAsync?.(formMode, formData, ...args);
+            if (newId <= 0) {
+                return;
+            }
             let newData;
             if (sfo.loadDataAfterSave)
                 newData = await loadDataAsync(newId, FormModes.Update);

package/lib/hooks/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
 export declare const useResizeObserver: () => {
-    ref: import("react").RefObject<HTMLDivElement>;
+    ref: (node: HTMLDivElement | null) => void;
     width: number;
 };

package/lib/hooks/useResizeObserver.js

@@ -1,22 +1,23 @@
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 export const useResizeObserver = () => {
     const [width, setWidth] = useState(0);
-    const ref = useRef(null);
+    const [element, setElement] = useState(null);
+    // Callback ref: viene invocato quando l'elemento viene montato/smontato
+    const ref = useCallback((node) => {
+        setElement(node);
+    }, []);
     useEffect(() => {
-        const handleResize = (entries) => {
-            if (entries[0].contentRect) {
+        if (!element)
+            return;
+        // Imposta la larghezza iniziale
+        setWidth(element.getBoundingClientRect().width);
+        const observer = new ResizeObserver((entries) => {
+            if (entries[0]?.contentRect) {
                 setWidth(entries[0].contentRect.width);
             }
-        };
-        const observer = new ResizeObserver(handleResize);
-        if (ref.current) {
-            observer.observe(ref.current);
-        }
-        return () => {
-            if (ref.current) {
-                observer.unobserve(ref.current);
-            }
-        };
-    }, []);
+        });
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [element]);
     return { ref, width };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.21.0-dev2.5",
+    "version": "6.21.0-dev2.51",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -40,7 +40,8 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.21.0-dev2.2",
+        "@topconsultnpm/sdk-ts": "6.21.0-dev2.8",
+        "@zip.js/zip.js": "2.8.26",
         "buffer": "^6.0.3",
         "devextreme": "^25.2.6",
         "devextreme-react": "^25.2.6",