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

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

@@ -1,270 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from 'react';
-import { DcmtTypeListCacheService, LayoutModes, SDK_Localizator, TreeCacheService, TreeItemTypes } from '@topconsultnpm/sdk-ts';
-import { TreeList, Column, Scrolling, Selection } from 'devextreme-react/tree-list';
-import { DropDownBox } from 'devextreme-react';
-import { IconStarRemove, IconStar, SDKUI_Localizator, SDKUI_Globals, IconFolder, IconInfo, IconCloseOutline } from '../../../helper';
-import { StyledDivHorizontal, StyledOffCanvasPanel } from '../../base/Styled';
-import TMButton from '../../base/TMButton';
-import TMDataGrid from '../../base/TMDataGrid';
-import TMPanel from '../../base/TMPanel';
-import TMTidViewer, { renderDTDTooltipContent, TMDcmtTypeTooltip } from '../../viewers/TMTidViewer';
-import { TMColors } from '../../../utils/theme';
-import styled from 'styled-components';
-import { useOutsideClick } from '../../../hooks/useOutsideClick';
-import { DeviceType, useDeviceType } from '../../base/TMDeviceProvider';
-const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelectedTIDChanged, onClosePanel, allowMaximize = true, onMaximizePanel }) => {
-    const [trees, setTrees] = useState([]);
-    const [treeItems, setTreeItems] = useState([]);
-    const [selectedTreeId, setSelectedTreeId] = useState(0);
-    const [infoDTD, setInfoDTD] = useState();
-    // State to store selected row keys
-    const [selectedRowKeys, setSelectedRowKeys] = useState([]);
-    // State hook to store the currently focused row key, initially set to undefined
-    const [focusedRowKey, setFocusedRowKey] = useState(undefined);
-    const [isGridBoxOpened, setIsGridBoxOpened] = useState(false);
-    const [defaultTreeId, setDefaultTreeId] = useState(-1);
-    const deviceType = useDeviceType();
-    const isMobile = deviceType === DeviceType.MOBILE;
-    const panelRef = useOutsideClick(() => setInfoDTD(undefined));
-    // useEffect(() => {
-    //     if (treeItems.length > 0 && treeItems[0].id) {
-    //         setSelectedRowKeys([treeItems[0].id])
-    //     }
-    // }, [treeItems])
-    useEffect(() => {
-        const setResultCache = (result) => {
-            if (result && result.length > 0) {
-                setTrees(result);
-                let defaultTree = SDKUI_Globals.userSettings.searchSettings.defaultTree;
-                let initialTreeId;
-                let treeToSelect;
-                if (defaultTree > 0) {
-                    initialTreeId = defaultTree;
-                    treeToSelect = result.find(o => o.id == defaultTree);
-                }
-                else {
-                    initialTreeId = result[0]?.id ?? 0;
-                    treeToSelect = result[0];
-                }
-                setSelectedTreeId(initialTreeId);
-                if (treeToSelect?.id) {
-                    setSelectedRowKeys([treeToSelect.id]);
-                }
-            }
-        };
-        if (layoutMode == LayoutModes.Update) {
-            TreeCacheService.GetAllSearchAsync().then((result) => { setResultCache(result); });
-        }
-        else {
-            TreeCacheService.GetAllArchiveAsync().then((result) => { setResultCache(result); });
-        }
-    }, [layoutMode]);
-    useEffect(() => {
-        let newTreeItems = trees.find(o => o.id == selectedTreeId)?.items ?? [];
-        setTreeItems(newTreeItems);
-    }, [selectedTreeId, trees]);
-    const renderCell = useCallback((data) => {
-        const treeItem = data.data;
-        const [showInfo, setShowInfo] = useState(false);
-        // Documento (DcmtType)
-        if (treeItem.type === TreeItemTypes.DcmtType) {
-            return (_jsxs(StyledDivHorizontal, { style: {
-                    alignItems: 'center',
-                    minWidth: 0,
-                    width: '100%',
-                    gap: 2,
-                    position: 'relative'
-                }, onMouseEnter: async () => {
-                    if (!isMobile) {
-                        setShowInfo(true);
-                        let dtd = await DcmtTypeListCacheService.GetAsync(treeItem.tid);
-                        setInfoDTD(dtd);
-                    }
-                }, onMouseLeave: () => {
-                    if (!isMobile) {
-                        setShowInfo(false);
-                        setInfoDTD(undefined);
-                    }
-                }, children: [_jsx("span", { style: { cursor: 'pointer', flex: 1, minWidth: 0 }, children: _jsx(TMTidViewer, { tid: treeItem.tid, color: TMColors.primaryColor, showIcon: false }) }), !isMobile && (_jsx("span", { style: {
-                            opacity: showInfo ? 1 : 0,
-                            transition: 'opacity 0.2s',
-                            pointerEvents: showInfo ? 'auto' : 'none',
-                            cursor: 'pointer',
-                            display: 'flex',
-                            alignItems: 'center',
-                            marginLeft: 'auto',
-                            zIndex: 2
-                        }, children: _jsx(TMDcmtTypeTooltip, { dtd: infoDTD, children: _jsx(IconInfo, { color: TMColors.info }) }) }))] }));
-        }
-        // Folder (altri tipi)
-        return (_jsxs(StyledDivHorizontal, { style: { gap: 5, alignItems: 'center', minWidth: 0 }, children: [_jsx("span", { style: {
-                        flex: '0 0 auto',
-                        width: 24,
-                        height: 24,
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center'
-                    }, children: _jsx(IconFolder, { fontSize: 24, color: TMColors.iconLight }) }), _jsx("span", { style: {
-                        color: TMColors.primaryColor,
-                        minWidth: 0,
-                        overflow: 'hidden',
-                        textOverflow: 'ellipsis',
-                        whiteSpace: 'nowrap',
-                        flex: 1,
-                    }, children: treeItem.nameLoc })] }));
-    }, [isMobile, infoDTD, setInfoDTD]);
-    // Handles selection change in the data grid
-    const onSelectionChanged = useCallback((e) => {
-        const selectedKeys = e.component.getSelectedRowKeys() ?? [];
-        if (selectedKeys.length === 0)
-            return;
-        if (selectedKeys[0] === undefined)
-            return;
-        if (selectedKeys.length > 0)
-            setSelectedTreeId(selectedKeys[0]);
-        setSelectedRowKeys(selectedKeys);
-        setIsGridBoxOpened(false);
-    }, []);
-    // Handles focus change in the data grid
-    const onFocusedRowChanged = useCallback((e) => {
-        setFocusedRowKey(e.row?.key);
-    }, []);
-    const syncDataGridSelection = useCallback((e) => {
-        const treeItemDescriptor = e.value;
-        if (treeItemDescriptor?.id)
-            setSelectedRowKeys([treeItemDescriptor.id]);
-    }, []);
-    const onGridBoxOpened = useCallback((e) => {
-        if (e.name === 'opened') {
-            setIsGridBoxOpened(e.value);
-        }
-        ;
-    }, []);
-    // Callback function to handle double-click events on a tree view cell
-    const onCellDblClickTreeView = useCallback((e) => {
-        // Extract the data from the clicked cell and cast it to the TreeItemDescriptor type
-        const treeItem = e.data;
-        // Get a reference to the TreeList component instance that triggered the event
-        const treeList = e.component;
-        // Get the unique key of the clicked row
-        const key = e.key;
-        // Check if the clicked item is of type Folder, row expansion state to toggle visibility of children
-        if (treeItem.type === TreeItemTypes.Folder) {
-            // If the folder row is currently expanded, collapse it
-            if (treeList.isRowExpanded(key)) {
-                treeList.collapseRow(key);
-            }
-            // If the folder row is collapsed, expand it
-            else {
-                treeList.expandRow(key);
-            }
-        }
-    }, []);
-    return (_jsx(TMPanel, { title: SDK_Localizator.Trees, isVisible: isVisible, totalItems: trees.length, onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsx(TMButton, { btnStyle: 'icon', caption: defaultTreeId == selectedTreeId ? SDKUI_Localizator.TreeRemoveDefault : SDKUI_Localizator.SetAsDefault, icon: defaultTreeId == selectedTreeId ? _jsx(IconStarRemove, { color: 'rgb(243, 114, 92)' }) : _jsx(IconStar, { color: 'rgb(248, 215, 117)' }), onClick: () => {
-                if (defaultTreeId == selectedTreeId) {
-                    if (layoutMode == LayoutModes.Update)
-                        SDKUI_Globals.userSettings.searchSettings.defaultTree = -1;
-                    else
-                        SDKUI_Globals.userSettings.archivingSettings.defaultTree = -1;
-                    setDefaultTreeId(-1);
-                }
-                else {
-                    if (layoutMode == LayoutModes.Update)
-                        SDKUI_Globals.userSettings.searchSettings.defaultTree = selectedTreeId;
-                    else
-                        SDKUI_Globals.userSettings.archivingSettings.defaultTree = selectedTreeId;
-                    setDefaultTreeId(selectedTreeId);
-                }
-            } }), children: trees.length > 0
-            ?
-                _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        height: '100%',
-                        width: '100%',
-                        boxSizing: 'border-box',
-                        minHeight: 0,
-                    }, children: [_jsx("div", { style: { padding: '10px' }, children: _jsx(DropDownBox, { dropDownOptions: {
-                                    resizeEnabled: true,
-                                    minWidth: "100%",
-                                    height: trees.length <= 10 ? 300 : 500,
-                                    maxWidth: "100%"
-                                }, value: selectedTreeId, opened: isGridBoxOpened, valueExpr: "id", displayExpr: "nameLoc", deferRendering: false, dataSource: trees, onValueChanged: syncDataGridSelection, onOptionChanged: onGridBoxOpened, style: { height: 30, padding: '5px' }, children: _jsx(TMDataGrid, { height: "100%", width: "100%", dataSource: trees, dataColumns: [
-                                        { dataField: 'nameLoc', caption: SDKUI_Localizator.Name, width: 'auto' },
-                                        { dataField: 'description', caption: SDKUI_Localizator.Description, width: 'auto' },
-                                    ], selection: { mode: 'single', showCheckBoxesMode: "none" }, showHeaderFilter: false, selectedRowKeys: selectedRowKeys, onSelectionChanged: onSelectionChanged, focusedRowKey: focusedRowKey, onFocusedRowChanged: onFocusedRowChanged }) }) }), _jsxs(StyledTreeListWrapper, { children: [_jsxs(TreeList, { height: "100%", dataSource: treeItems, showRowLines: false, showColumnLines: false, showBorders: false, columnAutoWidth: false, keyExpr: "id", parentIdExpr: "parentID", dataStructure: "plain", showColumnHeaders: false, onContentReady: (e) => e.component.clearSelection(), onCellDblClick: onCellDblClickTreeView, onSelectionChanged: (e) => {
-                                        if (e.selectedRowsData[0] && e.selectedRowsData[0].type == TreeItemTypes.DcmtType) {
-                                            onSelectedTIDChanged?.(e.selectedRowsData[0].tid, selectedTreeId);
-                                        }
-                                    }, children: [_jsx(Column, { dataField: "nameLoc", caption: SDKUI_Localizator.Name, cellRender: renderCell, width: "100%" }), _jsx(Scrolling, { mode: "virtual", useNative: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar) === 1 }), _jsx(Selection, { mode: "single" })] }), _jsxs(StyledOffCanvasPanel, { ref: panelRef, "$isOpen": isMobile && infoDTD !== undefined, children: [_jsxs(StyledDivHorizontal, { style: { gap: 10, padding: '10px 8px', width: '100%', alignItems: 'center' }, children: [_jsx("p", { style: { fontSize: '1.1rem', fontWeight: 'bold' }, children: `${SDKUI_Localizator.DcmtType} - ${SDKUI_Localizator.About}` }), _jsx(IconCloseOutline, { style: { marginLeft: 'auto', cursor: 'pointer' }, onClick: () => setInfoDTD(undefined) })] }), renderDTDTooltipContent(infoDTD)] })] })] })
-            : _jsx("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%', fontSize: '1.5rem' }, children: SDKUI_Localizator.TreesNoAvailable }) }));
-};
-export default TMTreeSelector;
-const StyledTreeListWrapper = styled.div `
-    width: 100%;
-    height: 100%;
-    min-height: 0;
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-
-    .dx-treelist,
-    .dx-treelist-rowsview,
-    .dx-scrollable,
-    .dx-scrollable-wrapper,
-    .dx-scrollable-container,
-    .dx-scrollable-content {
-        height: 100% !important;
-        min-height: 0 !important;
-        max-height: 100% !important;
-        box-sizing: border-box;
-    }
-
-    .dx-scrollable-scrollbar.dx-scrollbar-vertical {
-        /* Mostra solo quando serve */
-        opacity: 1 !important;
-    }
-
-    .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
-        display: none !important;
-    }
-
-	.dx-treelist-container>.dx-treelist-headers,
-	.dx-treelist-container>.dx-treelist-rowsview {
-		background-color: transparent;
-	}
-
-	.dx-treelist-rowsview .dx-treelist-empty-space {
-		position: relative;
-		top: 4px;
-		display: inline-block;
-		width: 16px;
-	}
-
-	.dx-row > td {
-		padding: 10px 4px;
-		font-size: 1rem;
-        white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	.dx-selection td {
-		background: oklch(from var(--dx-color-primary) l c h / .2) !important;
-	}
-
-    .dx-data-row:hover {
-        cursor: pointer;
-        background: linear-gradient(
-            270deg,
-            rgba(70, 181, 162, 0.15) 16%,
-            rgba(59, 170, 188, 0.15) 34%,
-            rgba(59, 170, 188, 0.15) 34%,
-            rgba(54, 129, 173, 0.15) 54%,
-            rgba(51, 104, 165, 0.15) 72%,
-            rgba(47, 84, 157, 0.15) 88%,
-            rgba(48, 79, 153, 0.15) 100%
-        );
-    }
-`;

package/lib/components/features/search/TMViewHistoryDcmt.d.ts

@@ -1,18 +0,0 @@
-import { DcmtInfo } from "../../../ts/types";
-import { DeviceType } from "../../base/TMDeviceProvider";
-import { DcmtTypeDescriptor, HomeBlogPost, TaskDescriptor } from "@topconsultnpm/sdk-ts";
-interface TMViewHistoryDcmtProps {
-    fromDTD: DcmtTypeDescriptor;
-    deviceType: DeviceType | undefined;
-    inputDcmt: DcmtInfo;
-    onClose: () => void;
-    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>;
-}
-declare const TMViewHistoryDcmt: (props: TMViewHistoryDcmtProps) => import("react/jsx-runtime").JSX.Element;
-export default TMViewHistoryDcmt;

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

@@ -1,285 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { DownloadTypes, FormModes } from "../../../ts/types";
-import { associateColumnsToRows, calcResponsiveSizes, formatBytes, getExceptionMessage, Globalization, SDKUI_Localizator } from "../../../helper";
-import TMModal from "../../base/TMModal";
-import { DeleteEngine, ResultTypes, SDK_Globals, UpdateEngineByID, UserListCacheService } from "@topconsultnpm/sdk-ts";
-import TMSpinner from "../../base/TMSpinner";
-import { ButtonNames, TMExceptionBoxManager, TMMessageBoxManager } from "../../base/TMPopUp";
-import TMDcmtIcon from "../documents/TMDcmtIcon";
-import TMDataGrid from "../../base/TMDataGrid";
-import TMDcmtForm from "../documents/TMDcmtForm";
-import { useDcmtOperations } from "../../../hooks/useDcmtOperations";
-import { TMLayoutWaitingContainer } from "../../base/TMWaitPanel";
-import { TMResultManager } from "../../forms/TMResultDialog";
-let abortLocalController = new AbortController();
-const TMViewHistoryDcmt = (props) => {
-    const { deviceType, inputDcmt, onClose, fromDTD, allTasks, getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers } = props;
-    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
-    const [dcmtHistory, setDcmtHistory] = useState([]);
-    // showId is a state variable that determines whether an ID-related component or feature should be displayed
-    const [showId, setShowId] = useState(false);
-    // State to store when show search panel inside datagrid
-    const [showSearch, setShowSearch] = useState(true);
-    // Memoized configuration for DataGrid selection mode: single selection without checkboxes
-    const selection = useMemo(() => {
-        return { mode: 'single', showCheckBoxesMode: 'none' };
-    }, []);
-    // State to store the currently focused row key, initially set to undefined
-    const [focusedRowKey, setFocusedRowKey] = useState(undefined);
-    // State to store the currently focused row index, initially set to -1
-    const [selectedIndex, setSelectedIndex] = useState(-1);
-    // State to manage show selected file
-    const [showDcmtForm, setShowDcmtForm] = useState(false);
-    // Memoized value to get the selected draft based on the focused row key
-    const selectedDcmt = useMemo(() => dcmtHistory.find(dcmt => dcmt.id === focusedRowKey), [focusedRowKey, dcmtHistory]);
-    // State variable to control the visibility of the wait panel.
-    const [showLocalWaitPanel, setShowLocalWaitPanel] = useState(false);
-    // State variable to store the title of the wait panel.
-    const [waitLocalPanelTitle, setWaitLocalPanelTitle] = useState('');
-    // State variable to control the visibility of the primary section of the wait panel.
-    const [showLocalPrimary, setShowLocalPrimary] = useState(false);
-    // State variable to store the primary text of the wait panel.
-    const [waitLocalPanelTextPrimary, setWaitLocalPanelTextPrimary] = useState('');
-    // State variable to track the current value of the primary progress indicator in the wait panel.
-    const [waitLocalPanelValuePrimary, setWaitLocalPanelValuePrimary] = useState(0);
-    // State variable to define the maximum value for the primary progress indicator in the wait panel.
-    const [waitLocalPanelMaxValuePrimary, setWaitLocalPanelMaxValuePrimary] = useState(0);
-    const getParticipantById = (id, users) => {
-        if (users.length === 0)
-            return null;
-        return users.find(participant => participant.id === id) || null;
-    };
-    const getHistory = async (users) => {
-        try {
-            // Show a spinner with a loading message
-            TMSpinner.show({ description: SDKUI_Localizator.Loading });
-            // Initialize the working group engine
-            const ue = new UpdateEngineByID(SDK_Globals.tmSession);
-            ue.DID = inputDcmt.DID;
-            ue.TID = inputDcmt.TID;
-            ue.Metadata_ClearAll();
-            const dcmtGetHistory = await ue.GetChronologyAsync();
-            if (dcmtGetHistory && dcmtGetHistory.dtdResult) {
-                const data = associateColumnsToRows(dcmtGetHistory.dtdResult.columns ?? [], dcmtGetHistory.dtdResult.rows ?? []);
-                const historyFileItems = data.map((row) => {
-                    const updaterID = Number(row.UpdaterID);
-                    const user = getParticipantById(updaterID, users);
-                    return {
-                        id: Number(row.DID),
-                        TID: row.TID,
-                        DID: row.DID,
-                        FileCount: row.FileCount,
-                        FileExt: row.FileExt,
-                        FileSize: row.FileSize,
-                        FileSizeDisplay: formatBytes(Number(row.FileSize) ?? 0),
-                        UpdaterID: row.UpdaterID,
-                        UpdaterDisplayName: user?.name ?? updaterID.toString(),
-                        CreationTime: row.CreationTime,
-                        LastUpdateTime: row.LastUpdateTime,
-                        LastUpdateTimeDisplay: row.LastUpdateTime ? Globalization.getDateTimeDisplayValue(new Date(row.LastUpdateTime)) : '-',
-                        Version: row.Version,
-                        CheckInTime: row.CheckInTime,
-                        IsLex: row.IsLex ? row.IsLex.toString() === '1' : false,
-                        IsLogDel: row.IsLogDel ? row.IsLogDel.toString() === '1' : false,
-                        IsMail: row.IsMail ? row.IsMail.toString() === '1' : false,
-                        IsShared: row.IsShared ? row.IsShared.toString() === '1' : false,
-                        IsSigned: row.IsSigned ? row.IsSigned.toString() === '1' : false,
-                    };
-                });
-                return historyFileItems;
-            }
-            return [];
-        }
-        catch (error) {
-            // Show error if something goes wrong
-            TMExceptionBoxManager.show({ exception: error });
-            return [];
-        }
-        finally {
-            // Hide spinner when done
-            TMSpinner.hide();
-        }
-    };
-    // Define an asynchronous function to fetch draft history
-    const fetchDcmtHistory = async (users) => {
-        // Await the result of the getHistory() function, which likely retrieves draft history data
-        const historyFileItems = await getHistory(users);
-        // Update the state with the fetched history data
-        setDcmtHistory(historyFileItems);
-    };
-    // Load users and history data
-    const loadData = async () => {
-        const users = await UserListCacheService.GetAllAsync();
-        await fetchDcmtHistory(users ?? []);
-    };
-    useEffect(() => {
-        loadData();
-    }, []);
-    // Handles focus change in the data grid
-    const onFocusedRowChanged = useCallback((e) => {
-        const key = e.row?.key;
-        setFocusedRowKey(key);
-        if (key !== undefined) {
-            const index = dcmtHistory.findIndex(item => item.id === key);
-            setSelectedIndex(index);
-        }
-        else {
-            setSelectedIndex(-1);
-        }
-    }, [dcmtHistory]);
-    const downloadFilesCallback = async () => {
-        if (focusedRowKey === undefined)
-            return;
-        const focusedRow = dcmtHistory.find(dcmt => dcmt.id === focusedRowKey);
-        const files = [];
-        if (focusedRow && focusedRow.TID && focusedRow.DID && focusedRow.FileExt) {
-            files.push({ TID: Number(focusedRow.TID), DID: Number(focusedRow.DID), FILEEXT: focusedRow.FileExt });
-        }
-        if (files.length > 0)
-            await downloadDcmtsAsync(files, DownloadTypes.Dcmt, "download");
-    };
-    const deleteFilesCallback = () => {
-        if (!focusedRowKey)
-            return;
-        const currentDcmt = dcmtHistory.find(dcmt => dcmt.id === focusedRowKey);
-        if (currentDcmt && currentDcmt.id) {
-            const msg = SDKUI_Localizator.Delete_ConfirmFor1.replaceParams((fromDTD.name ?? SDKUI_Localizator.SearchResult) + " - DID " + currentDcmt.DID + ", " + SDKUI_Localizator.Version + ": " + currentDcmt.Version);
-            TMMessageBoxManager.show({
-                title: SDKUI_Localizator.Delete, message: msg, buttons: [ButtonNames.YES, ButtonNames.NO],
-                onButtonClick: async (e) => {
-                    if (e !== ButtonNames.YES)
-                        return;
-                    setWaitLocalPanelTitle(SDKUI_Localizator.Delete);
-                    setShowLocalWaitPanel(true);
-                    setShowLocalPrimary(true);
-                    abortLocalController = new AbortController();
-                    let result = [];
-                    let i = 0;
-                    setWaitLocalPanelMaxValuePrimary(1);
-                    if (abortLocalController.signal.aborted) {
-                        result.push({ rowIndex: i, id1: currentDcmt.id, id2: currentDcmt.id, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborate ${i}` });
-                    }
-                    else {
-                        setWaitLocalPanelTextPrimary(SDKUI_Localizator.Delete);
-                        const deleteEngine = new DeleteEngine(SDK_Globals.tmSession);
-                        await deleteEngine.PhysDeleteByIDAsync(Number(currentDcmt.TID), Number(currentDcmt.DID), false)
-                            .then(async () => {
-                            result.push({ rowIndex: Number(currentDcmt.TID), id1: Number(currentDcmt.TID), id2: Number(currentDcmt.DID), description: SDKUI_Localizator.DeletionCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
-                            await loadData();
-                        })
-                            .catch((err) => {
-                            result.push({ rowIndex: Number(currentDcmt.TID), id1: Number(currentDcmt.TID), id2: Number(currentDcmt.DID), resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
-                        });
-                    }
-                    setFocusedRowKey(undefined);
-                    setWaitLocalPanelTextPrimary('');
-                    setWaitLocalPanelMaxValuePrimary(0);
-                    setWaitLocalPanelValuePrimary(0);
-                    setShowLocalWaitPanel(false);
-                    TMResultManager.show(result, SDKUI_Localizator.Delete, "ID", undefined);
-                }
-            });
-        }
-    };
-    const cellExtRender = useCallback((cellData) => {
-        const data = cellData.data;
-        const tooltipContent = (_jsxs("div", { style: { textAlign: 'left' }, children: [_jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "ID:" }), " ", data.id ?? '-'] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "DID:" }), " ", data.DID ?? '-'] }), _jsxs("div", { children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "TID:" }), " ", data.TID ?? '-'] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Author, ":"] }), " ", data.UpdaterDisplayName ?? '-'] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Version, ":"] }), " ", data.Version] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Size, ":"] }), " ", formatBytes(Number(data.FileSize ?? 0))] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.CreationTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(data.CreationTime)] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.LastUpdateTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(data.LastUpdateTime)] })] }));
-        return _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: _jsx(TMDcmtIcon, { tid: Number(data.TID), did: Number(data.DID), fileExtension: data.FileExt, downloadMode: 'openInNewWindow', tooltipContent: tooltipContent }) });
-    }, []);
-    const onContextMenuPreparing = (e) => {
-        if (e === undefined)
-            return;
-        if (e.target === 'content') {
-            e.items = e.items || [];
-            e.items = [
-                {
-                    icon: "datafield",
-                    text: SDKUI_Localizator.OpenForm,
-                    disabled: focusedRowKey === undefined,
-                    onClick: () => setShowDcmtForm(true),
-                },
-                {
-                    icon: "download",
-                    text: 'Download',
-                    disabled: focusedRowKey === undefined,
-                    onClick: () => downloadFilesCallback(),
-                },
-                {
-                    icon: "trash",
-                    text: SDKUI_Localizator.Delete,
-                    disabled: focusedRowKey === undefined,
-                    onClick: deleteFilesCallback,
-                    beginGroup: true
-                },
-                {
-                    icon: showSearch ? "eyeclose" : "eyeopen",
-                    onClick: () => setShowSearch(prevShowSearch => !prevShowSearch),
-                    text: showSearch ? SDKUI_Localizator.HideSearch : SDKUI_Localizator.ShowSearch,
-                    visible: true,
-                    disabled: false,
-                    beginGroup: true
-                },
-                {
-                    icon: showId ? 'eyeclose' : 'eyeopen',
-                    onClick: () => setShowId(prevShowId => !prevShowId),
-                    text: showId ? SDKUI_Localizator.ID_Hide : SDKUI_Localizator.ID_Show,
-                    visible: true,
-                    disabled: false,
-                },
-                {
-                    icon: "refresh",
-                    text: SDKUI_Localizator.Refresh,
-                    disabled: false,
-                    onClick: loadData,
-                },
-            ];
-        }
-    };
-    // Handler for double-click cell event
-    const onCellDblClick = useCallback((e) => {
-        if (e.column.dataField === "FileExt")
-            return;
-        setFocusedRowKey(e.data.id);
-        setShowDcmtForm(true);
-    }, []);
-    // Checks if navigation is possible in the given direction
-    const canNavigateHandler = (dir) => {
-        if (focusedRowKey === undefined)
-            return false;
-        const index = dcmtHistory.findIndex(item => item.id === focusedRowKey);
-        if (index === -1)
-            return false;
-        return dir === 'next' ? index < dcmtHistory.length - 1 : index > 0;
-    };
-    // Navigates to the next or previous item in the draft history, if possible.
-    const onNavigateHandler = (dir) => {
-        if (selectedIndex === -1)
-            return;
-        let newIndex = selectedIndex;
-        if (dir === 'next' && selectedIndex < dcmtHistory.length - 1) {
-            newIndex = selectedIndex + 1;
-        }
-        else if (dir === 'prev' && selectedIndex > 0) {
-            newIndex = selectedIndex - 1;
-        }
-        const newFocusedId = dcmtHistory[newIndex]?.id;
-        if (newFocusedId !== undefined) {
-            setFocusedRowKey(newFocusedId);
-            setSelectedIndex(newIndex);
-        }
-    };
-    const dataColumns = useMemo(() => {
-        return ([
-            { dataField: "id", caption: "ID", dataType: 'string', visible: showId },
-            { dataField: "FileExt", caption: "", cellRender: cellExtRender },
-            { dataField: "Version", caption: "V.", dataType: 'number' },
-            { dataField: "FileSizeDisplay", caption: SDKUI_Localizator.Size },
-            { dataField: "UpdaterDisplayName", caption: SDKUI_Localizator.Author },
-            { dataField: "LastUpdateTimeDisplay", caption: SDKUI_Localizator.LastUpdateTime },
-        ]);
-    }, [showId]);
-    return _jsx(TMModal, { title: `${SDKUI_Localizator.SearchResult} \u2014 ${SDKUI_Localizator.History + ": " + (fromDTD.nameLoc ?? SDKUI_Localizator.Document) + " (DID:" + inputDcmt.DID})`, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: calcResponsiveSizes(deviceType, '80%', '80%', '95%'), onClose: onClose, children: _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showLocalWaitPanel, showWaitPanelPrimary: showLocalPrimary, waitPanelTitle: waitLocalPanelTitle, waitPanelTextPrimary: waitLocalPanelTextPrimary, waitPanelValuePrimary: waitLocalPanelValuePrimary, waitPanelMaxValuePrimary: waitLocalPanelMaxValuePrimary, isCancelable: true, abortController: abortLocalController, children: [_jsx(TMDataGrid, { dataSource: dcmtHistory, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selection: selection, onContextMenuPreparing: onContextMenuPreparing, onFocusedRowChanged: onFocusedRowChanged, onCellDblClick: onCellDblClick, noDataText: SDKUI_Localizator.NoDataToDisplay, showSearchPanel: showSearch }), (showDcmtForm && selectedDcmt !== undefined) &&
-                        _jsx(TMDcmtForm, { TID: Number(selectedDcmt.TID), DID: Number(selectedDcmt.DID), formMode: FormModes.ReadOnly, isModal: true, widthModal: "95%", heightModal: "95%", titleModal: fromDTD.name ?? SDKUI_Localizator.SearchResult, allowNavigation: dcmtHistory.length > 0, itemIndex: selectedIndex + 1, count: dcmtHistory.length, onClose: () => { setShowDcmtForm(false); }, canNext: canNavigateHandler('next'), canPrev: canNavigateHandler('prev'), onNext: () => onNavigateHandler('next'), onPrev: () => onNavigateHandler('prev'), allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback })] }) }) });
-};
-export default TMViewHistoryDcmt;

package/lib/components/features/tasks/TMTaskForm.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { TaskDescriptor, UserDescriptor, HomeBlogPost } from '@topconsultnpm/sdk-ts';
-import { DcmtInfo, FormModes, TaskContext } from '../../../ts';
-export interface TMTaskFormProps {
-    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>;
-    id: number;
-    title: string;
-    isModal: boolean;
-    formMode: FormModes;
-    visualizedTasks: Array<TaskDescriptor>;
-    currentTask: TaskDescriptor | null;
-    setCurrentTask?: React.Dispatch<React.SetStateAction<TaskDescriptor | null>>;
-    isContextualCreate?: boolean;
-    selectedRowKeys: Array<number>;
-    handleFocusedRowKeyChange?: (row: TaskDescriptor | undefined) => void;
-    onStatusChanged?: () => void;
-    onSaved?: (newTask: TaskDescriptor) => void;
-    onClose?: () => void;
-    onCancel?: () => void;
-    taskContext?: TaskContext;
-    startDate?: Date;
-    endDate?: Date;
-    showBackButton?: boolean;
-    hasNavigation?: boolean;
-    width?: string;
-    height?: string;
-    usersList?: Array<UserDescriptor>;
-    onOpenS4TViewerRequest?: (dcmtInfo: Array<DcmtInfo>, onRefreshSearchAsync?: (() => Promise<void>)) => void;
-    s4TViewerDialogComponent?: React.ReactNode;
-}
-declare const TMTaskForm: (props: TMTaskFormProps) => import("react/jsx-runtime").JSX.Element;
-export default TMTaskForm;