@topconsultnpm/sdkui-react 6.20.0-dev1.14 → 6.20.0-dev1.15

package/lib/components/features/documents/TMDcmtTasks.d.ts

@@ -1,13 +0,0 @@
-import { FormModes, TaskContext } from "../../../ts";
-import { TaskDescriptor } from "@topconsultnpm/sdk-ts";
-interface TMDcmtTasksProps {
-    taskContext: TaskContext;
-    allTasks: Array<TaskDescriptor>;
-    getAllTasks: () => Promise<void>;
-    deleteTaskByIdsCallback: (deletedTaskIds: Array<number>) => Promise<void>;
-    addTaskCallback: (task: TaskDescriptor) => Promise<void>;
-    editTaskCallback: (task: TaskDescriptor) => Promise<void>;
-    afterTaskSaved: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
-}
-declare const TMDcmtTasks: (props: TMDcmtTasksProps) => import("react/jsx-runtime").JSX.Element;
-export default TMDcmtTasks;

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { IconMenuVertical, IconRefresh, SDKUI_Localizator, svgToString, TMCommandsContextMenu } from "../../../helper";
-import { DeviceType, useDeviceType } from "../../base/TMDeviceProvider";
-import { useTMPanelManagerContext } from "../../layout/panelManager/TMPanelManagerContext";
-import TMPanel from "../../base/TMPanel";
-import TMTasksPanelContent from "../tasks/TMTasksPanelContent";
-const TMDcmtTasks = (props) => {
-    const { taskContext, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved } = props;
-    // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
-    const deviceType = useDeviceType();
-    // This avoids unnecessary re-renders by only recalculating when deviceType changes.
-    let isMobile = useMemo(() => { return deviceType === DeviceType.MOBILE; }, [deviceType]);
-    const { togglePanelVisibility, toggleMaximize, countVisibleLeafPanels } = useTMPanelManagerContext();
-    const toolbar = useMemo(() => _jsxs(_Fragment, { children: [_jsx(IconMenuVertical, { id: "TMTaksPanel-Commands-Header", color: 'white', cursor: 'pointer' }), _jsx(TMCommandsContextMenu, { target: '#TMTaksPanel-Commands-Header', showEvent: "click", menuItems: [
-                    {
-                        icon: svgToString(_jsx(IconRefresh, {})),
-                        onClick: async () => await getAllTasks(),
-                        text: SDKUI_Localizator.Refresh,
-                    },
-                ] })] }), []);
-    return _jsx("div", { style: { width: "100%", height: "100%", position: 'relative' }, children: _jsx(TMPanel, { title: SDKUI_Localizator.Widget_Activities, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onClose: countVisibleLeafPanels() > 1 ? () => togglePanelVisibility("tmDcmtTasks") : undefined, onMaximize: countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmDcmtTasks") : undefined, toolbar: toolbar, children: _jsx(TMTasksPanelContent, { id: "dcmtTasks", taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: () => { return Promise.resolve(); }, handleNavigateToDossiers: () => { return Promise.resolve(); }, afterTaskSaved: afterTaskSaved }) }) });
-};
-export default TMDcmtTasks;

package/lib/components/features/documents/TMDragDropOverlay.d.ts

@@ -1,6 +0,0 @@
-interface TMDragDropOverlayProps {
-    handleFile: (file: File) => void;
-    refocusAfterFileInput: () => void;
-}
-declare const TMDragDropOverlay: (props: TMDragDropOverlayProps) => import("react/jsx-runtime").JSX.Element;
-export default TMDragDropOverlay;

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

@@ -1,97 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import Toppy from '../../../assets/Toppy-generico.png';
-import { SDKUI_Localizator } from "../../../helper";
-const TMDragDropOverlay = (props) => {
-    const { handleFile, refocusAfterFileInput } = props;
-    const [dragOver, setDragOver] = useState(false);
-    useEffect(() => {
-        const handleWindowDragEnter = (e) => {
-            e.preventDefault();
-            setDragOver(true);
-        };
-        const handleWindowDragOver = (e) => {
-            e.preventDefault();
-        };
-        const handleWindowDragLeave = (e) => {
-            e.preventDefault();
-            if (e.clientX === 0 && e.clientY === 0) {
-                setDragOver(false);
-            }
-        };
-        const handleWindowDrop = (e) => {
-            e.preventDefault();
-            setDragOver(false);
-            const file = e.dataTransfer?.files?.[0];
-            if (file) {
-                handleFile(file);
-                refocusAfterFileInput();
-            }
-        };
-        window.addEventListener('dragenter', handleWindowDragEnter);
-        window.addEventListener('dragover', handleWindowDragOver);
-        window.addEventListener('dragleave', handleWindowDragLeave);
-        window.addEventListener('drop', handleWindowDrop);
-        return () => {
-            window.removeEventListener('dragenter', handleWindowDragEnter);
-            window.removeEventListener('dragover', handleWindowDragOver);
-            window.removeEventListener('dragleave', handleWindowDragLeave);
-            window.removeEventListener('drop', handleWindowDrop);
-        };
-    }, [handleFile, refocusAfterFileInput]);
-    return (_jsxs("div", { style: {
-            display: 'flex',
-            opacity: dragOver ? 1 : 0,
-            pointerEvents: dragOver ? 'auto' : 'none',
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-            background: 'rgba(0,0,0,0.5)',
-            zIndex: 999999,
-            alignItems: 'center',
-            justifyContent: 'center',
-            color: '#fff',
-            fontSize: '1.8rem',
-            fontWeight: 700,
-            borderRadius: 12,
-            cursor: 'copy',
-            boxShadow: '0 8px 20px rgba(0,0,0,0.3)',
-            backdropFilter: 'blur(5px)',
-            transition: 'opacity 0.2s, transform 0.2s, background 0.2s',
-        }, onDragEnter: (e) => { e.preventDefault(); e.stopPropagation(); setDragOver(true); }, onDragOver: (e) => { e.preventDefault(); e.stopPropagation(); setDragOver(true); }, onDragLeave: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            // Solo se il cursore ha lasciato il div principale
-            if (!e.currentTarget.contains(e.relatedTarget)) {
-                setDragOver(false);
-            }
-        }, onDrop: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            const file = e.dataTransfer.files[0];
-            if (file)
-                handleFile(file);
-            refocusAfterFileInput();
-            setDragOver(false);
-        }, children: [_jsx("div", { onClick: () => {
-                    setDragOver(false);
-                    handleFile(null);
-                }, style: {
-                    position: 'absolute',
-                    top: 15,
-                    right: 20,
-                    cursor: 'pointer',
-                    fontSize: '1.8rem',
-                    fontWeight: 700,
-                    color: '#fff',
-                }, children: _jsx("i", { className: 'dx-icon-close', style: { fontSize: 25 } }) }), _jsxs("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    alignItems: 'center',
-                    gap: 20,
-                    textAlign: 'center',
-                }, children: [_jsx("img", { src: Toppy, alt: "Toppy", style: { width: 80, height: 'auto' } }), _jsx("div", { style: { fontSize: '1.6rem' }, children: SDKUI_Localizator.DropFileHere })] })] }));
-};
-export default TMDragDropOverlay;

package/lib/components/features/documents/TMFileUploader.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { DeviceType } from '../../base/TMDeviceProvider';
-interface ITMFileUploader {
-    onFileUpload?: (file: File | null) => void;
-    onClose?: () => void;
-    isRequired?: boolean;
-    defaultBlob?: File | null;
-    deviceType?: DeviceType;
-    isResizingActive?: boolean;
-    showTMPanel?: boolean;
-    enableDragDropOverlay?: boolean;
-}
-declare const TMFileUploader: React.FC<ITMFileUploader>;
-export default TMFileUploader;

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

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import styled from 'styled-components';
-import { IconFolderOpen, SDKUI_Localizator, formatBytes, IconClear, extensionHandler, IconCloseOutline } from '../../../helper';
-import usePreventFileDrop from '../../../hooks/usePreventFileDrop';
-import { FileExtensionHandler } from '../../../ts';
-import { TMColors } from '../../../utils/theme';
-import TMButton from '../../base/TMButton';
-import { DeviceType } from '../../base/TMDeviceProvider';
-import TMTooltip from '../../base/TMTooltip';
-import { TMFileViewer, StyledHeaderIcon } from './TMDcmtPreview';
-import TMPanel from '../../base/TMPanel';
-import TMDragDropOverlay from './TMDragDropOverlay';
-const TMFileUploader = ({ deviceType = DeviceType.DESKTOP, onClose, onFileUpload, isRequired = false, defaultBlob = null, isResizingActive, showTMPanel = true, enableDragDropOverlay = false }) => {
-    const [dragOver, setDragOver] = useState(false);
-    const [uploadedFile, setUploadedFile] = useState(defaultBlob);
-    const [fileName, setFileName] = useState('');
-    const [fileSize, setFileSize] = useState(undefined);
-    const [fileExt, setFileExt] = useState(undefined);
-    const uploaderRef = useRef(null);
-    // Ref al TMPanel per chiamare focusPanel()
-    const fileUploaderPanelRef = useRef(null);
-    usePreventFileDrop([uploaderRef]);
-    useEffect(() => {
-        if (!defaultBlob) {
-            clearFile(false);
-            return;
-        }
-        ;
-        handleFile(defaultBlob);
-    }, [defaultBlob]);
-    const handleFile = (file) => {
-        const name = file.name;
-        const extension = file.name.split('.').pop() ?? '';
-        const size = file.size;
-        setUploadedFile(file);
-        setFileName(name);
-        setFileSize(size);
-        setFileExt(extension);
-        onFileUpload?.(file);
-    };
-    const handleDragOver = (e) => {
-        e.preventDefault();
-        setDragOver(true);
-    };
-    const handleDragLeave = () => {
-        setDragOver(false);
-    };
-    const handleDrop = (e) => {
-        e.preventDefault();
-        setDragOver(false);
-        const file = e.dataTransfer.files[0];
-        if (file)
-            handleFile(file);
-        refocusAfterFileInput();
-    };
-    // Funzione per rifocalizzare il pannello dopo la selezione del file
-    const refocusAfterFileInput = useCallback(() => {
-        fileUploaderPanelRef.current?.focusPanel();
-    }, []);
-    const handleInputChange = useCallback((event) => {
-        const file = event.target.files?.[0] || null;
-        if (file)
-            handleFile(file);
-        // Important: Rifocalizza dopo che il file input ha finito
-        refocusAfterFileInput();
-    }, [onFileUpload, refocusAfterFileInput]);
-    const clearFile = useCallback((refocus) => {
-        setUploadedFile(null);
-        setFileName('');
-        setFileSize(undefined);
-        setFileExt(undefined);
-        onFileUpload?.(null);
-        const fileInput = document.getElementById('fileInput');
-        if (fileInput) {
-            fileInput.value = '';
-        }
-        //Rifocalizza dopo la cancellazione del file
-        if (refocus)
-            refocusAfterFileInput();
-    }, [onFileUpload, refocusAfterFileInput]);
-    const browseHandler = useCallback(() => {
-        document.getElementById('fileInput')?.click();
-    }, []);
-    let content = !uploadedFile ?
-        _jsxs("div", { style: { display: 'flex', gap: 10, width: '100%', height: '100%' }, children: [_jsx(HiddenInput, { id: "fileInput", type: "file", onChange: handleInputChange }), _jsxs(UploadContainer, { ref: uploaderRef, tabIndex: 0, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, style: { backgroundColor: dragOver ? '#76b1e6' : 'white' }, onDoubleClick: browseHandler, "$isRequired": isRequired, children: [_jsx("div", { style: { display: 'flex', gap: '10px', flexDirection: 'column', position: 'absolute', right: 5, top: 5 }, children: _jsx(TMButton, { btnStyle: 'icon', caption: 'Sfoglia', color: isRequired && !uploadedFile ? 'error' : 'primary', onClick: browseHandler, icon: _jsx(IconFolderOpen, { fontSize: 22 }) }) }), _jsx("p", { style: { fontSize: '1.2rem', fontWeight: 'bold' }, children: deviceType === DeviceType.MOBILE ? 'Clicca per sfogliare il tuo file' : 'Trascina il tuo file o fai doppio click per sfogliarlo' }), isRequired && _jsxs("p", { style: { fontWeight: 'bold' }, children: [" ", SDKUI_Localizator.RequiredField, " "] })] })] }) :
-        _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 10, width: '100%', height: '100%' }, children: [_jsxs("div", { style: { backgroundColor: 'white', padding: '5px 10px', borderRadius: 8, display: 'flex', alignItems: 'center', justifyContent: 'space-between', color: TMColors.primaryColor }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 5 }, children: [_jsx("p", { children: "File name:" }), _jsxs("div", { style: { fontWeight: 'bold' }, children: [fileName, " ", _jsxs("span", { children: [" ", ` (${formatBytes(fileSize)})`, " "] })] })] }), uploadedFile && _jsx(TMButton, { btnStyle: 'icon', color: 'error', caption: 'Pulisci', onClick: () => clearFile(true), icon: _jsx(IconClear, { fontSize: 22 }) })] }), extensionHandler(fileExt) === FileExtensionHandler.READY_TO_SHOW ? _jsx(TMFileViewer, { fileBlob: uploadedFile, isResizingActive: isResizingActive }) :
-                    _jsx("div", { style: { backgroundColor: '#f6dbdb', padding: '5px 10px', borderRadius: 8, display: 'flex', alignItems: 'center', justifyContent: 'space-between', color: TMColors.error }, children: _jsxs("div", { children: [" ", 'Anteprima non disponibile.', fileExt && _jsx("b", { children: ` (*.${fileExt})` })] }) })] });
-    const innerContent = (_jsxs("div", { style: { width: '100%', height: '100%', padding: '2px', display: 'flex', flexDirection: 'column', gap: 10 }, children: [enableDragDropOverlay && _jsx(TMDragDropOverlay, { handleFile: handleFile, refocusAfterFileInput: refocusAfterFileInput }), content] }));
-    return showTMPanel ? (_jsx(TMPanel, { ref: fileUploaderPanelRef, panelID: 'file-uploader-panel', title: SDKUI_Localizator.FileUpload, onBack: deviceType === DeviceType.MOBILE ? () => onClose?.() : undefined, toolbar: deviceType !== DeviceType.MOBILE ? (_jsx(StyledHeaderIcon, { onClick: onClose, "$color": 'white', children: _jsx(TMTooltip, { content: SDKUI_Localizator.Close, children: _jsx(IconCloseOutline, {}) }) })) : undefined, children: innerContent })) : (innerContent);
-};
-const UploadContainer = styled.div ` 
-position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 5px;
-  border: 2px dashed ${props => props.$isRequired ? () => TMColors.error : () => TMColors.primaryColor};
-  /* max-height: 100px; */
-  width: 100%;
-  height: 100%;
-  border-radius: 8px;
-  padding: 30px;
-  text-align: center;
-  color: ${props => props.$isRequired ? () => TMColors.error : () => TMColors.primaryColor};
-  transition: background-color 0.3s;
-  &:hover {
-    background-color: #658cab;
-  } 
-`;
-const HiddenInput = styled.input `
-  display: none;
-`;
-export default TMFileUploader;

package/lib/components/features/documents/TMMasterDetailDcmts.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { HomeBlogPost, TaskDescriptor } from '@topconsultnpm/sdk-ts';
-import { DcmtInfo, TaskContext } from '../../../ts';
-import { DeviceContextProps } from '../../base/TMDeviceProvider';
-interface ITMMasterDetailDcmtsProps extends DeviceContextProps {
-    allTasks?: Array<TaskDescriptor>;
-    getAllTasks?: () => Promise<void>;
-    deleteTaskByIdsCallback?: (deletedTaskIds: Array<number>) => Promise<void>;
-    addTaskCallback?: (task: TaskDescriptor) => Promise<void>;
-    editTaskCallback?: (task: TaskDescriptor) => Promise<void>;
-    handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
-    handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
-    inputDcmts?: DcmtInfo[];
-    isForMaster?: boolean;
-    showCurrentDcmtIndicator?: boolean;
-    allowNavigation?: boolean;
-    canNext?: boolean;
-    canPrev?: boolean;
-    onNext?: () => void;
-    onPrev?: () => void;
-    onBack?: () => void;
-    appendMasterDcmts?: (tid: number | undefined, did: number | undefined) => void;
-    onTaskCreateRequest?: (taskContext: TaskContext, onTaskCreated?: (task?: TaskDescriptor) => void) => void;
-}
-declare const TMMasterDetailDcmts: React.FC<ITMMasterDetailDcmtsProps>;
-export default TMMasterDetailDcmts;

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

@@ -1,288 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { DcmtTypeListCacheService, SDK_Localizator } from '@topconsultnpm/sdk-ts';
-import { ContextMenu } from 'devextreme-react';
-import TMRelationViewer from './TMRelationViewer';
-import { genUniqueId, svgToString, IconMultipleSelection, IconCheckFile, IconDetailDcmts, SDKUI_Localizator, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconMenuVertical, IconDataList, IconPreview, IconSearchCheck, IconBoard, IconDcmtTypeSys, IconShow } from '../../../helper';
-import { FormModes, SearchResultContext } from '../../../ts';
-import { TMColors } from '../../../utils/theme';
-import ShowAlert from '../../base/TMAlert';
-import { DeviceType } from '../../base/TMDeviceProvider';
-import { TMSaveFormButtonPrevious, TMSaveFormButtonNext } from '../../forms/TMSaveForm';
-import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
-import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
-import TMSearchResult from '../search/TMSearchResult';
-import TMDcmtForm from './TMDcmtForm';
-import { TMNothingToShow } from './TMDcmtPreview';
-const TMMasterDetailDcmts = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers, deviceType, inputDcmts, isForMaster, showCurrentDcmtIndicator = true, allowNavigation, canNext, canPrev, onNext, onPrev, onBack, appendMasterDcmts, onTaskCreateRequest }) => {
-    const [id, setID] = useState('');
-    const [focusedItem, setFocusedItem] = useState();
-    const [selectedItems, setSelectedItems] = useState([]);
-    const [showZeroDcmts, setShowZeroDcmts] = useState(false);
-    const [allowMultipleSelection, setAllowMultipleSelection] = useState(false);
-    const [dtdMaster, setDtdMaster] = useState();
-    useEffect(() => { setID(genUniqueId()); }, []);
-    // Load dtdMaster when inputDcmts changes
-    useEffect(() => {
-        const loadDtdMaster = async () => {
-            if (!inputDcmts || inputDcmts.length === 0 || !isForMaster) {
-                setDtdMaster(undefined);
-                return;
-            }
-            // Get TID from first document
-            const firstTID = inputDcmts[0]?.TID;
-            if (firstTID) {
-                const dtd = await DcmtTypeListCacheService.GetAsync(firstTID);
-                setDtdMaster(dtd);
-            }
-        };
-        loadDtdMaster();
-    }, [inputDcmts?.length, inputDcmts?.[0]?.TID, isForMaster]);
-    const handleFocusedItemChanged = useCallback((item) => {
-        setFocusedItem(item);
-    }, []);
-    const handleSelectedItemsChanged = useCallback((items) => {
-        setSelectedItems(items);
-    }, []);
-    const commandsMenuItems = [
-        {
-            icon: svgToString(_jsx(IconMultipleSelection, { color: allowMultipleSelection ? TMColors.tertiary : TMColors.text_normal })),
-            text: "Selezione multipla",
-            operationType: 'singleRow',
-            onClick: () => {
-                setAllowMultipleSelection(prev => !prev);
-            }
-        },
-        {
-            icon: svgToString(_jsx(IconCheckFile, {})),
-            text: "Consenti dettagli con 0 documenti",
-            operationType: 'singleRow',
-            onClick: () => {
-                setShowZeroDcmts(prev => !prev);
-            }
-        },
-        {
-            icon: svgToString(_jsx(IconDetailDcmts, { transform: 'scale(-1, 1)' })),
-            text: SDKUI_Localizator.DcmtsMaster,
-            operationType: 'singleRow',
-            disabled: !focusedItem?.isDcmt || !isForMaster,
-            onClick: () => {
-                appendMasterDcmts?.(focusedItem?.tid, focusedItem?.did);
-            }
-        },
-        {
-            icon: svgToString(_jsx(IconMail, {})),
-            text: "Invia per posta",
-            operationType: 'multiRow',
-            disabled: false,
-            beginGroup: true,
-            items: [
-                {
-                    icon: svgToString(_jsx(IconMail, {})),
-                    text: "I documenti selezionati",
-                    operationType: 'multiRow',
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: svgToString(_jsx(IconMail, {})),
-                    text: "I documenti di primo livello e tutti i documenti correlati",
-                    operationType: 'multiRow',
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: svgToString(_jsx(IconMail, {})),
-                    text: "I documenti di primo livello e i documenti correlati personalizzando l'operazione",
-                    operationType: 'multiRow',
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-            ]
-        },
-        {
-            icon: svgToString(_jsx(IconDcmtTypeOnlyMetadata, {})),
-            text: "Unisci in un file PDF",
-            operationType: 'multiRow',
-            disabled: false,
-            items: [
-                {
-                    icon: svgToString(_jsx(IconDcmtTypeOnlyMetadata, {})),
-                    text: "I documenti selezionati",
-                    operationType: 'multiRow',
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: svgToString(_jsx(IconDcmtTypeOnlyMetadata, {})),
-                    text: "I documenti di primo livello e tutti i documenti correlati",
-                    operationType: 'multiRow',
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: svgToString(_jsx(IconDcmtTypeOnlyMetadata, {})),
-                    text: "I documenti di primo livello e i documenti correlati personalizzando l'operazione",
-                    operationType: 'multiRow',
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-            ]
-        },
-        {
-            icon: svgToString(_jsx(IconCopy, {})),
-            text: "Copia in una cartella",
-            operationType: 'multiRow',
-            disabled: false,
-            items: [
-                {
-                    icon: svgToString(_jsx(IconCopy, {})),
-                    text: "I documenti selezionati",
-                    operationType: 'multiRow',
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: svgToString(_jsx(IconCopy, {})),
-                    text: "I documenti di primo livello e tutti i documenti correlati",
-                    operationType: 'multiRow',
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-                {
-                    icon: svgToString(_jsx(IconCopy, {})),
-                    text: "I documenti di primo livello e i documenti correlati personalizzando l'operazione",
-                    operationType: 'multiRow',
-                    disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO", mode: 'info', title: `${"TODO"}`, duration: 3000 })
-                },
-            ]
-        }
-    ];
-    const toolbar = _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '10px' }, children: [allowMultipleSelection && _jsx("p", { style: { color: TMColors.colorHeader, textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${selectedItems.length} selezionati` }), allowNavigation && canPrev != undefined && _jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', iconColor: 'white', isModified: false, formMode: FormModes.ReadOnly, canPrev: canPrev, onPrev: onPrev }), allowNavigation && canNext != undefined && _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', iconColor: 'white', isModified: false, formMode: FormModes.ReadOnly, canNext: canNext, onNext: onNext }), _jsx(IconMenuVertical, { id: `commands-detail-${id}`, color: 'white', cursor: 'pointer' }), _jsx(ContextMenu, { showEvent: 'click', dataSource: commandsMenuItems, target: `#commands-detail-${id}` })] });
-    const getTitle = () => isForMaster ? `${SDKUI_Localizator.DcmtsMaster} - ${dtdMaster?.nameLoc}` : SDKUI_Localizator.DcmtsDetail;
-    const isMobile = deviceType === DeviceType.MOBILE;
-    const tmTreeView = useMemo(() => _jsx(_Fragment, { children: !inputDcmts || inputDcmts.length === 0
-            ?
-                _jsx(TMNothingToShow, { text: getTitle(), secondText: SDKUI_Localizator.NoDataToDisplay, icon: isForMaster ? _jsx(IconDetailDcmts, { fontSize: 96, transform: 'scale(-1, 1)' }) : _jsx(IconDetailDcmts, { fontSize: 96 }) })
-            :
-                _jsx(TMRelationViewerWrapper, { inputDcmts: inputDcmts, isForMaster: isForMaster, showCurrentDcmtIndicator: showCurrentDcmtIndicator, showZeroDcmts: showZeroDcmts, 
-                    // customItemRender={customItemRender}
-                    allowMultipleSelection: allowMultipleSelection, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectedItemsChanged: handleSelectedItemsChanged }) }), [inputDcmts, isForMaster, showCurrentDcmtIndicator, showZeroDcmts, allowMultipleSelection, focusedItem, selectedItems, handleFocusedItemChanged, handleSelectedItemsChanged]);
-    const tmFormOrResult = useMemo(() => _jsx(TMFormOrResultWrapper, { deviceType: deviceType, focusedItem: focusedItem, onTaskCreateRequest: onTaskCreateRequest, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }), [focusedItem, deviceType, allTasks]);
-    const initialPanelDimensions = {
-        'tmTreeView': { width: '50%', height: '100%' },
-        'tmFormOrResult': { width: '50%', height: '100%' },
-        'tmDcmtForm': { width: '25%', height: '100%' },
-        'tmSearchResult': { width: '25%', height: '100%' },
-        'tmBlog': { width: '25%', height: '100%' },
-        'tmSysMetadata': { width: '25%', height: '100%' },
-        'tmDcmtPreview': { width: '25%', height: '100%' },
-    };
-    const allInitialPanelVisibility = {
-        'tmTreeView': true,
-        'tmFormOrResult': true,
-        'tmDcmtForm': false,
-        'tmSearchResult': true,
-        'tmBlog': false,
-        'tmSysMetadata': false,
-        'tmDcmtPreview': false,
-    };
-    const initialPanels = useMemo(() => [
-        {
-            id: 'tmTreeView',
-            name: SDK_Localizator.Relations,
-            contentOptions: {
-                component: tmTreeView,
-                isClosable: false,
-                panelContainer: {
-                    title: getTitle(),
-                    toolbar: toolbar,
-                    allowMaximize: !isMobile,
-                    onBack: onBack
-                }
-            },
-            toolbarOptions: {
-                icon: _jsx(IconDataList, { fontSize: 24 }),
-                visible: true,
-                orderNumber: 1,
-                isActive: allInitialPanelVisibility['tmTreeView']
-            }
-        },
-        {
-            id: 'tmFormOrResult',
-            name: focusedItem?.isDcmt ? SDK_Localizator.Metadatas : SDKUI_Localizator.SearchResult,
-            contentOptions: {
-                component: tmFormOrResult,
-                isClosable: false
-            },
-            children: [
-                {
-                    id: 'tmDcmtForm',
-                    name: SDK_Localizator.Metadatas,
-                    toolbarOptions: { icon: _jsx(IconPreview, { fontSize: 24 }), visible: false, orderNumber: 1, isActive: allInitialPanelVisibility['tmDcmtForm'] }
-                },
-                {
-                    id: 'tmSearchResult',
-                    name: SDKUI_Localizator.SearchResult,
-                    toolbarOptions: { icon: _jsx(IconSearchCheck, { fontSize: 24 }), visible: false, orderNumber: 1, isActive: allInitialPanelVisibility['tmSearchResult'] }
-                },
-                {
-                    id: 'tmBlog',
-                    name: SDKUI_Localizator.BlogCase,
-                    toolbarOptions: { icon: _jsx(IconBoard, { fontSize: 24 }), visible: true, orderNumber: 4, isActive: allInitialPanelVisibility['tmBlog'] }
-                },
-                {
-                    id: 'tmSysMetadata',
-                    name: SDKUI_Localizator.MetadataSystem,
-                    toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: true, orderNumber: 5, isActive: allInitialPanelVisibility['tmSysMetadata'] }
-                },
-                {
-                    id: 'tmDcmtPreview',
-                    name: SDKUI_Localizator.PreviewDocument,
-                    toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), visible: true, orderNumber: 6, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
-                }
-            ],
-            toolbarOptions: { icon: _jsx(IconSearchCheck, { fontSize: 24 }), visible: false, orderNumber: 2, isActive: allInitialPanelVisibility['tmFormOrResult'] }
-        }
-    ], [tmTreeView, tmFormOrResult, focusedItem?.isDcmt, dtdMaster]);
-    return (_jsx(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmTreeView', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true }) }));
-};
-export default TMMasterDetailDcmts;
-/**
- * Wrapper per TMRelationViewer che aggiunge funzionalità specifiche di TMMasterDetailDcmts:
- * - Multiple selection management
- * - Panel visibility toggling
- * - Focus delay handling
- */
-const TMRelationViewerWrapper = ({ inputDcmts, isForMaster, showCurrentDcmtIndicator, showZeroDcmts, customItemRender, allowMultipleSelection, focusedItem, selectedItems, onFocusedItemChanged, onSelectedItemsChanged }) => {
-    const { setPanelVisibilityById, setToolbarButtonVisibility } = useTMPanelManagerContext();
-    // Handle focused item changes with panel visibility management
-    const handleFocusedItemChanged = useCallback((item) => {
-        onFocusedItemChanged?.(item);
-        // Toggle panels based on item type
-        if (item?.isDcmt) {
-            setPanelVisibilityById('tmSearchResult', false);
-            setPanelVisibilityById('tmDcmtForm', true);
-            setToolbarButtonVisibility('tmSearchResult', false);
-            setToolbarButtonVisibility('tmDcmtForm', true);
-        }
-        else {
-            setPanelVisibilityById('tmSearchResult', true);
-            setPanelVisibilityById('tmDcmtForm', false);
-            setToolbarButtonVisibility('tmSearchResult', true);
-            setToolbarButtonVisibility('tmDcmtForm', false);
-        }
-    }, [onFocusedItemChanged, setPanelVisibilityById, setToolbarButtonVisibility]);
-    return (_jsx(TMRelationViewer, { inputDcmts: inputDcmts, isForMaster: isForMaster, showCurrentDcmtIndicator: showCurrentDcmtIndicator, initialShowZeroDcmts: showZeroDcmts, customItemRender: customItemRender, allowMultipleSelection: allowMultipleSelection, focusedItem: focusedItem, selectedItems: selectedItems, onFocusedItemChanged: handleFocusedItemChanged, onSelectedItemsChanged: onSelectedItemsChanged, maxDepthLevel: 1, invertMasterNavigation: false }));
-};
-const TMFormOrResultWrapper = ({ deviceType, focusedItem, onTaskCreateRequest, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
-    const { setPanelVisibilityById } = useTMPanelManagerContext();
-    return (_jsx(_Fragment, { children: focusedItem?.isDcmt ?
-            _jsx(TMDcmtForm, { groupId: 'tmFormOrResult', TID: focusedItem?.tid, DID: focusedItem.did, allowButtonsRefs: true, isClosable: deviceType !== DeviceType.MOBILE, allowNavigation: false, allowRelations: deviceType !== DeviceType.MOBILE, showDcmtFormSidebar: false, onClose: () => {
-                    setPanelVisibilityById('tmTreeView', true);
-                }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) :
-            _jsx(TMSearchResult, { groupId: 'tmFormOrResult', isClosable: deviceType !== DeviceType.MOBILE, context: SearchResultContext.METADATA_SEARCH, allowFloatingBar: false, allowRelations: false, openDcmtFormAsModal: true, searchResults: focusedItem?.searchResult ?? [], showSearchResultSidebar: false, onTaskCreateRequest: onTaskCreateRequest, onClose: () => {
-                    setPanelVisibilityById('tmTreeView', true);
-                }, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }) }));
-};