@topconsultnpm/sdkui-react 6.19.0-dev2.35 → 6.19.0-dev2.37

package/lib/components/NewComponents/FloatingMenuBar/types.d.ts

@@ -0,0 +1,30 @@
+import type { TMContextMenuItemProps } from '../ContextMenu';
+export interface TMFloatingMenuItem {
+    id: string;
+    name: string;
+    icon: React.ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+    isPinned?: boolean;
+    originalMenuItem?: TMContextMenuItemProps;
+}
+export interface TMFloatingMenuBarProps {
+    containerRef: React.RefObject<HTMLElement | null>;
+    contextMenuItems?: TMContextMenuItemProps[];
+    storageKey?: string;
+    isConstrained?: boolean;
+    defaultPosition?: Position;
+    maxItems?: number;
+}
+export interface Position {
+    x: number;
+    y: number;
+}
+export interface TMFloatingMenuBarState {
+    position: Position;
+    isDragging: boolean;
+    isConfigMode: boolean;
+    orientation: 'horizontal' | 'vertical';
+    items: TMFloatingMenuItem[];
+    draggedItemIndex: number | null;
+}

package/lib/components/NewComponents/FloatingMenuBar/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/NewComponents/Notification/Notification.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { NotificationProps } from './types';
+declare const Notification: React.FC<NotificationProps>;
+export default Notification;

package/lib/components/NewComponents/Notification/Notification.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import * as S from './styles';
+const Notification = ({ title, message, mode = 'info', position = 'top-right', duration = 3000, closable = false, stopOnMouseEnter = true, hasProgress = true, onClose, }) => {
+    const [state, setState] = useState({
+        visible: true,
+        isPaused: false,
+        progress: 100,
+    });
+    const timeoutRef = useRef(undefined);
+    const remainingTimeRef = useRef(duration);
+    const pauseTimeRef = useRef(0);
+    const closeNotification = () => {
+        setState(prev => ({ ...prev, visible: false }));
+        setTimeout(() => {
+            onClose?.();
+        }, 300);
+    };
+    useEffect(() => {
+        // Set up auto-close timer
+        timeoutRef.current = setTimeout(() => {
+            closeNotification();
+        }, duration);
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, [duration]);
+    const handleMouseEnter = () => {
+        if (!stopOnMouseEnter)
+            return;
+        // Pause the timer
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            pauseTimeRef.current = Date.now();
+        }
+        setState(prev => ({ ...prev, isPaused: true }));
+    };
+    const handleMouseLeave = () => {
+        if (!stopOnMouseEnter)
+            return;
+        // Resume the timer with remaining time
+        const pauseDuration = Date.now() - pauseTimeRef.current;
+        remainingTimeRef.current = Math.max(0, remainingTimeRef.current - pauseDuration);
+        timeoutRef.current = setTimeout(() => {
+            closeNotification();
+        }, remainingTimeRef.current);
+        setState(prev => ({ ...prev, isPaused: false }));
+    };
+    const handleClose = (e) => {
+        e.stopPropagation();
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        closeNotification();
+    };
+    return (_jsxs(S.NotificationContainer, { "$position": position, "$mode": mode, "$visible": state.visible, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, role: "alert", "aria-live": "assertive", children: [_jsxs(S.NotificationContent, { children: [_jsx(S.NotificationTitle, { children: title }), _jsx(S.NotificationMessage, { children: message })] }), closable && (_jsx(S.CloseButton, { onClick: handleClose, "aria-label": "Close notification", children: "\u00D7" })), hasProgress && (_jsx(S.ProgressBar, { "$duration": duration, "$mode": mode, "$isPaused": state.isPaused }))] }));
+};
+export default Notification;

package/lib/components/NewComponents/Notification/NotificationContainer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { NotificationPosition } from './types';
+interface NotificationContainerProps {
+    position: NotificationPosition;
+    children: React.ReactNode;
+}
+declare const NotificationContainer: React.FC<NotificationContainerProps>;
+export default NotificationContainer;

package/lib/components/NewComponents/Notification/NotificationContainer.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from 'styled-components';
+const Container = styled.div `
+  position: fixed;
+  z-index: 10002;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  pointer-events: none;
+
+  ${props => {
+    const isTop = props.$position.startsWith('top');
+    const isBottom = props.$position.startsWith('bottom');
+    const isLeft = props.$position.endsWith('left');
+    const isRight = props.$position.endsWith('right');
+    const isCenter = props.$position.endsWith('center');
+    return `
+      ${isTop ? 'top: 24px;' : ''}
+      ${isBottom ? 'bottom: 24px;' : ''}
+      ${isLeft ? 'left: 24px;' : ''}
+      ${isRight ? 'right: 24px;' : ''}
+      ${isCenter ? 'left: 50%; transform: translateX(-50%);' : ''}
+    `;
+}}
+
+  & > * {
+    pointer-events: auto;
+  }
+`;
+const NotificationContainer = ({ position, children }) => {
+    return _jsx(Container, { "$position": position, children: children });
+};
+export default NotificationContainer;

package/lib/components/NewComponents/Notification/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Notification';
+export * from './types';

package/lib/components/NewComponents/Notification/index.js

@@ -0,0 +1,2 @@
+export { default } from './Notification';
+export * from './types';

package/lib/components/NewComponents/Notification/styles.d.ts

@@ -0,0 +1,21 @@
+import type { NotificationMode, NotificationPosition } from './types';
+export declare const NotificationContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $position: NotificationPosition;
+    $mode: NotificationMode;
+    $visible: boolean;
+}>> & string;
+export declare const NotificationContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NotificationTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NotificationMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, {
+    $duration: number;
+    $mode: NotificationMode;
+    $isPaused: boolean;
+}>, {
+    $duration: number;
+    $mode: NotificationMode;
+    $isPaused: boolean;
+}>> & string;

package/lib/components/NewComponents/Notification/styles.js

@@ -0,0 +1,180 @@
+import styled, { keyframes } from 'styled-components';
+const slideInFromTop = keyframes `
+  from {
+    opacity: 0;
+    transform: translateY(-100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+const slideInFromBottom = keyframes `
+  from {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`;
+const slideOut = keyframes `
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+`;
+const getModeColors = (mode) => {
+    const colors = {
+        success: {
+            bg: '#10b981',
+            bgDark: '#059669',
+            border: '#34d399',
+            text: '#ffffff',
+        },
+        error: {
+            bg: '#ef4444',
+            bgDark: '#dc2626',
+            border: '#f87171',
+            text: '#ffffff',
+        },
+        warning: {
+            bg: '#f59e0b',
+            bgDark: '#d97706',
+            border: '#fbbf24',
+            text: '#ffffff',
+        },
+        info: {
+            bg: '#3b82f6',
+            bgDark: '#2563eb',
+            border: '#60a5fa',
+            text: '#ffffff',
+        },
+    };
+    return colors[mode];
+};
+export const NotificationContainer = styled.div `
+  position: relative;
+  z-index: 1;
+  min-width: 320px;
+  max-width: 420px;
+  background: ${props => getModeColors(props.$mode).bg};
+  border-radius: 12px;
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2),
+              0 4px 12px rgba(0, 0, 0, 0.15);
+  padding: 16px 20px;
+  animation: ${props => {
+    if (!props.$visible)
+        return slideOut;
+    return props.$position.startsWith('top') ? slideInFromTop : slideInFromBottom;
+}} 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  backdrop-filter: blur(10px);
+  border: 2px solid ${props => getModeColors(props.$mode).border};
+  color: ${props => getModeColors(props.$mode).text};
+  overflow: hidden;
+
+  [data-theme='dark'] & {
+    background: ${props => getModeColors(props.$mode).bgDark};
+    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4),
+                0 4px 12px rgba(0, 0, 0, 0.3);
+  }
+
+  @media (max-width: 768px) {
+    min-width: 280px;
+    max-width: calc(100vw - 48px);
+  }
+`;
+export const NotificationContent = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding-right: 24px;
+`;
+export const NotificationTitle = styled.div `
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  letter-spacing: -0.01em;
+`;
+export const NotificationMessage = styled.div `
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.5;
+  opacity: 0.95;
+`;
+export const CloseButton = styled.button `
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  background: transparent;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  transition: all 0.15s ease;
+  font-size: 18px;
+  line-height: 1;
+  padding: 0;
+  opacity: 0.8;
+
+  &:hover {
+    opacity: 1;
+    background: rgba(255, 255, 255, 0.2);
+    transform: scale(1.1);
+  }
+
+  &:active {
+    transform: scale(0.95);
+  }
+
+  &:focus {
+    outline: 2px solid rgba(255, 255, 255, 0.5);
+    outline-offset: 2px;
+  }
+`;
+export const ProgressBar = styled.div.attrs(props => ({
+    style: {
+        animationDuration: `${props.$duration}ms`,
+    },
+})) `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 4px;
+  width: 100%;
+  background: ${props => getModeColors(props.$mode).border};
+  border-radius: 0 0 0 10px;
+  box-shadow: 0 0 8px ${props => getModeColors(props.$mode).border};
+  transform-origin: left;
+  animation: progress-shrink linear forwards;
+  animation-play-state: ${props => props.$isPaused ? 'paused' : 'running'};
+
+  @keyframes progress-shrink {
+    from {
+      transform: scaleX(1);
+    }
+    to {
+      transform: scaleX(0);
+    }
+  }
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 20px;
+    height: 100%;
+    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4));
+  }
+`;

package/lib/components/NewComponents/Notification/types.d.ts

@@ -0,0 +1,18 @@
+export type NotificationMode = 'warning' | 'info' | 'error' | 'success';
+export type NotificationPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface NotificationProps {
+    title: string;
+    message: string;
+    mode?: NotificationMode;
+    position?: NotificationPosition;
+    duration?: number;
+    closable?: boolean;
+    stopOnMouseEnter?: boolean;
+    hasProgress?: boolean;
+    onClose?: () => void;
+}
+export interface NotificationState {
+    visible: boolean;
+    isPaused: boolean;
+    progress: number;
+}

package/lib/components/NewComponents/Notification/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/base/TMCustomButton.js

@@ -20,7 +20,7 @@ const TMCustomButton = (props) => {
     const { appName: scriptUrl, arguments: args } = button;
     const iframeRef = useRef(null);
     const attributes = useMemo(() => processButtonAttributes(args, formData), [args, formData]);
-    const selectedItemsProcessed = useMemo(() => processSelectedItems(selectedItems), [selectedItems]);
+    const selectedItemsProcessed = useMemo(() => processSelectedItems(args, formData, selectedItems), [args, formData, selectedItems]);
     const RunOnce = button.mode === "RunOnce";
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(false);

package/lib/components/base/TMWaitPanel.js

@@ -33,8 +33,14 @@ const StyledProgressText = styled.p ` font-weight: bold; color: #333; margin: 0;
 const StyledMessage = styled.p ` color: #666; font-size: 0.9em; margin-top: 10px; `;
 const StyledAbortButton = styled.button ` background: #ff4d4d; color: white; border: none; border-radius: 5px; padding: 10px 20px; font-size: 1em; cursor: pointer; margin-top: 20px; &:hover { background: #ff6666; } `;
 export const TMWaitPanel = (props) => {
-    let progressValue1 = 100 * (((props.valuePrimary ?? 0) / (props.maxValuePrimary ?? 0)) || 0);
-    let progressValue2 = 100 * (((props.valueSecondary ?? 0) / (props.maxValueSecondary ?? 0)) || 0);
+    const calculateProgress = (value = 0, maxValue = 0) => {
+        if (maxValue === 0)
+            return 0;
+        const progress = (value / maxValue) * 100;
+        return Number.isFinite(progress) ? progress : 0;
+    };
+    let progressValue1 = calculateProgress(props.valuePrimary, props.maxValuePrimary);
+    let progressValue2 = calculateProgress(props.valueSecondary, props.maxValueSecondary);
     return (_jsx(StyledWaitPanelOverlay, { children: _jsxs(StyledWaitPanel, { "$height": (props.showPrimary && props.showSecondary) ? '350px' : '250px', children: [_jsx(StyledTitle, { children: props.title }), props.showPrimary &&
                     _jsxs("div", { style: { width: '100%', height: '100px' }, children: [_jsx(StyledProgressBarContainer, { children: _jsx(StyledProgressBar, { style: { width: `${progressValue1.toFixed(2)}%` } }) }), _jsxs(StyledProgressText, { children: [progressValue1.toFixed(2), "%"] }), _jsx(StyledMessage, { children: props.textPrimary })] }), props.showSecondary &&
                     _jsxs("div", { style: { width: '100%', height: '100px' }, children: [_jsx(StyledProgressBarContainer, { children: _jsx(StyledProgressBar, { style: { width: `${progressValue2.toFixed(2)}%` } }) }), _jsxs(StyledProgressText, { children: [progressValue2.toFixed(2), "%"] }), _jsx(StyledMessage, { children: props.textSecondary })] }), props.isCancelable && _jsx(StyledAbortButton, { onClick: () => props.onAbortClick?.(props.abortController), children: SDKUI_Localizator.Abort })] }) }));

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

@@ -15,11 +15,18 @@ import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSa
 import { StyledAnimatedComponentOpacity } from '../../base/Styled';
 import TMPanel from '../../base/TMPanel';
 import TMTooltip from '../../base/TMTooltip';
+const ErrorContent = ({ error, isAbortError, onRetry }) => {
+    if (isAbortError) {
+        return (_jsx(StyledAnimatedComponentOpacity, { style: { width: '100%', height: '100%' }, children: _jsxs(StyledPanelStatusContainer, { children: [_jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), _jsxs(StyledPreviewNotAvailable, { children: [_jsx("div", { children: error }), _jsx("div", { children: SDKUI_Localizator.PreviewNotAvailable })] }), _jsx(TMButton, { caption: SDKUI_Localizator.TryAgain, onClick: onRetry, showTooltip: false })] }) }));
+    }
+    return _jsx(TMNothingToShow, { icon: _jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), text: error });
+};
 const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev, onClosePanel, onNext, onPrev, allowMaximize = true, onMaximizePanel }) => {
     const [dcmtBlob, setDcmtBlob] = useState(undefined);
     const [showPreview, setShowPreview] = useState(false);
     const [isFromCache, setIsFromCache] = useState(false);
     const [error, setError] = useState('');
+    const [isAbortError, setIsAbortError] = useState(false);
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, getDcmtFileAsync, clearDcmtsFileCache, removeDcmtsFileCache, isDcmtFileInCache } = useDcmtOperations();
     const cacheKey = dcmtData ? `${dcmtData.tid}-${dcmtData.did}` : '00';
     const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false);
@@ -29,6 +36,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             setLastLoadedDid(undefined); // Reset 
             setDcmtBlob(undefined);
             setError('');
+            setIsAbortError(false);
             setShowPreview(false);
             return;
         }
@@ -42,6 +50,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
         if (shouldFetch) {
             setDcmtBlob(undefined);
             setError('');
+            setIsAbortError(false);
             if ((extensionHandler(dcmtData.fileExt) !== FileExtensionHandler.NONE) && ((dcmtData.fileSize ?? 0) <= (SDKUI_Globals.userSettings.searchSettings.previewThreshold * 1024))) {
                 loadDocumentWithCache();
                 setShowPreview(true);
@@ -65,15 +74,19 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
             let dcmtFile = await getDcmtFileAsync({ TID: dcmtData?.tid, DID: dcmtData?.did, FILEEXT: dcmtData?.fileExt }, rfo, 'Anteprima', false);
             setDcmtBlob(dcmtFile?.file);
             setIsFromCache(!!dcmtFile?.isFromCache);
+            setError('');
+            setIsAbortError(false);
         }
         catch (ex) {
             const err = ex;
             if (err.name === 'CanceledError') {
                 setError('Operazione annullata.');
+                setIsAbortError(true);
                 ShowAlert({ message: err.message, mode: 'warning', duration: 3000, title: 'Abort' });
             }
             else {
                 setError(getExceptionMessage(ex));
+                setIsAbortError(false);
                 TMExceptionBoxManager.show({ exception: ex });
             }
         }
@@ -101,6 +114,9 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
     const reOpenDcmt = async () => {
         removeDcmtsFileCache(cacheKey);
         setIsFromCache(false);
+        setError('');
+        setIsAbortError(false);
+        setDcmtBlob(undefined);
         try {
             await loadDocumentWithCache();
         }
@@ -112,7 +128,7 @@ const TMDcmtPreview = ({ dcmtData, isResizingActive, isVisible, canNext, canPrev
                                 { icon: _jsx(IconCloseCircle, {}), text: SDKUI_Localizator.RemoveFromCache, onClick: () => { removeDcmtsFileCache(cacheKey); setIsFromCache(false); } },
                                 { icon: _jsx(IconClear, {}), text: SDKUI_Localizator.ClearCache, onClick: () => { clearDcmtsFileCache(); setIsFromCache(false); } },
                             ] }, "btn13") }), _jsx(StyledHeaderIcon, { onClick: reOpenDcmt, "$color": TMColors.primaryColor, children: _jsx(TMTooltip, { content: SDKUI_Localizator.ReopenDocument, children: _jsx(IconRefresh, {}) }) })] }), children: error
-                ? _jsx(TMNothingToShow, { icon: _jsx(IconCloseOutline, { fontSize: 92, color: TMColors.error }), text: error })
+                ? _jsx(ErrorContent, { error: error, isAbortError: isAbortError, onRetry: reOpenDcmt })
                 : renderedPreview(dcmtData?.tid, dcmtData?.did, dcmtData?.fileExt, dcmtData?.fileSize, dcmtData?.fileCount, extensionHandler(dcmtData?.fileExt), showPreview, isResizingActive, () => { loadDocumentWithCache(); setShowPreview(true); }, dcmtBlob) }) }));
 };
 export default TMDcmtPreview;
@@ -148,11 +164,12 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
     }, []);
     useEffect(() => {
         if (fileBlob) {
-            const url = URL.createObjectURL(fileBlob);
-            setBlobUrl(url);
             setFileType(fileBlob.type);
             setFormattedXml(undefined);
-            if (fileBlob.type.includes("xml")) {
+            const fileName = fileBlob.name || '';
+            const fileExtension = fileName.split('.').pop()?.toLowerCase() || '';
+            const isConfigFile = ['config', 'cfg'].includes(fileExtension);
+            if (fileBlob.type.includes("xml") && !isConfigFile) {
                 fileBlob.text().then((text) => {
                     const parser = new DOMParser();
                     const xmlDoc = parser.parseFromString(text, "application/xml");
@@ -169,10 +186,28 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
                         .replace(/</g, "&lt;")
                         .replace(/>/g, "&gt;")}</pre>`);
                 });
+                setBlobUrl(undefined);
+            }
+            else if (isConfigFile) {
+                fileBlob.text().then((text) => {
+                    const escapedText = text
+                        .replace(/&/g, "&amp;")
+                        .replace(/</g, "&lt;")
+                        .replace(/>/g, "&gt;");
+                    setFormattedXml(`<pre style="font-family: monospace; white-space: pre-wrap; line-height: 1.5; margin: 0; padding: 10px;">${escapedText}</pre>`);
+                }).catch((error) => {
+                    console.error("Error reading text file:", error);
+                    setFormattedXml(`<div style="color: red;">Error reading file</div>`);
+                });
+                setBlobUrl(undefined);
+            }
+            else {
+                const url = URL.createObjectURL(fileBlob);
+                setBlobUrl(url);
+                return () => {
+                    URL.revokeObjectURL(url);
+                };
             }
-            return () => {
-                URL.revokeObjectURL(url);
-            };
         }
         else {
             setBlobUrl(undefined);
@@ -225,7 +260,9 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
                                 display: 'inline-block'
                             }, children: SDKUI_Localizator.OpenInNewTab })] })] }));
     }
-    return (_jsx("iframe", { srcDoc: fileType?.includes("xml") && formattedXml ? `<html><body>${formattedXml}</body></html>` : undefined, src: !fileType?.includes("xml") || !formattedXml ? blobUrl : undefined, title: "File Viewer", width: "100%", height: "100%", style: { border: 'none', zIndex: 0, pointerEvents: isResizingActive === true ? "none" : "auto" } }));
+    return (_jsx("iframe", { srcDoc: formattedXml ? `<html><body>${formattedXml}</body></html>` : undefined, src: !formattedXml
+            ? (fileType === 'application/pdf' ? `${blobUrl}#view=FitH&scrollbar=1` : blobUrl)
+            : undefined, title: "File Viewer", width: "100%", height: "100%", style: { border: 'none', zIndex: 0, pointerEvents: isResizingActive === true ? "none" : "auto" } }, blobUrl));
 };
 const ImageViewer = ({ fileBlob, alt = 'Image', className }) => {
     const containerRef = useRef(null);

package/lib/components/grids/TMBlogsPost.js

@@ -92,8 +92,10 @@ const TMBlogsPost = (props) => {
         setFocusedAttachment(attachment);
     };
     useEffect(() => {
-        if (context === undefined)
+        if (context === undefined) {
+            setTaskContext(undefined);
             return;
+        }
         if (context.engine === 'WorkingGroupEngine' && context.object) {
             setTaskContext({ workingGroup: { id: context?.object?.id ?? 0, name: context?.object?.name ?? '' } });
             return;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -505,6 +505,7 @@ export declare class SDKUI_Localizator {
     static get RemovingFromList(): string;
     static get RememberCredentials(): "Anmeldedaten merken" | "Remember credentials" | "Recordar credenciales" | "Se souvenir des identifiants" | "Lembrar credenciais" | "Ricorda credenziali";
     static get ReopenDocument(): string;
+    static get TryAgain(): string;
     static get ReplaceDocument(): "Dokument ersetzen" | "Replace Document" | "Reemplazar Documento" | "Remplacer le Document" | "Substituir Documento" | "Sostituisci Documento";
     static get Request(): string;
     static get RequestTo(): string;

package/lib/helper/SDKUI_Localizator.js

@@ -4978,6 +4978,16 @@ export class SDKUI_Localizator {
             default: return "Riapri documento";
         }
     }
+    static get TryAgain() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Erneut versuchen";
+            case CultureIDs.En_US: return "Try Again";
+            case CultureIDs.Es_ES: return "Intentar de nuevo";
+            case CultureIDs.Fr_FR: return "Réessayer";
+            case CultureIDs.Pt_PT: return "Tentar novamente";
+            default: return "Riprova";
+        }
+    }
     static get ReplaceDocument() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Dokument ersetzen";

package/lib/helper/dcmtsHelper.d.ts

@@ -4,5 +4,5 @@ export declare const hasDetailRelations: (mTID: number | undefined) => Promise<b
 /** Check if dcmtType (mTID) has configured Master or Many-to-Many relations */
 export declare const hasMasterRelations: (mTID: number | undefined) => Promise<boolean>;
 export declare const isXMLFileExt: (fileExt: string | undefined) => boolean;
-export declare const processButtonAttributes: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined) => string[] | undefined;
-export declare const processSelectedItems: (selectedItems: Array<any> | undefined) => any[] | undefined;
+export declare const processButtonAttributes: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined) => (string | null)[] | undefined;
+export declare const processSelectedItems: (args: string | undefined, formData: MetadataValueDescriptorEx[] | undefined, selectedItems: Array<any> | undefined) => any[][];

package/lib/helper/dcmtsHelper.js

@@ -25,29 +25,26 @@ export const isXMLFileExt = (fileExt) => {
 };
 /*utility functions for TMCustomButton*/
 export const processButtonAttributes = (args, formData) => args && formData ? formDataMap(formData, args) : undefined;
-export const processSelectedItems = (selectedItems) => selectedItems?.map(item => {
-    const tid = item.TID;
-    if (!tid)
-        return item;
-    const prefix = `${tid}_`;
-    const prefixLength = prefix.length;
-    return Object.keys(item).reduce((acc, key) => {
-        acc[key.startsWith(prefix) ? key.substring(prefixLength) : key] = item[key];
-        return acc;
-    }, {});
-});
-const formDataMap = (data, args) => {
+export const processSelectedItems = (args, formData, selectedItems) => {
+    if (!args || !selectedItems)
+        return [];
+    const MidList = formData ? formDataMap(formData, args, true) : [];
+    return selectedItems.map(item => 
+    //salvo il did come primo elemento dell'array
+    [item["DID"], ...MidList.map(key => key && item[key])]);
+};
+const formDataMap = (data, args, returnMid = false) => {
     const tokens = args.match(/\{@?[^}]+\}/g) || [];
     return tokens.map(token => {
         if (token.startsWith('{@')) {
             // Campo dinamico: {@campo} -> cerca in formData
-            const fieldName = token.slice(2, -1); // Rimuove {@...}
+            const fieldName = token.slice(2, -1);
             const md = data.find(md => md.md?.name === fieldName);
-            return md?.value;
+            return returnMid ? (md ? `${md.tid}_${md.mid}` : null) : (md?.value ?? null);
         }
         else {
-            // Campo statico: {valore} -> ritorna il valore direttamente
-            return token.slice(1, -1); // Rimuove {...}
+            // Campo statico: {valore} -> ritorna il valore o null
+            return returnMid ? null : token.slice(1, -1);
         }
-    }).filter((value) => value !== undefined && value !== null);
+    });
 };

package/lib/helper/helpers.js

@@ -480,6 +480,9 @@ export const extensionHandler = (fileExt) => {
         case 'xml.p7m.tsd': return FileExtensionHandler.READY_TO_SHOW;
         case 'pdf': return FileExtensionHandler.READY_TO_SHOW;
         case 'txt': return FileExtensionHandler.READY_TO_SHOW;
+        case 'config':
+        case 'cfg':
+        case 'json': return FileExtensionHandler.READY_TO_SHOW;
         default: return FileExtensionHandler.NONE;
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.19.0-dev2.35",
+    "version": "6.19.0-dev2.37",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",