@topconsultnpm/sdkui-react 6.21.0-dev2.3 → 6.21.0-dev2.31

package/lib/helper/TMPdfViewer.js

@@ -154,11 +154,11 @@ const TMPdfViewer = (props) => {
                 // Pattern specifici per rilevare JavaScript effettivo nelle strutture PDF
                 const jsPatterns = [
                     // Esempio: /JavaScript [ (app.alert('Hello');) ]
-                    { name: 'JavaScript Dictionary Entry', pattern: /\/JavaScript\s*[(\[<][\s\S]*?[)\]>]/i },
+                    { name: 'JavaScript Dictionary Entry', pattern: /\/JavaScript\s+[(\[<][\s\S]*?[)\]>]/i },
                     // Esempio: /JS 15 0 R (riferimento a un oggetto JavaScript)
                     { name: 'JavaScript Object Reference', pattern: /\/JS\s+\d+\s+\d+\s+R/i },
                     // Esempio: /JS (app.alert('Click');) o /JS <hexstring>
-                    { name: 'Inline JavaScript Code', pattern: /\/JS\s*[(<][\s\S]*?[)>]/i },
+                    { name: 'Inline JavaScript Code', pattern: /\/JS\s+[(<][\s\S]*?[)>]/i },
                     // Esempio: /AA << /O << /S /JavaScript /JS (app.alert('Open');) >> >>
                     { name: 'Additional Actions (AA) with JavaScript', pattern: /\/AA\s*<<[\s\S]*?\/JS[\s\S]*?>>/is },
                     // Esempio: /OpenAction << /S /JavaScript /JS (this.print();) >>
@@ -258,11 +258,11 @@ const TMPdfViewer = (props) => {
                 const normalizedIndex = normalizedContext.indexOf(normalizedMatch);
                 if (normalizedIndex === -1) {
                     // Se ancora non trova, mostra tutto in grassetto rosso
-                    return _jsx("strong", { style: { color: '#d32f2f', fontWeight: 'bold' }, children: context });
+                    return _jsx("strong", { style: { color: '#e65100', fontWeight: 'bold' }, children: context });
                 }
-                return (_jsxs(_Fragment, { children: [normalizedContext.substring(0, normalizedIndex), _jsx("strong", { style: { color: '#d32f2f', fontWeight: 'bold', background: '#ffebee' }, children: normalizedContext.substring(normalizedIndex, normalizedIndex + normalizedMatch.length) }), normalizedContext.substring(normalizedIndex + normalizedMatch.length)] }));
+                return (_jsxs(_Fragment, { children: [normalizedContext.substring(0, normalizedIndex), _jsx("strong", { style: { color: '#e65100', fontWeight: 'bold', background: '#fff3e0' }, children: normalizedContext.substring(normalizedIndex, normalizedIndex + normalizedMatch.length) }), normalizedContext.substring(normalizedIndex + normalizedMatch.length)] }));
             }
-            return (_jsxs(_Fragment, { children: [context.substring(0, matchIndex), _jsx("strong", { style: { color: '#d32f2f', fontWeight: 'bold', background: '#ffebee' }, children: context.substring(matchIndex, matchIndex + matchText.length) }), context.substring(matchIndex + matchText.length)] }));
+            return (_jsxs(_Fragment, { children: [context.substring(0, matchIndex), _jsx("strong", { style: { color: '#e65100', fontWeight: 'bold', background: '#fff3e0' }, children: context.substring(matchIndex, matchIndex + matchText.length) }), context.substring(matchIndex + matchText.length)] }));
         };
         TMMessageBoxManager.show({
             title: `${SDKUI_Localizator.Attention}: ${SDKUI_Localizator.PotentiallyUnsafeContent}`,
@@ -273,8 +273,8 @@ const TMPdfViewer = (props) => {
             message: (_jsxs("div", { style: { maxHeight: '500px', overflowY: 'auto', padding: '10px', lineHeight: '1.6' }, children: [_jsxs("div", { style: {
                             marginBottom: '20px',
                             padding: '12px',
-                            background: '#fff3cd',
-                            border: '1px solid #ffc107',
+                            background: '#fff8e1',
+                            border: '1px solid #ffe0b2',
                             borderRadius: '6px',
                             fontSize: '14px',
                             wordBreak: 'normal',
@@ -282,22 +282,22 @@ const TMPdfViewer = (props) => {
                         }, children: [_jsxs("strong", { children: [SDKUI_Localizator.Attention, ":"] }), " ", SDKUI_Localizator.PotentiallyUnsafeCodePatternsDetected.replaceParams(jsMatches.length.toString())] }), jsMatches.length > 0 ? (jsMatches.map((match, index) => (_jsxs("div", { style: {
                             marginBottom: '16px',
                             padding: '16px',
-                            border: '1px solid #ffcdd2',
+                            border: '1px solid #ffe0b2',
                             borderRadius: '8px',
                             background: '#fff',
                             boxShadow: '0 1px 3px rgba(0,0,0,0.1)'
                         }, children: [_jsx("div", { style: {
                                     marginBottom: '12px',
                                     paddingBottom: '8px',
-                                    borderBottom: '2px solid #f44336'
+                                    borderBottom: '2px solid #ffb74d'
                                 }, children: _jsxs("strong", { style: {
-                                        color: '#d32f2f',
+                                        color: '#e65100',
                                         fontSize: '15px',
                                         display: 'flex',
                                         alignItems: 'center',
                                         gap: '8px'
                                     }, children: [_jsx("span", { style: {
-                                                background: '#f44336',
+                                                background: '#ff9800',
                                                 color: '#fff',
                                                 borderRadius: '50%',
                                                 width: '24px',
@@ -311,7 +311,7 @@ const TMPdfViewer = (props) => {
                                         background: '#f5f5f5',
                                         padding: '10px',
                                         borderRadius: '4px',
-                                        borderLeft: '3px solid #f44336',
+                                        borderLeft: '3px solid #ff9800',
                                         fontFamily: 'Consolas, Monaco, monospace',
                                         fontSize: '12px',
                                         wordBreak: 'break-all',
@@ -408,23 +408,24 @@ const TMPdfViewer = (props) => {
                         display: 'flex',
                         justifyContent: 'center',
                         alignItems: 'center',
-                        padding: '12px 20px',
-                        background: '#fff3cd',
-                        borderTop: '2px solid #ffc107',
-                        gap: '8px',
+                        padding: '8px 16px',
+                        background: '#fff8e1',
+                        borderTop: '1px solid #ffe0b2',
+                        gap: '5px',
                         flexShrink: 0
-                    }, children: [_jsxs("span", { style: {
+                    }, children: [jsMatches.length > 0 && (_jsx("span", { className: "dx-icon-info", style: {
+                                fontSize: '18px',
+                                color: '#e65100',
+                                cursor: 'pointer',
+                                transition: 'color 0.2s',
+                                flexShrink: 0
+                            }, onClick: showMatchDetails, title: "Clicca per vedere i dettagli", onMouseEnter: (e) => e.currentTarget.style.color = '#bf360c', onMouseLeave: (e) => e.currentTarget.style.color = '#e65100' })), _jsxs("span", { style: {
                                 color: '#856404',
+                                fontSize: '13px',
                                 whiteSpace: 'nowrap',
                                 overflow: 'hidden',
                                 textOverflow: 'ellipsis',
                                 flex: 1
-                            }, children: [_jsx("strong", { children: "Attenzione:" }), " Questo documento contiene contenuti potenzialmente non sicuri."] }), jsMatches.length > 0 && (_jsx("span", { className: "dx-icon-info", style: {
-                                fontSize: '20px',
-                                color: '#d32f2f',
-                                cursor: 'pointer',
-                                transition: 'color 0.2s',
-                                marginLeft: '4px'
-                            }, onClick: showMatchDetails, title: "Clicca per vedere i dettagli", onMouseEnter: (e) => e.currentTarget.style.color = '#b71c1c', onMouseLeave: (e) => e.currentTarget.style.color = '#d32f2f' }))] }))] }) }));
+                            }, children: [_jsx("strong", { children: "Attenzione:" }), " Questo documento contiene contenuti potenzialmente non sicuri."] })] }))] }) }));
 };
 export default TMPdfViewer;

package/lib/hooks/useDataUserIdItem.js

@@ -15,7 +15,7 @@ export const useDataUserIdItem = () => {
         if (userIDs.size === 0)
             return;
         try {
-            const results = await Promise.all(Array.from(userIDs).map(id => UserListCacheService.GetAsync(id).then(user => ({ id, user }))
+            const results = await Promise.all(Array.from(userIDs).filter(id => id > 0).map(id => UserListCacheService.GetAsync(id).then(user => ({ id, user }))
                 .catch(() => ({ id, user: undefined }))));
             const newCache = new Map();
             results.forEach(({ id, user }) => {
@@ -70,17 +70,19 @@ export const useDataUserIdItem = () => {
      * @returns Elemento React per visualizzare l'utente
      */
     const renderUserIdViewer = useCallback((userId, showIcon = false, showTitile = true) => {
-        const ud = userId && userId > 0 ? getUserItem(userId) : undefined;
+        const ud = userId !== undefined && userId > 0 ? getUserItem(userId) : undefined;
         const getIcon = () => {
             if (!showIcon)
                 return null;
-            if (!userId)
+            if (userId === undefined)
                 return null;
             return ud ? _jsx(TMUserIcon, { ud: ud }) : _jsx("span", { title: showTitile ? SDKUI_Localizator.ValueNotPresent : undefined, style: { display: 'inline-flex', alignItems: 'center' }, children: _jsx(IconWarning, { color: TMColors.warning }) });
         };
         const getDescription = () => {
-            if (!userId)
+            if (userId == null)
                 return undefined;
+            if (userId === 0)
+                return SDKUI_Localizator.SystemUser;
             return ud ? getCompleteUserName(ud.domain, ud.name) : userId.toString() ?? SDKUI_Localizator.NoneSelection;
         };
         return (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '4px', lineHeight: 1 }, children: [getIcon(), _jsx("span", { style: { lineHeight: 'normal' }, children: getDescription() })] }));

package/lib/hooks/useDocumentOperations.d.ts

@@ -110,6 +110,7 @@ export interface UseDocumentOperationsResult {
         isOpenBatchUpdate: boolean;
         isModifiedBatchUpdate: boolean;
         updateBatchUpdateForm: (value: boolean) => void;
+        closeDcmtFormHandler: () => void;
         handleSignApprove: () => void;
         showSearchTMDatagrid: boolean;
         showExportForm: boolean;

package/lib/hooks/useDocumentOperations.js

@@ -182,6 +182,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]);
@@ -542,12 +545,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, {}),
@@ -975,7 +976,7 @@ export const useDocumentOperations = (props) => {
     };
     const handleWFOperationCompleted = async () => {
         await onWFOperationCompleted?.();
-        if (context !== SearchResultContext.DCMT_FORM && !showMoreInfoPopup) {
+        if (!showMoreInfoPopup) {
             onCloseDcmtForm?.();
         }
     };
@@ -1128,7 +1129,7 @@ export const useDocumentOperations = (props) => {
     };
     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 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,
@@ -1148,7 +1149,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);
@@ -1209,6 +1210,7 @@ export const useDocumentOperations = (props) => {
             isOpenBatchUpdate,
             isModifiedBatchUpdate,
             updateBatchUpdateForm,
+            closeDcmtFormHandler,
             handleSignApprove,
             checkoutInfo: {
                 showHistory,

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.3",
+    "version": "6.21.0-dev2.31",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -40,7 +40,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts": "6.21.0-dev2.2",
+        "@topconsultnpm/sdk-ts": "6.21.0-dev2.5",
         "buffer": "^6.0.3",
         "devextreme": "^25.2.6",
         "devextreme-react": "^25.2.6",