@topconsultnpm/sdkui-react 6.22.0-dev3.3 → 6.22.0-dev3.30

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { DcmtTypeListCacheService, LayoutModes, SDK_Localizator, TreeCacheService, TreeItemTypes } from '@topconsultnpm/sdk-ts';
 import { TreeList, Column, Scrolling, Selection } from 'devextreme-react/tree-list';
@@ -22,9 +22,12 @@ const TMTreeDcmtTypeCell = ({ tid, isMobile }) => {
     }, [isMobile, dtd, tid]);
     return (_jsxs(StyledTreeDcmtTypeRow, { onMouseEnter: loadDTD, children: [_jsx("span", { style: { cursor: 'pointer', flex: 1, minWidth: 0 }, children: _jsx(TMTidViewer, { tid: tid, showIcon: false }) }), !isMobile && (_jsx("span", { className: 'info-icon', children: _jsx(TMDcmtTypeTooltip, { dtd: dtd, children: _jsx(IconInfo, { color: TMColors.info }) }) }))] }));
 };
+// La ricerca e l'archiviazione hanno ciascuna il proprio albero predefinito: il contesto lo decide il layoutMode
+const getDefaultTreeId = (layoutMode) => layoutMode == LayoutModes.Update
+    ? SDKUI_Globals.userSettings.searchSettings.defaultTree
+    : SDKUI_Globals.userSettings.archivingSettings.defaultTree;
 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
@@ -34,8 +37,11 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
     // Elemento selezionato nell'albero: dopo un refresh va riproposto se esiste ancora
     const [selectedTreeItemKey, setSelectedTreeItemKey] = useState(undefined);
     const selectedTreeItemKeys = useMemo(() => selectedTreeItemKey !== undefined ? [selectedTreeItemKey] : [], [selectedTreeItemKey]);
-    const [isGridBoxOpened, setIsGridBoxOpened] = useState(false);
-    const [defaultTreeId, setDefaultTreeId] = useState(-1);
+    // Finche' gli alberi non sono arrivati il pannello mostra il loader invece della lista vuota
+    const [isLoadingTrees, setIsLoadingTrees] = useState(true);
+    const [defaultTreeId, setDefaultTreeId] = useState(() => getDefaultTreeId(layoutMode));
+    const dropDownBoxRef = useRef(null);
+    const closeDropDown = useCallback(() => { dropDownBoxRef.current?.instance()?.option('opened', false); }, []);
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
     const panelRef = useOutsideClick(() => setInfoDTD(undefined));
@@ -48,6 +54,11 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
     const loadTreesAsync = useCallback(async (forceRefresh = false) => {
         const isSearchContext = layoutMode == LayoutModes.Update;
         if (forceRefresh) {
+            // Gli alberi arrivano dal server filtrati sui tipi documento della sessione: senza rileggerli
+            // prima (RetrieveAll con refreshCache rigenera anche la cache lato server) un tipo documento
+            // appena creato da Designer non comparirebbe tra gli elementi dell'albero
+            DcmtTypeListCacheService.RemoveAllWithoutMetadata();
+            await DcmtTypeListCacheService.GetAllWithoutMetadataAsync();
             if (isSearchContext)
                 TreeCacheService.RemoveAllSearch();
             else
@@ -73,29 +84,24 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
             setSelectedRowKeys([currentTreeId]);
             return;
         }
-        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);
+        // Il predefinito puo' non essere piu' tra gli alberi del contesto (cancellato, o permessi cambiati): si ripiega sul primo
+        const defaultTree = getDefaultTreeId(layoutMode);
+        const treeToSelect = (defaultTree > 0 ? result.find(o => o.id == defaultTree) : undefined) ?? result[0];
+        setSelectedTreeId(treeToSelect?.id ?? 0);
         if (treeToSelect?.id) {
             setSelectedRowKeys([treeToSelect.id]);
         }
     }, [layoutMode]);
-    useEffect(() => { loadTreesAsync(); }, [loadTreesAsync]);
     useEffect(() => {
-        let newTreeItems = trees.find(o => o.id == selectedTreeId)?.items ?? [];
-        setTreeItems(newTreeItems);
+        setIsLoadingTrees(true);
+        loadTreesAsync().finally(() => setIsLoadingTrees(false));
+    }, [loadTreesAsync]);
+    // Derivato nello stesso render degli alberi: con uno state la TreeList mostrerebbe "Nessun dato" per un frame
+    const treeItems = useMemo(() => trees.find(o => o.id == selectedTreeId)?.items ?? [], [trees, selectedTreeId]);
+    useEffect(() => {
         // Mantiene la selezione dopo il refresh solo se l'elemento e' ancora presente (al cambio albero si azzera)
-        setSelectedTreeItemKey(prev => prev !== undefined && newTreeItems.some(o => o.id == prev) ? prev : undefined);
-    }, [selectedTreeId, trees]);
+        setSelectedTreeItemKey(prev => prev !== undefined && treeItems.some(o => o.id == prev) ? prev : undefined);
+    }, [treeItems]);
     const renderCell = useCallback((data) => {
         const treeItem = data.data;
         // Documento (DcmtType)
@@ -129,8 +135,8 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
         if (selectedKeys.length > 0)
             setSelectedTreeId(selectedKeys[0]);
         setSelectedRowKeys(selectedKeys);
-        setIsGridBoxOpened(false);
-    }, []);
+        closeDropDown();
+    }, [closeDropDown]);
     // Handles click on a tree row in the trees data grid: clicking the already selected tree
     // does not raise onSelectionChanged, so the drop down must be closed here as well
     const onRowClickTrees = useCallback((e) => {
@@ -139,8 +145,8 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
             return;
         setSelectedTreeId(tree.id);
         setSelectedRowKeys([tree.id]);
-        setIsGridBoxOpened(false);
-    }, []);
+        closeDropDown();
+    }, [closeDropDown]);
     // Handles focus change in the data grid
     const onFocusedRowChanged = useCallback((e) => {
         setFocusedRowKey(e.row?.key);
@@ -150,12 +156,6 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
         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
@@ -187,7 +187,7 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
     const onSelectionChangedTreeView = useCallback((e) => {
         setSelectedTreeItemKey(e.selectedRowKeys?.[0]);
     }, []);
-    return (_jsx(TMPanel, { title: SDK_Localizator.Trees, isVisible: isVisible, totalItems: trees.length, onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, onRefresh: () => loadTreesAsync(true), 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: () => {
+    return (_jsx(TMPanel, { title: SDK_Localizator.Trees, isVisible: isVisible, totalItems: trees.length, onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, onRefresh: () => loadTreesAsync(true), isRefreshing: isLoadingTrees, 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;
@@ -211,16 +211,18 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
                         width: '100%',
                         boxSizing: 'border-box',
                         minHeight: 0,
-                    }, children: [_jsx("div", { style: { padding: '10px' }, children: _jsx(DropDownBox, { dropDownOptions: {
+                    }, children: [_jsx("div", { style: { padding: '10px' }, children: _jsx(DropDownBox, { ref: dropDownBoxRef, 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: [
+                                }, value: selectedTreeId, valueExpr: "id", displayExpr: "nameLoc", deferRendering: false, dataSource: trees, onValueChanged: syncDataGridSelection, style: { height: 30 }, 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, onRowClick: onRowClickTrees, 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, selectedRowKeys: selectedTreeItemKeys, onSelectionChanged: onSelectionChangedTreeView, onCellDblClick: onCellDblClickTreeView, onRowClick: onRowClickTreeView, 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 }) }));
+                                    ], selection: { mode: 'single', showCheckBoxesMode: "none" }, showHeaderFilter: false, selectedRowKeys: selectedRowKeys, onSelectionChanged: onSelectionChanged, onRowClick: onRowClickTrees, 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, selectedRowKeys: selectedTreeItemKeys, onSelectionChanged: onSelectionChangedTreeView, onCellDblClick: onCellDblClickTreeView, onRowClick: onRowClickTreeView, children: [_jsx(Column, { dataField: "nameLoc", caption: SDKUI_Localizator.Name, cellRender: renderCell, width: "100%" }), _jsx(Scrolling, { mode: "standard", 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)] })] })] })
+            : isLoadingTrees
+                ? _jsx(_Fragment, {})
+                : _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 StyledTreeDcmtTypeRow = styled(StyledDivHorizontal) `

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { DcmtInfo } from "../../../ts/types";
 import { DeviceType } from "../../base/TMDeviceProvider";
 import { DcmtTypeDescriptor, HomeBlogPost, TaskDescriptor } from "@topconsultnpm/sdk-ts";
@@ -14,5 +15,5 @@ interface TMViewHistoryDcmtProps {
     handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
 }
-declare const TMViewHistoryDcmt: (props: TMViewHistoryDcmtProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMViewHistoryDcmt: (props: TMViewHistoryDcmtProps) => React.JSX.Element;
 export default TMViewHistoryDcmt;

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

@@ -10,12 +10,13 @@ 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 TMLayoutContainer from "../../base/TMLayout";
+import TMWaitPanelManager from "../../base/waitPanel/TMWaitPanelManager";
 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 { 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);
@@ -33,18 +34,6 @@ const TMViewHistoryDcmt = (props) => {
     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;
@@ -155,18 +144,21 @@ const TMViewHistoryDcmt = (props) => {
                 onButtonClick: async (e) => {
                     if (e !== ButtonNames.YES)
                         return;
-                    setWaitLocalPanelTitle(SDKUI_Localizator.Delete);
-                    setShowLocalWaitPanel(true);
-                    setShowLocalPrimary(true);
                     abortLocalController = new AbortController();
+                    const panel = TMWaitPanelManager.show({
+                        title: SDKUI_Localizator.Delete,
+                        max: 1,
+                        showCounters: false,
+                        cancelable: true,
+                        onAbort: () => abortLocalController.abort(),
+                    });
                     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);
+                        panel.setSubtitle(SDKUI_Localizator.Delete);
                         const deleteEngine = new DeleteEngine(SDK_Globals.tmSession);
                         await deleteEngine.PhysDeleteByIDAsync(Number(currentDcmt.TID), Number(currentDcmt.DID), false)
                             .then(async () => {
@@ -178,10 +170,7 @@ const TMViewHistoryDcmt = (props) => {
                         });
                     }
                     setFocusedRowKey(undefined);
-                    setWaitLocalPanelTextPrimary('');
-                    setWaitLocalPanelMaxValuePrimary(0);
-                    setWaitLocalPanelValuePrimary(0);
-                    setShowLocalWaitPanel(false);
+                    panel.close();
                     TMResultManager.show(result, SDKUI_Localizator.Delete, "ID", undefined);
                 }
             });
@@ -279,7 +268,7 @@ const TMViewHistoryDcmt = (props) => {
             { dataField: "LastUpdateTime", caption: SDKUI_Localizator.LastUpdateTime, dataType: 'datetime', format: 'dd/MM/yyyy HH:mm:ss', },
         ]);
     }, [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, customContextMenuItems: customContextMenuItems, 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, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, moreInfoTasks: getMoreInfoTasksForDocument(allTasks ?? [], Number(selectedDcmt.TID), Number(selectedDcmt.DID)) })] }) }) });
+    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: _jsxs(TMLayoutContainer, { direction: 'vertical', children: [_jsx(TMDataGrid, { dataSource: dcmtHistory, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selection: selection, customContextMenuItems: customContextMenuItems, 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, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, moreInfoTasks: getMoreInfoTasksForDocument(allTasks ?? [], Number(selectedDcmt.TID), Number(selectedDcmt.DID)) })] }) });
 };
 export default TMViewHistoryDcmt;

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

@@ -36,5 +36,5 @@ export interface TMTaskFormProps {
     onOpenPdfEditorRequest?: (dcmtInfo: Array<DcmtInfo>, refreshDocumentPreview?: () => Promise<void>) => void;
     s4TViewerDialogComponent?: React.ReactNode;
 }
-declare const TMTaskForm: (props: TMTaskFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTaskForm: (props: TMTaskFormProps) => React.JSX.Element;
 export default TMTaskForm;

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

@@ -8,7 +8,7 @@ interface TaskFormAssignmentNoticeSectionProps {
     users: Array<UserDescriptor>;
     requestMoreInfo?: boolean;
 }
-export declare const TaskFormAssignmentNoticeBadge: (props: TaskFormAssignmentNoticeSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TaskFormAssignmentNoticeBadge: (props: TaskFormAssignmentNoticeSectionProps) => React.JSX.Element | null;
 interface RenderContextBlockParams {
     condition: boolean;
     pdg: PdGs;
@@ -19,7 +19,7 @@ interface TaskFormContextualAttachmentsProps {
     currentTask: TaskDescriptor | undefined;
     taskContext: TaskContext | undefined;
 }
-export declare const TaskFormContextualAttachments: (props: TaskFormContextualAttachmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TaskFormContextualAttachments: (props: TaskFormContextualAttachmentsProps) => React.JSX.Element;
 interface TaskFormAssignedToProps {
     formMode: FormModes;
     formData: TaskDescriptor | undefined;
@@ -31,7 +31,7 @@ interface TaskFormAssignedToProps {
     label?: string;
     onValueChanged: (newValue: Array<number> | undefined) => void;
 }
-export declare const TaskAssigneeField: (props: TaskFormAssignedToProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TaskAssigneeField: (props: TaskFormAssignedToProps) => React.JSX.Element;
 interface RenderFieldBaseProps {
     fieldsReadOnly: IFieldsEditability;
     formDataOrig?: TaskDescriptor;
@@ -50,12 +50,12 @@ interface RenderDateFieldProps extends RenderFieldProps {
     label?: string;
     onContentReady?: () => void;
 }
-export declare const RenderNameField: ({ requestMoreInfo, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderDescriptionField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderPriorityField: ({ formData, formDataOrig, fieldsReadOnly, onPriorityValueChange }: RenderPriorityFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderStartDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderEndDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RenderRemindDateField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RenderNameField: ({ requestMoreInfo, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => React.JSX.Element;
+export declare const RenderDescriptionField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => React.JSX.Element;
+export declare const RenderPriorityField: ({ formData, formDataOrig, fieldsReadOnly, onPriorityValueChange }: RenderPriorityFieldProps) => React.JSX.Element;
+export declare const RenderStartDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => React.JSX.Element;
+export declare const RenderEndDateField: ({ label, validationItems, setFormData, formData, formDataOrig, fieldsReadOnly, onContentReady }: RenderDateFieldProps) => React.JSX.Element;
+export declare const RenderRemindDateField: ({ validationItems, setFormData, formData, formDataOrig, fieldsReadOnly }: RenderFieldProps) => React.JSX.Element;
 interface RenderTaskFormStateFieldProps {
     formDataOrig: TaskDescriptor | undefined;
     formData: TaskDescriptor | undefined;
@@ -71,7 +71,7 @@ interface TMChangeStateFormProps {
     handleShowChangeStateForm: (value: boolean) => void;
     setFormData: React.Dispatch<React.SetStateAction<TaskDescriptor | undefined>>;
 }
-export declare const TMChangeStateForm: (props: TMChangeStateFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMChangeStateForm: (props: TMChangeStateFormProps) => React.JSX.Element;
 type TaskRole = "personal" | "sender" | "receiver";
 type StatusTransitionMap = {
     [key in Task_States]?: Task_States[];

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

@@ -15,5 +15,5 @@ interface TMTasksAgendaProps {
     handleFocusedRowChange: (row: TaskDescriptor | undefined) => void;
     menuItems: TMContextMenuItemProps[];
 }
-declare const TMTasksAgenda: (props: TMTasksAgendaProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksAgenda: (props: TMTasksAgendaProps) => React.JSX.Element;
 export default TMTasksAgenda;

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

@@ -19,5 +19,5 @@ interface TMTasksCalendarProps {
     handleFocusedRowChange: (row: TaskDescriptor | undefined) => void;
     menuItems: TMContextMenuItemProps[];
 }
-declare const TMTasksCalendar: (props: TMTasksCalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksCalendar: (props: TMTasksCalendarProps) => React.JSX.Element;
 export default TMTasksCalendar;

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

@@ -10,5 +10,5 @@ interface TMTasksHeaderProps {
     color?: string;
     height?: string;
 }
-declare const TMTasksHeader: (props: TMTasksHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksHeader: (props: TMTasksHeaderProps) => React.JSX.Element;
 export default TMTasksHeader;

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

@@ -16,5 +16,5 @@ interface TMTasksPanelContentProps {
     s4TViewerDialogComponent?: React.ReactNode;
     afterTaskSaved?: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
 }
-declare const TMTasksPanelContent: (props: TMTasksPanelContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksPanelContent: (props: TMTasksPanelContentProps) => React.JSX.Element;
 export default TMTasksPanelContent;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { PdGs, Task_States, TaskDescriptor } from '@topconsultnpm/sdk-ts';
 import { FormModes } from "../../../ts";
 export declare const taskStateIconMap: (fontSize?: number) => Map<Task_States, JSX.Element>;
@@ -12,15 +12,15 @@ export declare const renderTaskIcons: (taskData: {
     remTime: Date | undefined;
     isNew: boolean;
     numberOfDays: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 interface TMActionCalendarProps {
     currentTask: TaskDescriptor;
     openTaskForm: (formMode: FormModes, task?: TaskDescriptor) => void;
     onDeleteCallback: (rowIds: Array<number>) => void;
 }
-export declare const TMActionCalendar: (props: TMActionCalendarProps) => import("react/jsx-runtime").JSX.Element;
-export declare const priorityLegend: () => import("react/jsx-runtime").JSX.Element;
-export declare const highlightTaskText: (text: string, search: string, taskId: number) => string | (string | import("react/jsx-runtime").JSX.Element)[];
+export declare const TMActionCalendar: (props: TMActionCalendarProps) => React.JSX.Element;
+export declare const priorityLegend: () => React.JSX.Element;
+export declare const highlightTaskText: (text: string, search: string, taskId: number) => string | (string | React.JSX.Element)[];
 export declare const treeFilterDataSource: (allTasks: Array<TaskDescriptor>) => Array<{
     id: number;
     label: string;

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

@@ -36,5 +36,5 @@ interface TMTasksViewProps {
     s4TViewerDialogComponent?: React.ReactNode;
     afterTaskSaved?: (task: TaskDescriptor | undefined, formMode: FormModes | undefined, forceRefresh?: boolean) => Promise<void>;
 }
-declare const TMTasksView: (props: TMTasksViewProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMTasksView: (props: TMTasksViewProps) => React.JSX.Element;
 export default TMTasksView;