@topconsultnpm/sdkui-react-beta 6.14.80 → 6.14.81

package/lib/components/features/documents/TMDcmtForm.js

@@ -67,17 +67,17 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
     const [dcmtFile, setDcmtFile] = useState(null);
     const [focusedMetadataValue, setFocusedMetadataValue] = useState();
     const [showAll, setShowAll] = useState(layoutMode === LayoutModes.Ark);
-    const [fetchError, setFetchError] = useState(null);
+    const [fetchError, setFetchError] = useState(false);
     const [workItems, setWorkItems] = useState([]);
     const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
     // Custom hook to manage workflow approval data
-    const { workflowApproveData, refreshWorkflowApprove } = useWorkflowApprove();
+    const { workflowApproveData } = useWorkflowApprove();
     const deviceType = useDeviceType();
     const getDcmts = () => { return [{ TID: currentDcmt?.tid, DID: currentDcmt?.did, FILEEXT: currentDcmt?.fileExt }]; };
     const fetchData = async () => {
         try {
-            setFetchError(null); // reset errore prima del fetch
+            setFetchError(false);
             if (!TID)
                 return;
             if (!DID && layoutMode === LayoutModes.Update)
@@ -99,8 +99,9 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
             }
             layoutMode === LayoutModes.Ark && resetHandler();
         }
-        catch (err) {
-            setFetchError(err);
+        catch (e) {
+            setFetchError(true);
+            throw e;
         }
         finally {
             TMSpinner.hide();
@@ -156,7 +157,15 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
         setDcmtFile(fileFromConnector);
     }, [fileFromConnector]);
     useEffect(() => {
-        fetchData();
+        const run = async () => {
+            try {
+                await fetchData();
+            }
+            catch (e) {
+                TMExceptionBoxManager.show({ exception: e });
+            }
+        };
+        run();
     }, [TID, DID]);
     useEffect(() => {
         if (formData.length > 0) {
@@ -230,7 +239,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
     const isSysMetadataDisabled = layoutMode !== LayoutModes.Update;
     const isDetailsDisabled = layoutMode !== LayoutModes.Update || !DID;
     const isMasterDisabled = layoutMode !== LayoutModes.Update || !DID;
-    const showToppyForApprove = layoutMode === LayoutModes.Update && workItems.length > 0 && !isOpenDetails && !isOpenMaster;
+    const showToppyForApprove = layoutMode === LayoutModes.Update && !fetchError && workItems.length > 0 && !isOpenDetails && !isOpenMaster;
     const approvalVID = workItems.length > 0
         ? Number(workItems[0].tid) : -1;
     const commandsMenuItems = [
@@ -605,9 +614,6 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
         }
     };
     const renderDcmtForm = () => {
-        if (fetchError) {
-            return (_jsxs("div", { style: { color: 'red', padding: 24, display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 24 }, children: [_jsx("h2", { children: SDKUI_Localizator.ErrorLoadingDocument }), _jsx("pre", { style: { whiteSpace: 'pre-wrap', color: 'black', background: '#f8d7da', padding: 16, borderRadius: 8, maxWidth: 600, overflowX: 'auto' }, children: JSON.stringify(fetchError, Object.getOwnPropertyNames(fetchError), 2) }), _jsx("img", { src: Toppy, alt: "Errore", style: { width: 120, height: 'auto', marginBottom: 16 } })] }));
-        }
         return (_jsxs("div", { style: {
                 display: 'flex',
                 flexDirection: deviceType === DeviceType.MOBILE ? 'column' : 'row',

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

@@ -24,26 +24,25 @@ const StyledSqdItem = styled.div `
     position: relative;
     white-space: nowrap;
     text-overflow: ellipsis;
-    /* border-bottom: 1px solid #00A99D; // separator line */
 
     &:hover {
         cursor: pointer;
     }
 
     .info-icon {
-        position: absolute;
-        left: -2px;
-        top: calc(50% - 5px);
-        transform: translateY(-50%);
         opacity: 0;
-        transition: opacity 0.2s;
         pointer-events: none;
-        // On mobile, never show
+        transition: opacity 0.2s;
         ${({ $isMobile }) => $isMobile && `
             display: none !important;
         `}
     }
 
+    &:hover .info-icon {
+        opacity: 1;
+        pointer-events: auto;
+    }
+
     &::after {
         content: '';
         display: block;
@@ -53,11 +52,6 @@ const StyledSqdItem = styled.div `
         margin-top: 8px;
     }
 
-    &:hover .info-icon {
-        opacity: 1;
-        pointer-events: auto;
-    }
-
     &:last-child {
         border-bottom: none; // remove border for last item
         margin-bottom: 0;
@@ -181,40 +175,42 @@ const TMSavedQuerySelector = React.memo(({ items, selectedId, allowShowSearch =
                     padding: '5px 10px',
                     gap: '3px',
                     overflow: 'auto'
-                }, children: dataSource.slice(0, showAllRoot || searchText.length > 0 ? dataSource.length : initialSQDsMaxItems).filter(o => searchText.length <= 0 || (searchText.length > 0 && o.name?.toLocaleLowerCase().includes(searchText.toLocaleLowerCase())) || o.description?.toLocaleLowerCase().includes(searchText.toLocaleLowerCase())).map((sqd, index) => (_jsxs(StyledSqdItem, { id: `sqd-item-${sqd.id}`, "$isMobile": isMobile, onClick: () => {
-                        setSelectedItem(sqd);
-                        onItemClick?.(sqd);
-                    }, children: [_jsx("span", { className: "info-icon", children: _jsx(TMTooltip, { content: getTooltipBySqd(sqd), children: _jsx(IconInfo, { color: TMColors.primaryColor }) }) }), _jsxs("div", { style: {
-                                display: 'flex',
-                                flexDirection: 'row',
-                                justifyContent: 'center',
-                                width: '100%',
-                                whiteSpace: 'nowrap',
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                gap: '5px'
-                            }, children: [_jsx("p", { style: {
-                                        fontSize: '1rem',
-                                        fontWeight: sqd.id === 1 ? 600 : 'normal',
-                                        whiteSpace: 'nowrap',
-                                        overflow: 'hidden',
-                                        textOverflow: 'ellipsis',
-                                        color: TMColors.primaryColor,
-                                        paddingRight: '15px'
-                                    }, children: sqd.name }), manageDefault && sqd.isDefault == 1 && _jsx(IconStar, { fontSize: 16, color: 'rgb(248, 215, 117)' })] }), selectedItem?.id == sqd.id &&
-                            _jsx("div", { style: {
-                                    width: '24px',
-                                    height: '24px',
-                                    borderRadius: '24px',
-                                    position: 'absolute',
-                                    top: '4px',
-                                    right: '0px',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'center',
-                                    fontSize: '1rem',
-                                    fontWeight: 'bold'
-                                }, children: _jsx(IconApply, { fontSize: 24, color: 'green' }) }), _jsx(SavedQueryContexMenu, { sqd: sqd, manageDefault: manageDefault, isMobile: isMobile, setInfoSQD: setInfoSQD, setDefaultAsync: () => setDefaultSQDAsync(sqd), deleteAsync: () => deleteSQDAsync(sqd), favManageAsync: () => favManageSQDAsync(sqd) })] }, sqd.id))) }), dataSource.length > initialSQDsMaxItems && searchText.length <= 0 &&
+                }, children: dataSource.slice(0, showAllRoot || searchText.length > 0 ? dataSource.length : initialSQDsMaxItems).filter(o => searchText.length <= 0 || (searchText.length > 0 && o.name?.toLocaleLowerCase().includes(searchText.toLocaleLowerCase())) || o.description?.toLocaleLowerCase().includes(searchText.toLocaleLowerCase())).map((sqd, index) => {
+                    const isCurrent = selectedItem?.id == sqd.id;
+                    return (_jsxs(StyledSqdItem, { id: `sqd-item-${sqd.id}`, "$isMobile": isMobile, onClick: () => {
+                            setSelectedItem(sqd);
+                            onItemClick?.(sqd);
+                        }, children: [_jsxs(StyledDivHorizontal, { style: { alignItems: 'center', gap: 8, width: '100%' }, children: [!isMobile && (_jsx("span", { className: "info-icon", style: {
+                                            marginRight: 4,
+                                            display: 'flex',
+                                            alignItems: 'center'
+                                        }, children: _jsx(TMTooltip, { content: getTooltipBySqd(sqd), children: _jsx(IconInfo, { color: TMColors.primaryColor }) }) })), _jsxs("div", { style: {
+                                            flex: 1,
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'center',
+                                            minWidth: 0
+                                        }, children: [_jsx("p", { style: {
+                                                    fontSize: '1rem',
+                                                    fontWeight: sqd.id === 1 ? 600 : 'normal',
+                                                    whiteSpace: 'nowrap',
+                                                    overflow: 'hidden',
+                                                    textOverflow: 'ellipsis',
+                                                    color: TMColors.primaryColor,
+                                                    paddingRight: '15px'
+                                                }, children: sqd.name }), manageDefault && sqd.isDefault == 1 && _jsx(IconStar, { fontSize: 16, color: 'rgb(248, 215, 117)' })] }), _jsx("span", { style: {
+                                            width: 24,
+                                            height: 24,
+                                            borderRadius: 24,
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'center',
+                                            fontSize: '1rem',
+                                            fontWeight: 'bold',
+                                            marginLeft: 8,
+                                            visibility: isCurrent ? 'visible' : 'hidden'
+                                        }, children: _jsx(IconApply, { fontSize: 24, color: 'green' }) })] }), _jsx(SavedQueryContexMenu, { sqd: sqd, manageDefault: manageDefault, isMobile: isMobile, setInfoSQD: setInfoSQD, setDefaultAsync: () => setDefaultSQDAsync(sqd), deleteAsync: () => deleteSQDAsync(sqd), favManageAsync: () => favManageSQDAsync(sqd) })] }, sqd.id));
+                }) }), dataSource.length > initialSQDsMaxItems && searchText.length <= 0 &&
                 _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end', padding: '10px', position: 'relative' }, children: _jsx(TMShowAllOrMaxItemsButton, { showAll: showAllRoot, dataSourceLength: dataSource.length, onClick: () => { setShowAllRoot(!showAllRoot); } }) }), _jsxs(StyledOffCanvasPanel, { ref: panelRef, "$isOpen": isMobile && infoSQD !== undefined, children: [_jsxs(StyledDivHorizontal, { style: { gap: 10, padding: '10px 8px', width: '100%', alignItems: 'center' }, children: [_jsx("p", { style: { fontSize: '1.1rem', fontWeight: 'bold' }, children: `${SDK_Localizator.SavedQuery} - ${SDKUI_Localizator.About}` }), _jsx(IconCloseOutline, { style: { marginLeft: 'auto', cursor: 'pointer' }, onClick: () => setInfoSQD(undefined) })] }), getTooltipBySqd(infoSQD)] })] }));
 });
 export default TMSavedQuerySelector;

package/lib/components/grids/TMRecentsManager.js

@@ -88,7 +88,7 @@ const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, onSelectedTID, o
                                                 alignItems: 'center',
                                                 justifyContent: 'center',
                                                 minWidth: 0
-                                            }, children: _jsx(TMTidViewer, { tid: dtd.id, color: TMColors.primaryColor, showIcon: false }) }), isCurrent && (_jsx("span", { style: {
+                                            }, children: _jsx(TMTidViewer, { tid: dtd.id, color: TMColors.primaryColor, showIcon: false }) }), _jsx("span", { style: {
                                                 width: 24,
                                                 height: 24,
                                                 borderRadius: 24,
@@ -97,8 +97,9 @@ const TMRecentsManager = ({ deviceType, mruTIDs, currentMruTID, onSelectedTID, o
                                                 justifyContent: 'center',
                                                 fontSize: '1rem',
                                                 fontWeight: 'bold',
-                                                marginLeft: 8
-                                            }, children: _jsx(IconApply, { fontSize: 24, color: 'green' }) }))] }), _jsx(ContextMenu, { dataSource: [
+                                                marginLeft: 8,
+                                                visibility: isCurrent ? 'visible' : 'hidden'
+                                            }, children: _jsx(IconApply, { fontSize: 24, color: 'green' }) })] }), _jsx(ContextMenu, { dataSource: [
                                         {
                                             text: SDKUI_Localizator.Remove,
                                             icon: iconDelete(),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.14.80",
+    "version": "6.14.81",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -42,7 +42,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "6.14.16",
+        "@topconsultnpm/sdk-ts-beta": "6.14.17",
         "buffer": "^6.0.3",
         "devextreme": "24.2.6",
         "devextreme-react": "24.2.6",