@topconsultnpm/sdkui-react-beta 6.15.9 → 6.15.10

package/lib/components/base/TMDataGridExportForm.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Workbook } from 'exceljs';
+import { buildValueToLabelMapFromDataColumns, getExceptionMessage, SDKUI_Localizator } from '../../helper';
+import TMCheckBox from '../editors/TMCheckBox';
+import TMButton from './TMButton';
+import TMDropDown from './TMDropDown';
+import TMModal from './TMModal';
+import { TMExceptionBoxManager } from './TMPopUp';
+import { ResultTypes } from '@topconsultnpm/sdk-ts-beta';
+import TMSpinner from './TMSpinner';
+import { TMResultManager } from '../forms/TMResultDialog';
+const formatDataSource = [
+    { value: 'csv', display: 'CSV' },
+    { value: 'xlsx', display: 'XLSX' },
+];
+const TMDataGridExportForm = (props) => {
+    const { searchResult, dataSource, dataColumns, selectedRowKeys, onCloseExportForm } = props;
+    // State to track the selected export format (default: 'xlsx')
+    const [formatSelected, setFormatSelected] = useState('csv');
+    // Boolean state to indicate whether to export the "description" fields in data lists
+    const [exportDescriptionsForDataLists, setExportDescriptionsForDataLists] = useState(true);
+    // Boolean state to indicate whether to export only the selected items
+    const [exportSelectedOnly, setExportSelectedOnly] = useState(false);
+    // Boolean state to indicate whether to hide the selection during export
+    const [hideSelection, setHideSelection] = useState(false);
+    const onStatusValueChange = (e) => {
+        if (!e?.target?.value)
+            return;
+        setFormatSelected(e.target.value);
+    };
+    const downloadFile = (blob, extension) => {
+        const pad = (n) => n.toString().padStart(2, '0');
+        const getTimestamp = () => {
+            const now = new Date();
+            return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())}_${pad(now.getHours())}-${pad(now.getMinutes())}-${pad(now.getSeconds())}`;
+        };
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `${SDKUI_Localizator.SearchResult}_${getTimestamp()}.${extension}`;
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(url);
+    };
+    const handleExport = async () => {
+        let result = [];
+        try {
+            TMSpinner.show({ description: SDKUI_Localizator.Loading });
+            // Exit early if dataSource or dataColumns are not defined to avoid errors
+            if (!dataSource || !dataColumns)
+                return;
+            const columns = searchResult?.dtdResult?.columns ?? [];
+            const valueToNameMap = exportDescriptionsForDataLists ? await buildValueToLabelMapFromDataColumns(columns) : new Map();
+            const selectedSet = new Set(selectedRowKeys);
+            const rowsToExport = exportSelectedOnly ? dataSource.filter((_, idx) => selectedSet.has(idx)) : dataSource;
+            const visibleColumns = dataColumns.filter(col => hideSelection ? col.visible !== false && col.dataType !== 'object' : col.visible !== false);
+            const getValue = (col, value) => {
+                let result = exportDescriptionsForDataLists ? valueToNameMap.get(value) ?? value : value;
+                if (col.dataType === 'datetime' && result) {
+                    const parsedDate = new Date(result);
+                    if (!isNaN(parsedDate.getTime())) {
+                        result = parsedDate.toLocaleDateString('it-IT');
+                    }
+                }
+                // Converte undefined/null in stringa vuota e rimuove eventuali virgolette doppie
+                return (result ?? '').toString().replace(/"/g, '');
+            };
+            switch (formatSelected) {
+                case 'csv': {
+                    const headers = hideSelection
+                        ? visibleColumns.map(col => col.caption || col.dataField)
+                        : [SDKUI_Localizator.SelectedSingular, ...visibleColumns.map(col => col.caption || col.dataField)];
+                    const csvRows = [];
+                    csvRows.push(headers.join(';'));
+                    rowsToExport.forEach((item, idx) => {
+                        const originalIndex = exportSelectedOnly ? selectedRowKeys[idx] : dataSource.indexOf(item);
+                        const rowValues = [];
+                        if (!hideSelection) {
+                            const status = selectedSet.has(originalIndex) ? SDKUI_Localizator.SelectedSingular : SDKUI_Localizator.Deselected;
+                            rowValues.push(status || '');
+                        }
+                        visibleColumns.forEach(col => {
+                            if (col.dataField) {
+                                rowValues.push(getValue(col, item[col.dataField]));
+                            }
+                        });
+                        csvRows.push(rowValues.join(';'));
+                    });
+                    const blob = new Blob([csvRows.join('\r\n')], { type: 'text/csv;charset=utf-8;' });
+                    downloadFile(blob, formatSelected);
+                    result.push({ rowIndex: 1, id1: 1, id2: 0, description: SDKUI_Localizator.OperationSuccess, resultType: ResultTypes.SUCCESS });
+                    break;
+                }
+                case 'xlsx': {
+                    // Create a new Excel workbook and add a worksheet with localized name
+                    const workbook = new Workbook();
+                    const worksheet = workbook.addWorksheet(SDKUI_Localizator.SearchResult);
+                    // Map visible columns to worksheet column definitions
+                    const baseColumns = visibleColumns.map(col => ({ header: col.caption || col.dataField, key: col.dataField, width: 10 }));
+                    // Add a selection status column at the beginning if hideSelection is false
+                    worksheet.columns = hideSelection ? baseColumns : [{ header: SDKUI_Localizator.SelectedSingular, key: '_selected', width: 10 }, ...baseColumns];
+                    // Style the header row cells: font, fill color, and border
+                    worksheet.getRow(1).eachCell({ includeEmpty: true }, cell => {
+                        cell.font = { name: 'Segoe UI', size: 9 };
+                        cell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'C0C0C0' } };
+                        cell.border = { top: { style: 'thin' }, left: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' } };
+                    });
+                    // Add rows to worksheet
+                    rowsToExport.forEach((item, idx) => {
+                        // Get original index of the item in dataSource
+                        const originalIndex = exportSelectedOnly ? selectedRowKeys[idx] : dataSource.indexOf(item);
+                        const rowObj = {};
+                        // Add selection status if hideSelection is false
+                        if (!hideSelection) {
+                            rowObj._selected = selectedSet.has(originalIndex) ? SDKUI_Localizator.SelectedSingular : SDKUI_Localizator.Deselected;
+                        }
+                        // Add data for each visible column
+                        visibleColumns.forEach(col => {
+                            if (col.dataField) {
+                                rowObj[col.dataField] = getValue(col, item[col.dataField]);
+                            }
+                        });
+                        worksheet.addRow(rowObj);
+                    });
+                    // Adjust column widths based on header and cell contents without iterating each cell manually
+                    worksheet.columns.forEach(col => {
+                        if (!col || !col.header || !col.key)
+                            return;
+                        const headerLength = col.header.toString().length;
+                        // 'getColumn' accetta solo string | number, col.key è garantito perché controllato sopra
+                        const maxDataLength = worksheet.getColumn(col.key).values.reduce((max, val) => {
+                            const strVal = val !== undefined && val !== null ? val.toString() : '';
+                            const length = strVal.length;
+                            return length > max ? length : max;
+                        }, 0);
+                        col.width = Math.max(headerLength, maxDataLength) + 2;
+                    });
+                    // Apply font and border styling to all cells in all rows in a single pass
+                    worksheet.eachRow((row) => {
+                        row.eachCell({ includeEmpty: true }, cell => {
+                            cell.font = { name: 'Segoe UI', size: 9 };
+                            cell.border = { top: { style: 'thin' }, left: { style: 'thin' }, bottom: { style: 'thin' }, right: { style: 'thin' } };
+                        });
+                    });
+                    // Generate Excel file as a buffer
+                    const buffer = await workbook.xlsx.writeBuffer();
+                    // Create a Blob from the buffer for downloading
+                    const blob = new Blob([buffer], { type: 'application/octet-stream' });
+                    // Trigger the file download with extension 'xlsx'
+                    downloadFile(blob, formatSelected);
+                    result.push({ rowIndex: 1, id1: 1, id2: 0, description: SDKUI_Localizator.OperationSuccess, resultType: ResultTypes.SUCCESS });
+                    break;
+                }
+                default:
+                    break;
+            }
+        }
+        catch (error) {
+            result.push({ rowIndex: 1, id1: 1, id2: 0, resultType: ResultTypes.ERROR, description: getExceptionMessage(error) });
+            // Show any exceptions in a custom exception box
+            TMExceptionBoxManager.show({ exception: error });
+        }
+        finally {
+            TMSpinner.hide();
+            TMResultManager.show(result, SDKUI_Localizator.Export, "ID", undefined);
+            onCloseExportForm();
+        }
+    };
+    return _jsx(TMModal, { title: `${SDKUI_Localizator.Export}`, width: '400px', height: '230px', onClose: onCloseExportForm, children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px', padding: '6px 12px', height: '100%', width: '100%' }, children: [_jsx("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: _jsx(TMDropDown, { label: SDKUI_Localizator.Format, value: formatSelected, dataSource: formatDataSource, onValueChanged: onStatusValueChange }) }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx(TMCheckBox, { value: exportDescriptionsForDataLists, onValueChanged: () => { setExportDescriptionsForDataLists(prev => !prev); } }), _jsx("span", { children: SDKUI_Localizator.ExportDataListsDescriptionField })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx(TMCheckBox, { value: exportSelectedOnly, disabled: selectedRowKeys.length === 0, onValueChanged: () => { setExportSelectedOnly(prev => !prev); } }), _jsxs("span", { children: [SDKUI_Localizator.ExportOnlySelectedDocuments, " (", selectedRowKeys.length, ")"] })] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [_jsx(TMCheckBox, { value: hideSelection, onValueChanged: () => { setHideSelection(prev => !prev); } }), _jsx("span", { children: SDKUI_Localizator.HideSelectionColumnsAndIcons })] }), _jsx("div", { style: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        gap: '10px',
+                        marginTop: '5px'
+                    }, children: _jsx(TMButton, { caption: SDKUI_Localizator.Export, btnStyle: 'normal', color: 'success', showTooltip: false, onClick: handleExport }) })] }) });
+};
+export default TMDataGridExportForm;

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

@@ -4,7 +4,7 @@ import { SDK_Globals, DataColumnTypes, MetadataDataDomains, DataListViewModes, M
 import styled from 'styled-components';
 import { getCommandsMenuItems, getSelectedDcmtsOrFocused } from './TMSearchResultsMenuItems';
 import { ContextMenu } from 'devextreme-react';
-import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, IconSearchCheck, IconInfo } from '../../../helper';
+import { genUniqueId, IconShow, IconBoard, IconDcmtTypeSys, IconDetailDcmts, SDKUI_Localizator, IconDelete, IconRefresh, IconMenuVertical, IconDownload, deepCompare, getDataColumnName, searchResultDescriptorToSimpleArray, searchResultToMetadataValues, SDKUI_Globals, IconSearchCheck } from '../../../helper';
 import { useDcmtOperations } from '../../../hooks/useDcmtOperations';
 import { useInputAttachmentsDialog, useInputCvtFormatDialog } from '../../../hooks/useInputDialog';
 import { DcmtOperationTypes, FormModes, SearchResultContext, DownloadTypes } from '../../../ts';
@@ -37,6 +37,7 @@ import ShowAlert from '../../base/TMAlert';
 import TMWGsCopyMoveForm from '../wg/TMWGsCopyMoveForm';
 import ToppyHelpCenter from '../assistant/ToppyHelpCenter';
 import TMAccordion from '../../base/TMAccordion';
+import TMDataGridExportForm from '../../base/TMDataGridExportForm';
 //#region Internal Components
 const CommandsContextMenu = React.memo(({ target, menuItems, allowPin }) => {
     return (_jsx(ContextMenu, { showEvent: 'click', dataSource: menuItems, target: `${target}` }));
@@ -85,6 +86,8 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
     const [currentMetadataValues, setCurrentMetadataValues] = useState([]);
     const [dcmtFormLayoutMode, setDcmtFormLayoutMode] = useState(LayoutModes.Update);
     const [isModifiedBatchUpdate, setIsModifiedBatchUpdate] = useState(false);
+    // State to control whether the export form (for exporting to Excel/CSV/txt and others) should be shown
+    const [showExportForm, setShowExportForm] = useState(false);
     const [confirmFormat, ConfirmFormatDialog] = useInputCvtFormatDialog();
     const { openConfirmAttachmentsDialog, ConfirmAttachmentsDialog } = useInputAttachmentsDialog();
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync, runOperationAsync } = useDcmtOperations();
@@ -180,6 +183,12 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
     const openDetailDcmtsFormHandler = (value) => { setIsOpenDetails(value); };
     const openMasterDcmtsFormHandler = (value) => { setIsOpenMaster(value); };
     const openBatchUpdateFormHandler = (value) => { setIsOpenBatchUpdate(value); };
+    const openExportForm = useCallback(() => {
+        setShowExportForm(true);
+    }, []);
+    const onCloseExportForm = useCallback(() => {
+        setShowExportForm(false);
+    }, []);
     const getTitleHeader = () => {
         let counters = (showSelector && disableAccordionIfSingleCategory && searchResults.length > 1) ? getSearchResultCountersSingleCategory(searchResults) : "";
         if (title)
@@ -227,7 +236,7 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
             return;
         if (e.target === 'content') {
             e.items = e.items || [];
-            const menuItems = getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback);
+            const menuItems = getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback, openExportForm);
             e.items.push(...menuItems);
         }
     };
@@ -354,7 +363,7 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
         }
     };
     const searchResutlToolbar = _jsxs(_Fragment, { children: [(dcmtsReturned != dcmtsFound) && _jsx("p", { style: { backgroundColor: `white`, color: TMColors.primaryColor, textAlign: 'center', padding: '1px 4px', borderRadius: '3px', display: 'flex' }, children: `${dcmtsReturned}/${dcmtsFound} restituiti` }), context === SearchResultContext.FAVORITES_AND_RECENTS &&
-                _jsx("div", { style: { display: 'flex', alignItems: 'center', gap: '5px' }, children: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconDelete, { color: 'white' }), caption: "Rimuovi da " + (selectedSearchResult?.category === "Favorites" ? '"Preferiti"' : '"Recenti"'), disabled: getSelectedDcmtsOrFocused(selectedItems, focusedItem).length <= 0, onClick: removeDcmtFromFavsOrRecents }) }), _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconRefresh, { color: 'white' }), caption: SDKUI_Localizator.Refresh, onClick: onRefreshSearchAsync }), _jsx(IconMenuVertical, { id: `commands-header-${id}`, color: 'white', cursor: 'pointer' }), _jsx(CommandsContextMenu, { target: `#commands-header-${id}`, menuItems: getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback) })] });
+                _jsx("div", { style: { display: 'flex', alignItems: 'center', gap: '5px' }, children: _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconDelete, { color: 'white' }), caption: "Rimuovi da " + (selectedSearchResult?.category === "Favorites" ? '"Preferiti"' : '"Recenti"'), disabled: getSelectedDcmtsOrFocused(selectedItems, focusedItem).length <= 0, onClick: removeDcmtFromFavsOrRecents }) }), _jsx(TMButton, { btnStyle: 'icon', icon: _jsx(IconRefresh, { color: 'white' }), caption: SDKUI_Localizator.Refresh, onClick: onRefreshSearchAsync }), _jsx(IconMenuVertical, { id: `commands-header-${id}`, color: 'white', cursor: 'pointer' }), _jsx(CommandsContextMenu, { target: `#commands-header-${id}`, menuItems: getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback, openExportForm) })] });
     const middlePanelToolbar = _jsxs("div", { style: { width: 'max-content', display: 'flex', alignItems: 'center', gap: '10px' }, children: [_jsx(TMSaveFormButtonPrevious, { btnStyle: 'icon', isModified: false, iconColor: TMColors.default_background, formMode: FormModes.ReadOnly, canPrev: canNavigateHandler('prev'), onPrev: () => onNavigateHandler('prev') }), _jsx(TMSaveFormButtonNext, { btnStyle: 'icon', isModified: false, iconColor: TMColors.default_background, formMode: FormModes.ReadOnly, canNext: canNavigateHandler('next'), onNext: () => onNavigateHandler('next') })] });
     const handleAddItem = (tid, did) => {
         let newItem = { TID: tid ?? 0, DID: did ?? 0 };
@@ -371,8 +380,8 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
             _jsxs(_Fragment, { children: [_jsxs(TMLayoutItem, { height: '100%', children: [_jsxs(TMSplitterLayout, { direction: 'horizontal', overflow: 'visible', separatorSize: SDKUI_Globals.userSettings.themeSettings.gutters, separatorActiveColor: 'transparent', separatorColor: 'transparent', min: ['0', '0'], showSeparator: showSelector && deviceType !== DeviceType.MOBILE, start: showSelector ? deviceType !== DeviceType.MOBILE ? ['30%', '70%'] : splitterSize : ['0%', '100%'], children: [showSelector ?
                                         _jsx(TMLayoutItem, { children: _jsx(TMSearchResultSelector, { searchResults: currentSearchResults, disableAccordionIfSingleCategory: disableAccordionIfSingleCategory, selectedTID: selectedSearchResultTID, onSelectionChanged: onSearchResultSelectionChanged }) })
                                         :
-                                            _jsx(_Fragment, {}), _jsxs(TMLayoutItem, { children: [_jsx(TMSearchResultGrid, { inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], lastUpdateSearchTime: lastUpdateSearchTime, onDblClick: () => openFormHandler(LayoutModes.Update), onContextMenuPreparing: onContextMenuPreparing, onSelectionChanged: (items) => { setSelectedItems(items); }, onVisibleItemChanged: setVisibleItems, onFocusedItemChanged: setFocusedItem, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync(inputDcmts, downloadType, downloadMode, onFileOpened, confirmAttachments) }), allowFloatingBar && showFloatingBar && deviceType !== DeviceType.MOBILE &&
-                                                _jsxs(TMFloatingToolbar, { backgroundColor: TMColors.primaryColor, initialLeft: '10px', initialTop: 'calc(100% - 75px)', children: [fromDTD?.perm?.canRetrieveFile === AccessLevels.Yes && _jsx(TMButton, { btnStyle: 'icon', caption: "Download file", disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes || !focusedItem?.DID, icon: _jsx(IconDownload, { color: 'white' }), onClick: () => { downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt, "download"); } }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasDetailRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white' }), caption: SDKUI_Localizator.DcmtsDetail, onClick: () => setIsOpenDetails(true) }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasMasterRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white', transform: 'scale(-1, 1)' }), caption: SDKUI_Localizator.DcmtsMaster, onClick: () => setIsOpenMaster(true) }), _jsx(IconMenuVertical, { id: `commands-floating-${id}`, color: 'white', cursor: 'pointer' }), _jsx(CommandsContextMenu, { target: `#commands-floating-${id}`, menuItems: getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback) })] })] }), "m"] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { TID: focusedItem?.TID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: onWFOperationCompleted, onClose: () => setShowMoreInfoPopup(false) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: `${SDKUI_Localizator.BatchUpdate} (${getSelectionDcmtInfo().length} documenti selezionati)`, inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => {
+                                            _jsx(_Fragment, {}), _jsxs(TMLayoutItem, { children: [_jsx(TMSearchResultGrid, { inputFocusedItem: focusedItem, inputSelectedItems: selectedItems, searchResult: searchResults.length > 1 ? selectedSearchResult : searchResults[0], lastUpdateSearchTime: lastUpdateSearchTime, onDblClick: () => openFormHandler(LayoutModes.Update), onContextMenuPreparing: onContextMenuPreparing, onSelectionChanged: (items) => { setSelectedItems(items); }, onVisibleItemChanged: setVisibleItems, onFocusedItemChanged: setFocusedItem, onDownloadDcmtsAsync: async (inputDcmts, downloadType, downloadMode, _y, confirmAttachments) => await downloadDcmtsAsync(inputDcmts, downloadType, downloadMode, onFileOpened, confirmAttachments), showExportForm: showExportForm, onCloseExportForm: onCloseExportForm }), allowFloatingBar && showFloatingBar && deviceType !== DeviceType.MOBILE &&
+                                                _jsxs(TMFloatingToolbar, { backgroundColor: TMColors.primaryColor, initialLeft: '10px', initialTop: 'calc(100% - 75px)', children: [fromDTD?.perm?.canRetrieveFile === AccessLevels.Yes && _jsx(TMButton, { btnStyle: 'icon', caption: "Download file", disabled: fromDTD?.perm?.canRetrieveFile !== AccessLevels.Yes || !focusedItem?.DID, icon: _jsx(IconDownload, { color: 'white' }), onClick: () => { downloadDcmtsAsync(getSelectedDcmtsOrFocused(selectedItems, focusedItem), DownloadTypes.Dcmt, "download"); } }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasDetailRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white' }), caption: SDKUI_Localizator.DcmtsDetail, onClick: () => setIsOpenDetails(true) }), allowRelations && _jsx(TMButton, { btnStyle: 'icon', disabled: !currentTIDHasMasterRelations || !focusedItem?.DID, icon: _jsx(IconDetailDcmts, { color: 'white', transform: 'scale(-1, 1)' }), caption: SDKUI_Localizator.DcmtsMaster, onClick: () => setIsOpenMaster(true) }), _jsx(IconMenuVertical, { id: `commands-floating-${id}`, color: 'white', cursor: 'pointer' }), _jsx(CommandsContextMenu, { target: `#commands-floating-${id}`, menuItems: getCommandsMenuItems(fromDTD, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, refreshSelectionDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, openConfirmAttachmentsDialog, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback, openExportForm) })] })] }), "m"] }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), isReject: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { deviceType: deviceType, onCompleted: onWFOperationCompleted, selectedItems: getSelectedDcmtsOrFocused(selectedItems, focusedItem), onClose: () => setShowReAssignPopup(false) }), showMoreInfoPopup && _jsx(WorkFlowMoreInfoPopUp, { TID: focusedItem?.TID, DID: focusedItem?.DID, deviceType: deviceType, onCompleted: onWFOperationCompleted, onClose: () => setShowMoreInfoPopup(false) }), isOpenBatchUpdate && _jsx(TMBatchUpdateForm, { isModal: true, titleModal: `${SDKUI_Localizator.BatchUpdate} (${getSelectionDcmtInfo().length} documenti selezionati)`, inputDcmts: getSelectionDcmtInfo(), TID: focusedItem ? focusedItem?.TID : selectedItems[0]?.TID, DID: focusedItem ? focusedItem?.DID : selectedItems[0]?.DID, onBack: () => {
                                     setIsOpenBatchUpdate(false);
                                 }, onSavedCallbackAsync: async () => {
                                     setIsOpenBatchUpdate(false);
@@ -468,7 +477,7 @@ const TMSearchResult = ({ context = SearchResultContext.METADATA_SEARCH, isVisib
 };
 export default TMSearchResult;
 const renderDcmtIcon = (cellData, onDownloadDcmtsAsync) => _jsx(TMDcmtIcon, { tid: cellData.data.TID, did: cellData.data.DID, fileExtension: cellData.data.FILEEXT, fileCount: cellData.data.FILECOUNT, isLexProt: cellData.data.IsLexProt, isMail: cellData.data.ISMAIL, isShared: cellData.data.ISSHARED, isSigned: cellData.data.ISSIGNED, downloadMode: 'openInNewWindow', onDownloadDcmtsAsync: onDownloadDcmtsAsync });
-const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, onFocusedItemChanged, onDownloadDcmtsAsync, onVisibleItemChanged, inputSelectedItems = [], lastUpdateSearchTime, searchResult, onContextMenuPreparing, onSelectionChanged, onDblClick }) => {
+const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, showExportForm = false, onCloseExportForm, onFocusedItemChanged, onDownloadDcmtsAsync, onVisibleItemChanged, inputSelectedItems = [], lastUpdateSearchTime, searchResult, onContextMenuPreparing, onSelectionChanged, onDblClick }) => {
     const [dataSource, setDataSource] = useState();
     const [showFilterPanel, setShowFilterPanel] = useState(false);
     const [columns, setColumns] = useState([]);
@@ -491,7 +500,8 @@ const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, o
         if (e.event?.key === 'Delete') {
             TMMessageBoxManager.show({
                 buttons: [ButtonNames.YES, ButtonNames.NO],
-                message: _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 6 }, children: [SDKUI_Localizator.SaveQuestion, " (", selectedRowKeys.length, ")", _jsx(TMTooltip, { content: _jsxs("div", { style: { whiteSpace: 'nowrap' }, children: [_jsx("span", { children: SDKUI_Localizator.RemoveSelectedItemsTemporarily }), _jsx("br", {}), _jsx("span", { children: SDKUI_Localizator.UIOnlyEffectWarning })] }), children: _jsx(IconInfo, { color: TMColors.primary }) })] }),
+                title: SDKUI_Localizator.RemoveFromList,
+                message: `${SDKUI_Localizator.ConfirmSelectedDocumentsMessage.replaceParams(selectedRowKeys.length)}`,
                 onButtonClick(e) {
                     if (e !== ButtonNames.YES)
                         return;
@@ -588,7 +598,7 @@ const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, o
                 visible: isVisible,
                 cellRender: (cellData) => cellRender(cellData, dataDomain, dataListID, dataListViewMode),
                 caption: col.caption,
-                format: getDisplayFormat(col)
+                format: getDisplayFormat(col),
             });
         });
         setColumns(cols);
@@ -654,7 +664,7 @@ const TMSearchResultGrid = ({ inputFocusedItem, allowMultipleSelection = true, o
             setShowFilterPanel(!!e.value);
         }
     }, []);
-    return _jsx(TMDataGrid, { id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: focusedItem?.rowIndex, showSearchPanel: false, showFilterPanel: showFilterPanel, sorting: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, pageSize: TMDataGridPageSize.Small, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, onOptionChanged: onOptionChanged, onContextMenuPreparing: onContextMenuPreparing, onKeyDown: onKeyDown, counterConfig: { show: true } });
+    return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx(TMDataGrid, { id: "tm-search-result", keyExpr: "rowIndex", dataColumns: dataColumns, dataSource: dataSource, repaintChangesOnly: true, selectedRowKeys: selectedRowKeys, focusedRowKey: focusedItem?.rowIndex, showSearchPanel: false, showFilterPanel: showFilterPanel, sorting: { mode: "multiple" }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single' }, pageSize: TMDataGridPageSize.Small, onSelectionChanged: handleSelectionChange, onFocusedRowChanged: handleFocusedRowChange, onRowDblClick: onRowDblClick, onContentReady: onContentReady, onOptionChanged: onOptionChanged, onContextMenuPreparing: onContextMenuPreparing, onKeyDown: onKeyDown, counterConfig: { show: true } }), (showExportForm && searchResult && onCloseExportForm) && _jsx(TMDataGridExportForm, { dataColumns: dataColumns, dataSource: dataSource, selectedRowKeys: selectedRowKeys, onCloseExportForm: onCloseExportForm, searchResult: searchResult })] });
 };
 //#region TMSearchResultSelector
 const StyledItemTemplate = styled.div ` 

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

@@ -3,4 +3,4 @@ import { DcmtTypeDescriptor, FileDescriptor, FileFormats, LayoutModes, WorkingGr
 import { TMDataGridContextMenuItem } from '../../base/TMDataGrid';
 import { DcmtInfo, DcmtOperationTypes, DownloadModes, DownloadTypes, SearchResultContext } from '../../../ts';
 export declare const getSelectedDcmtsOrFocused: (selectedItems: Array<any>, focusedItem: any, fileFormat?: FileFormats) => DcmtInfo[];
-export declare const getCommandsMenuItems: (dtd: DcmtTypeDescriptor | undefined, selectedItems: Array<any>, focusedItem: any, context: SearchResultContext, showFloatingBar: boolean, workingGroupContext: WorkingGroupDescriptor | undefined, setShowFloatingBar: React.Dispatch<React.SetStateAction<boolean>>, openFormHandler: (layoutMode: LayoutModes) => void, downloadDcmtsAsync: (inputDcmts: DcmtInfo[] | undefined, downloadType: DownloadTypes, downloadMode: DownloadModes, onFileDownloaded?: (dcmtFile: File | undefined) => void, confirmAttachments?: (list: FileDescriptor[]) => Promise<string[] | undefined>) => Promise<void>, runOperationAsync: (inputDcmts: DcmtInfo[] | undefined, dcmtOperationType: DcmtOperationTypes, actionAfterOperationAsync?: () => Promise<void>) => Promise<void>, onRefreshSearchAsync: (() => Promise<void>) | undefined, onRefreshDataRowsAsync: (() => Promise<void>) | undefined, onRefreshAfterAddDcmtToFavs: (() => void) | undefined, confirmFormat: () => Promise<FileFormats>, confirmAttachments: (list: FileDescriptor[]) => Promise<string[] | undefined>, openTaskFormHandler: () => void, openDetailDcmtsFormHandler: (value: boolean) => void, openMasterDcmtsFormHandler: (value: boolean) => void, openBatchUpdateFormHandler: (value: boolean) => void, showCopyMoveFormCallback: (mode: "copyToWgDraft" | "copyToWgArchivedDoc") => void) => Array<TMDataGridContextMenuItem>;
+export declare const getCommandsMenuItems: (dtd: DcmtTypeDescriptor | undefined, selectedItems: Array<any>, focusedItem: any, context: SearchResultContext, showFloatingBar: boolean, workingGroupContext: WorkingGroupDescriptor | undefined, setShowFloatingBar: React.Dispatch<React.SetStateAction<boolean>>, openFormHandler: (layoutMode: LayoutModes) => void, downloadDcmtsAsync: (inputDcmts: DcmtInfo[] | undefined, downloadType: DownloadTypes, downloadMode: DownloadModes, onFileDownloaded?: (dcmtFile: File | undefined) => void, confirmAttachments?: (list: FileDescriptor[]) => Promise<string[] | undefined>) => Promise<void>, runOperationAsync: (inputDcmts: DcmtInfo[] | undefined, dcmtOperationType: DcmtOperationTypes, actionAfterOperationAsync?: () => Promise<void>) => Promise<void>, onRefreshSearchAsync: (() => Promise<void>) | undefined, onRefreshDataRowsAsync: (() => Promise<void>) | undefined, onRefreshAfterAddDcmtToFavs: (() => void) | undefined, confirmFormat: () => Promise<FileFormats>, confirmAttachments: (list: FileDescriptor[]) => Promise<string[] | undefined>, openTaskFormHandler: () => void, openDetailDcmtsFormHandler: (value: boolean) => void, openMasterDcmtsFormHandler: (value: boolean) => void, openBatchUpdateFormHandler: (value: boolean) => void, showCopyMoveFormCallback: (mode: "copyToWgDraft" | "copyToWgArchivedDoc") => void, openExportForm: () => void) => Array<TMDataGridContextMenuItem>;

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

@@ -24,7 +24,7 @@ export const getSelectedDcmtsOrFocused = (selectedItems, focusedItem, fileFormat
     }
     return [];
 };
-export const getCommandsMenuItems = (dtd, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, onRefreshDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, confirmAttachments, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback) => {
+export const getCommandsMenuItems = (dtd, selectedItems, focusedItem, context, showFloatingBar, workingGroupContext, setShowFloatingBar, openFormHandler, downloadDcmtsAsync, runOperationAsync, onRefreshSearchAsync, onRefreshDataRowsAsync, onRefreshAfterAddDcmtToFavs, confirmFormat, confirmAttachments, openTaskFormHandler, openDetailDcmtsFormHandler, openMasterDcmtsFormHandler, openBatchUpdateFormHandler, showCopyMoveFormCallback, openExportForm) => {
     // let ftExplanations = focusedItem?.FTExplanations;
     return [
         {
@@ -385,7 +385,7 @@ export const getCommandsMenuItems = (dtd, selectedItems, focusedItem, context, s
                     text: SDKUI_Localizator.ExportTo,
                     operationType: 'multiRow',
                     disabled: false,
-                    onClick: () => ShowAlert({ message: "TODO Esporta in", mode: 'info', title: `${"TODO"}`, duration: 3000 })
+                    onClick: openExportForm
                 },
                 // {
                 //     icon: svgToString(<IconShow />),

package/lib/helper/SDKUI_Localizator.d.ts

@@ -83,6 +83,7 @@ export declare class SDKUI_Localizator {
     static get ConfirmDownload(): string;
     static get ConfirmPassword(): "Bestätige das Passwort" | "Confirm password" | "Confirmar Contraseña" | "Confirmez le mot de passe" | "Confirme sua senha" | "Conferma password";
     static get ConfirmOnCancel(): "Wenn wir fortfahren, gehen die vorgenommenen Änderungen verloren. Fortfahren?" | "All modifications will be lost. Continue?" | "Si sigue adelante, se perderán las modificaciones aportadas. ¿Seguir?" | "Continuant, les changements seront perdus. Continuer?" | "Continuando as alterações feitas serão perdidas. Continuar?" | "Proseguendo le modifiche apportate andranno perse. Proseguire?";
+    static get ConfirmSelectedDocumentsMessage(): string;
     static get Continue(): string;
     static get ContinueOperation(): "Fortfahren?" | "Continue ?" | "¿Continuar?" | "Continuer?" | "Continuar?" | "Continuare?";
     static get CopiedSuccessfully(): "In die Zwischenablage kopieren" | "Copied in clipboard successfully" | "Copiado en el portapapeles con éxito" | "Copié dans le presse-papiers avec succès" | "CCopiado na área de transferência com sucesso" | "Copiato negli appunti con successo";
@@ -119,6 +120,7 @@ export declare class SDKUI_Localizator {
     static get DescriptionTooLongMessage(): "Die Beschreibung ist zu lang: Maximal {{0}' Zeichen" | "Description is too long: Max {{0}} characters" | "La descripción es demasiado larga: Máximo {{0}} caracteres" | "La description est trop longue : Maximum {{0}} caractères" | "A descrição é demasiado longa: Máximo {{0}} caracteres" | "La descrizione è troppo lunga: Massimo {{0}} caratteri";
     static get Destination(): "Bestimmung" | "Destination" | "Destino" | "Destinazione";
     static get DetailsView(): string;
+    static get Deselected(): string;
     static get Disabled(): "Deaktiviert" | "Disabled" | "Deshabilitado" | "Désactivé" | "Desabilitado" | "Disabilitato";
     static get DisplayFormat(): string;
     static get DistinctValues(): "Unterschiedliche Werte" | "Distinct values" | "Valores distintos" | "Valeurs distinctes" | "Valori distinti";
@@ -149,6 +151,8 @@ export declare class SDKUI_Localizator {
     static get Error(): "Fehler" | "Error" | "Erreur" | "Erro" | "Errore";
     static get ErrorLoadingDocument(): string;
     static get ErrorParsingFileContent(): "Fehler beim Parsen des Dateiinhalts. Stellen Sie sicher, dass die Datei im richtigen Format vorliegt." | "Error parsing the file content. Ensure the file is in the correct format." | "Error al analizar el contenido del archivo. Asegúrese de que el archivo esté en el formato correcto." | "Erreur lors de l'analyse du contenu du fichier. Assurez-vous que le fichier est dans le bon format." | "Erro ao analisar o conteúdo do arquivo. Certifique-se de que o arquivo está no formato correto." | "Errore durante l'analisi del contenuto del file. Assicurati che il file sia nel formato corretto.";
+    static get ExportDataListsDescriptionField(): "Exportiere die \"Beschreibung\"-Felder der Datenlisten" | "Export the \"description\" fields of data lists" | "Exportar los campos \"descripción\" de las listas de datos" | "Exporter les champs \"description\" des listes de données" | "Exportar os campos \"descrição\" das listas de dados" | "Esporta i campi \"descrizione\" delle liste dati";
+    static get ExportOnlySelectedDocuments(): "Nur ausgewählte Dokumente exportieren" | "Export only selected documents" | "Exportar solo los documentos seleccionados" | "Exporter uniquement les documents sélectionnés" | "Exportar apenas os documentos selecionados" | "Esporta solo i documenti selezionati";
     static get ExtractedBy(): "Ausgezogen von" | "Extracted by" | "Extraído por" | "Extrait par" | "Estratto da";
     static get ExtractedFromOtherUser(): string;
     static get ExtractedOn(): "Ausgezogen am" | "Extracted on" | "Extraído el" | "Extrait le" | "Extraído em" | "Estratto il";
@@ -211,6 +215,7 @@ export declare class SDKUI_Localizator {
     static get HideFormattingOptions(): "Formatierungsoptionen ausblenden" | "Hide formatting options" | "Ocultar opciones de formato" | "Masquer les options de formatage" | "Ocultar opções de formatação" | "Nascondi opzioni di formattazione";
     static get HideMetadata(): string;
     static get HideSearch(): "Suche ausblenden" | "Hide search" | "Ocultar búsqueda" | "Masquer la recherche" | "Ocultar pesquisa" | "Nascondi ricerca";
+    static get HideSelectionColumnsAndIcons(): "Auswahlspalten und Symbole ausblenden" | "Hide selection columns and icons" | "Ocultar columnas de selección e iconos" | "Masquer les colonnes de sélection et les icônes" | "Ocultar colunas de seleção e ícones" | "Nascondi le colonne di selezione e icone";
     static get HistoryActionLabel(): string;
     static get HistoryLabel(): string;
     static get ID_Hide(): "Ausblenden ID" | "Hide ID" | "Ocultar ID" | "Masquer ID" | "Nascondi ID";
@@ -374,9 +379,9 @@ export declare class SDKUI_Localizator {
     static get Relations(): "Korrelationen" | "Correlations" | "Correlaciones" | "Relations" | "Correlacionados" | "Correlazioni";
     static get RelationManyToMany(): "Folge viele mit vielen" | "Relation many to many" | "Correlación muchos a muchos" | "Corrélation plusieurs à plusieurs" | "Muitos para muitos relação" | "Correlazione molti a molti";
     static get RelationType(): "Art der Beziehung" | "Relation type" | "Tipo de relación" | "Type de relation" | "Tipo de relacionamento" | "Tipo di relazione";
+    static get RemoveFromList(): string;
     static get RemoveFromWorkgroup(): string;
     static get RemoveNamedPreferredCredentials(): "Möchten Sie die Anmeldedaten '{{0}}' entfernen, die als bevorzugt festgelegt wurden?" | "Do you want to remove the '{{0}}' credentials set as preferred?" | "¿Quieres eliminar las credenciales '{{0}}' configuradas como preferidas?" | "Voulez-vous supprimer les identifiants '{{0}}' définis comme préférés ?" | "Deseja remover as credenciais '{{0}}' definidas como preferidas?" | "Vuoi rimuovere le credenziali '{{0}}' impostate come preferite?";
-    static get RemoveSelectedItemsTemporarily(): string;
     static get RememberCredentials(): "Anmeldedaten merken" | "Remember credentials" | "Recordar credenciales" | "Se souvenir des identifiants" | "Lembrar credenciais" | "Ricorda credenziali";
     static get Request(): string;
     static get RequestTo(): string;
@@ -411,7 +416,8 @@ export declare class SDKUI_Localizator {
     static get Seconds(): "Sekunden" | "Seconds" | "Segundos" | "Secondes" | "Segundas" | "Secondi";
     static get Select(): "Wählen Sie Ihre" | "Select" | "Seleccionar" | "Sélectionne" | "Selecione" | "Seleziona";
     static get SelectSupportAreaMessage(): "Wählen Sie einen Ablagebereich aus" | "Select a support area" | "Seleccione un área de apoyo" | "Sélectionnez une zone de support" | "Selecione uma área de apoio" | "Selezionare un'area di appoggio";
-    static get Selected(): "Ausgewählt" | "Selected" | "Seleccionados" | "Sélectionné" | "Selecionado" | "Selezionati";
+    static get SelectedSingular(): string;
+    static get Selected(): "Ausgewählt" | "Selected" | "Sélectionné" | "Selecionado" | "Seleccionados" | "Selezionati";
     static get SelectDesiredFilters(): "Wählen Sie die gewünschten Filter aus" | "Select the desired filters" | "Selecciona los filtros deseados" | "Sélectionnez les filtres souhaités" | "Selecione os filtros desejados" | "Seleziona i filtri desiderati";
     static get SelectedItems(): "Ausgewählte Artikel" | "Selected items" | "Artículos seleccionados" | "Articles sélectionnés" | "Itens selecionados" | "Elementi selezionati";
     static get Send(): "Senden" | "Send" | "Enviar" | "Envoyer" | "Invia";
@@ -465,7 +471,6 @@ export declare class SDKUI_Localizator {
     static get UBLViewFormats_ER_PDF(): "ER Style Sheet (PDF)" | "Hoja de estilo ER (PDF)" | "Feuille de style ER (PDF)" | "Folha de estilo ER (PDF)" | "Foglio di stile ER (PDF)";
     static get UBLViewFormats_NSO_HTML(): "NSO Style Sheet (HTML)" | "Hoja de estilo NSO (HTML)" | "Feuille de style NSO (HTML)" | "Folha de estilo NSO (HTML)" | "Foglio di stile NSO (HTML)";
     static get UBLViewFormats_NSO_PDF(): "NSO Style Sheet (PDF)" | "Hoja de estilo NSO (PDF)" | "Feuille de style NSO (PDF)" | "Folha de estilo NSO (PDF)" | "Foglio di stile NSO (PDF)";
-    static get UIOnlyEffectWarning(): string;
     static get Undo(): "Änderungen rückgängig machen" | "Undo" | "Anular modificaciones" | "Annule les modifications" | "Anular alterações" | "Annulla modifiche";
     static get Update(): "Bearbeiten" | "Update" | "Modificar" | "Modifie" | "Modificação" | "Modifica";
     static get UpdateCompletedSuccessfully(): "Aktualisierung erfolgreich abgeschlossen" | "Update completed successfully" | "Actualización completada con éxito" | "Mise à jour terminée avec succès" | "Atualização concluída com sucesso" | "Aggiornamento completato con successo";

package/lib/helper/SDKUI_Localizator.js

@@ -779,6 +779,22 @@ export class SDKUI_Localizator {
             default: return "Proseguendo le modifiche apportate andranno perse. Proseguire?";
         }
     }
+    static get ConfirmSelectedDocumentsMessage() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE:
+                return "{{0}} Dokument(e) ausgewählt. Möchten Sie den Vorgang bestätigen?";
+            case CultureIDs.En_US:
+                return "{{0}} document(s) selected. Do you want to confirm the operation?";
+            case CultureIDs.Es_ES:
+                return "{{0}} documento(s) seleccionado(s). ¿Desea confirmar la operación?";
+            case CultureIDs.Fr_FR:
+                return "{{0}} document(s) sélectionné(s). Voulez-vous confirmer l'opération ?";
+            case CultureIDs.Pt_PT:
+                return "{{0}} documento(s) selecionado(s). Deseja confirmar a operação?";
+            default:
+                return "{{0}} documento/i selezionato/i. Confermare l'operazione?";
+        }
+    }
     static get Continue() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Fortfahren";
@@ -1139,6 +1155,16 @@ export class SDKUI_Localizator {
             default: return "Vista Dettagliata";
         }
     }
+    static get Deselected() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Abgewählt";
+            case CultureIDs.En_US: return "Deselected";
+            case CultureIDs.Es_ES: return "Deseleccionado";
+            case CultureIDs.Fr_FR: return "Désélectionné";
+            case CultureIDs.Pt_PT: return "Desmarcado";
+            default: return "Deselezionato";
+        }
+    }
     static get Disabled() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Deaktiviert";
@@ -1451,6 +1477,26 @@ export class SDKUI_Localizator {
             default: return "Errore durante l'analisi del contenuto del file. Assicurati che il file sia nel formato corretto.";
         }
     }
+    static get ExportDataListsDescriptionField() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return 'Exportiere die "Beschreibung"-Felder der Datenlisten';
+            case CultureIDs.En_US: return 'Export the "description" fields of data lists';
+            case CultureIDs.Es_ES: return 'Exportar los campos "descripción" de las listas de datos';
+            case CultureIDs.Fr_FR: return 'Exporter les champs "description" des listes de données';
+            case CultureIDs.Pt_PT: return 'Exportar os campos "descrição" das listas de dados';
+            default: return 'Esporta i campi "descrizione" delle liste dati';
+        }
+    }
+    static get ExportOnlySelectedDocuments() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Nur ausgewählte Dokumente exportieren";
+            case CultureIDs.En_US: return "Export only selected documents";
+            case CultureIDs.Es_ES: return "Exportar solo los documentos seleccionados";
+            case CultureIDs.Fr_FR: return "Exporter uniquement les documents sélectionnés";
+            case CultureIDs.Pt_PT: return "Exportar apenas os documentos selecionados";
+            default: return "Esporta solo i documenti selezionati";
+        }
+    }
     static get ExtractedBy() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Ausgezogen von";
@@ -2070,6 +2116,16 @@ export class SDKUI_Localizator {
             default: return "Nascondi ricerca";
         }
     }
+    static get HideSelectionColumnsAndIcons() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Auswahlspalten und Symbole ausblenden";
+            case CultureIDs.En_US: return "Hide selection columns and icons";
+            case CultureIDs.Es_ES: return "Ocultar columnas de selección e iconos";
+            case CultureIDs.Fr_FR: return "Masquer les colonnes de sélection et les icônes";
+            case CultureIDs.Pt_PT: return "Ocultar colunas de seleção e ícones";
+            default: return "Nascondi le colonne di selezione e icone";
+        }
+    }
     static get HistoryActionLabel() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Archivieren";
@@ -3692,6 +3748,16 @@ export class SDKUI_Localizator {
             default: return "Tipo di relazione";
         }
     }
+    static get RemoveFromList() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Aus der Liste entfernen";
+            case CultureIDs.En_US: return "Remove from list";
+            case CultureIDs.Es_ES: return "Eliminar de la lista";
+            case CultureIDs.Fr_FR: return "Supprimer de la liste";
+            case CultureIDs.Pt_PT: return "Remover da lista";
+            default: return "Rimuovere dalla lista";
+        }
+    }
     static get RemoveFromWorkgroup() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Aus der Arbeitsgruppe entfernen";
@@ -3718,16 +3784,6 @@ export class SDKUI_Localizator {
                 return "Vuoi rimuovere le credenziali '{{0}}' impostate come preferite?";
         }
     }
-    static get RemoveSelectedItemsTemporarily() {
-        switch (this._cultureID) {
-            case CultureIDs.De_DE: return "Ausgewählte Elemente vorübergehend entfernen?";
-            case CultureIDs.En_US: return "Temporarily remove selected items?";
-            case CultureIDs.Es_ES: return "¿Eliminar temporalmente los elementos seleccionados?";
-            case CultureIDs.Fr_FR: return "Supprimer temporairement les éléments sélectionnés ?";
-            case CultureIDs.Pt_PT: return "Remover temporariamente os itens selecionados?";
-            default: return "Rimuovere temporaneamente gli elementi selezionati?";
-        }
-    }
     static get RememberCredentials() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Anmeldedaten merken";
@@ -4068,6 +4124,16 @@ export class SDKUI_Localizator {
             default: return "Selezionare un'area di appoggio";
         }
     }
+    static get SelectedSingular() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ausgewählt";
+            case CultureIDs.En_US: return "Selected";
+            case CultureIDs.Es_ES: return "Seleccionado";
+            case CultureIDs.Fr_FR: return "Sélectionné";
+            case CultureIDs.Pt_PT: return "Selecionado";
+            default: return "Selezionato";
+        }
+    }
     static get Selected() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Ausgewählt";
@@ -4609,16 +4675,6 @@ export class SDKUI_Localizator {
             default: return "Foglio di stile NSO (PDF)";
         }
     }
-    static get UIOnlyEffectWarning() {
-        switch (this._cultureID) {
-            case CultureIDs.De_DE: return "Diese Aktion wirkt sich nur auf die Benutzeroberfläche aus. Wenn Sie die Seite aktualisieren, werden die Daten wiederhergestellt.";
-            case CultureIDs.En_US: return "This action only affects the user interface. If you refresh the page, the data will be restored.";
-            case CultureIDs.Es_ES: return "Esta acción solo afecta a la interfaz de usuario. Si actualizas la página, los datos se restaurarán.";
-            case CultureIDs.Fr_FR: return "Cette action affecte uniquement l'interface utilisateur. Si vous actualisez la page, les données seront restaurées.";
-            case CultureIDs.Pt_PT: return "Esta ação afeta apenas a interface do usuário. Se você atualizar a página, os dados serão restaurados.";
-            default: return "Questa azione ha effetto solo sull'interfaccia utente. Se aggiorni la pagina, i dati verranno ripristinati.";
-        }
-    }
     static get Undo() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Änderungen rückgängig machen";

package/lib/helper/TMUtils.d.ts

@@ -5,3 +5,4 @@ export interface RowData {
     [key: string]: string | number | null;
 }
 export declare const associateColumnsToRows: (columns: Array<DataColumnDescriptor> | undefined, rows: Array<Array<string>> | undefined) => Array<RowData>;
+export declare const buildValueToLabelMapFromDataColumns: (columns: Array<DataColumnDescriptor>) => Promise<Map<string, string>>;

package/lib/helper/TMUtils.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { TMTooltip } from '../components';
 import { IconKey } from './TMIcons';
+import { DataListCacheService, MetadataDataDomains } from '@topconsultnpm/sdk-ts-beta';
 import { SDKUI_Localizator } from './SDKUI_Localizator';
 const StyledIconFileContainer = styled.div ` 
     height: 22px;
@@ -116,3 +117,19 @@ export const associateColumnsToRows = (columns, rows) => {
         return rowObject;
     });
 };
+export const buildValueToLabelMapFromDataColumns = async (columns) => {
+    const valueToNameMap = new Map();
+    for (const col of columns) {
+        const dataDomain = MetadataDataDomains[(col.extendedProperties?.["DataDomain"] ?? "None")];
+        const dataListID = Number(col.extendedProperties?.["DataListID"]);
+        if (dataDomain === MetadataDataDomains.DataList) {
+            const dl = await DataListCacheService.GetAsync(dataListID);
+            dl?.items?.forEach((item) => {
+                if (item?.name !== undefined && item?.value !== undefined) {
+                    valueToNameMap.set(item.value, item.name);
+                }
+            });
+        }
+    }
+    return valueToNameMap;
+};