@topconsultnpm/sdkui-react-beta 6.16.70 → 6.16.71

package/lib/components/base/TMDataGridExportForm.js

@@ -68,7 +68,7 @@ const TMDataGridExportForm = (props) => {
             // Create a Set from selectedRowKeys for efficient lookup
             const selectedSet = new Set(selectedRowKeys);
             // If exporting only selected rows, filter the dataSource accordingly; otherwise use the full dataSource
-            const rowsToExport = exportSelectedOnly ? dataSource.filter((_, idx) => selectedSet.has(idx)) : dataSource;
+            const rowsToExport = exportSelectedOnly ? dataSource.filter((item) => selectedSet.has(item.rowIndex)) : dataSource;
             // Filter columns to only those that are visible; optionally hide 'object' data types based on the `hideSelection` flag
             let visibleColumns = dataColumns.filter(col => {
                 if (!exportSelectedFormatColumns) {

package/lib/components/base/TMPopUp.d.ts

@@ -15,6 +15,7 @@ interface ITMMessageBox extends ITMPopup {
     onButtonClick?: (e: ButtonNames) => void;
     parentId?: string;
     onClose?: () => void;
+    confirmOnEnter?: boolean;
 }
 interface ITMExceptionBox extends ITMPopup {
     exception?: any;
@@ -23,6 +24,6 @@ declare class TMExceptionBoxManager {
     static show({ title, exception }: ITMExceptionBox): void;
 }
 declare class TMMessageBoxManager {
-    static show({ title, buttons, onButtonClick, message, parentId, resizable, onClose }: ITMMessageBox): void;
+    static show({ title, buttons, onButtonClick, message, parentId, resizable, onClose, confirmOnEnter }: ITMMessageBox): void;
 }
 export { TMExceptionBoxManager, TMMessageBoxManager };

package/lib/components/base/TMPopUp.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import TMButton from './TMButton';
 import { SDKUI_Localizator, calcResponsiveSizes, getExceptionMessage } from '../../helper';
 import styled from 'styled-components';
@@ -174,7 +174,7 @@ const ResponsiveButton = styled(TMButton) `
 const ResponsiveMessageBody = ({ message, isMobile, MessageToolbar }) => {
     return (_jsxs(ResponsiveMessageContainer, { children: [_jsxs(ResponsiveMessageContent, { "$isMobile": isMobile, children: [_jsx(ResponsiveToppyImage, { "$isMobile": isMobile, src: toppy, alt: "Toppy" }), _jsx(ResponsiveMessageText, { "$isMobile": isMobile, children: typeof message === 'string' ? _jsx(Message, { msg: message }) : message })] }), _jsx(MessageToolbar, {})] }));
 };
-const TMMessageBox = ({ resizable = false, onButtonClick, title = 'TopMedia', message = '', buttons, onClose }) => {
+const TMMessageBox = ({ resizable = false, onButtonClick, title = 'TopMedia', message = '', buttons, onClose, confirmOnEnter = false }) => {
     let deviceType = useDeviceType();
     const isMobile = useMemo(() => { return deviceType === DeviceType.MOBILE; }, [deviceType]);
     const [initialWidth, setInitialWidth] = useState('clamp(100px, 90vw, 400px)');
@@ -190,6 +190,21 @@ const TMMessageBox = ({ resizable = false, onButtonClick, title = 'TopMedia', me
             setBtns(arr);
         }
     }, [buttons]);
+    const handleKeyDown = useCallback((e) => {
+        if (confirmOnEnter && e.key === 'Enter') {
+            e.preventDefault();
+            if (btns.includes(ButtonNames.YES)) {
+                onButtonClick?.(ButtonNames.YES);
+                setIsVisible(false);
+            }
+        }
+    }, [confirmOnEnter, btns, onButtonClick]);
+    useEffect(() => {
+        if (!confirmOnEnter)
+            return;
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [confirmOnEnter, handleKeyDown]);
     const MessageToolbar = () => {
         return (_jsxs(StyledMessageToolbar, { children: [(btns.includes(ButtonNames.OK) || btns.includes(ButtonNames.YES)) &&
                     _jsx(ResponsiveButton, { fontSize: 'clamp(12px, 2vw, 1.1rem)', color: 'primaryOutline', btnStyle: 'text', onClick: () => {
@@ -245,7 +260,7 @@ class TMExceptionBoxManager {
     }
 }
 class TMMessageBoxManager {
-    static show({ title, buttons, onButtonClick, message, parentId, resizable, onClose }) {
+    static show({ title, buttons, onButtonClick, message, parentId, resizable, onClose, confirmOnEnter = false }) {
         let container = document.createElement('div');
         if (parentId) {
             const parent = document.getElementById(parentId);
@@ -260,7 +275,7 @@ class TMMessageBoxManager {
             document.body.appendChild(container);
         }
         const root = ReactDOM.createRoot(container);
-        root.render(_jsx(TMDeviceProvider, { children: React.createElement(TMMessageBox, { title, buttons, onButtonClick, message, resizable, onClose }) }));
+        root.render(_jsx(TMDeviceProvider, { children: React.createElement(TMMessageBox, { title, buttons, onButtonClick, message, resizable, onClose, confirmOnEnter }) }));
     }
 }
 export { TMExceptionBoxManager, TMMessageBoxManager };

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

@@ -37,6 +37,7 @@ import TMAccordion from '../../base/TMAccordion';
 import TMDataGridExportForm from '../../base/TMDataGridExportForm';
 import TMSearchResultFloatingActionButton from './TMSearchResultFloatingActionButton';
 import ShowAlert from '../../base/TMAlert';
+import TMSpinner from '../../base/TMSpinner';
 //#region Helper Methods
 export const getSearchResultCountersSingleCategory = (searchResults) => {
     // let totDcmtTypes = searchResults.length;
@@ -500,14 +501,62 @@ const TMSearchResultGrid = ({ openInOffice, inputFocusedItem, showSearch, allowM
         setSelectedRowKeys(inputSelectedItemsRowIndex);
     }, [inputSelectedItems]);
     const onKeyDown = useCallback((e) => {
-        if (e.event?.key === 'Delete') {
-            if (selectedRowKeys.length === 0)
+        // Check if the pressed key is the "Delete" key.
+        if (e.event?.key === 'Delete' && !showExportForm) {
+            // Get the selected or focused documents/items from the grid.
+            const dcmts = getSelectedDcmtsOrFocused(inputSelectedItems, inputFocusedItem);
+            // If there are no selected or focused items, do nothing.
+            if (dcmts === undefined || dcmts.length === 0)
                 return;
-            setDataSource((prevDataSource = []) => prevDataSource.filter((data) => !selectedRowKeys.includes(data.rowIndex)));
-            setSelectedRowKeys([]);
-            setFocusedItem(undefined);
+            // --- CASE 1: Only one item selected ---
+            if (dcmts.length === 1) {
+                const current = dcmts[0];
+                // If the selected item has a row index (valid entry)
+                if (current.rowIndex !== undefined) {
+                    TMSpinner.show({ description: SDKUI_Localizator.RemovingFromList });
+                    const currentDataSource = dataSource ?? [];
+                    setTimeout(() => {
+                        // Remove the selected item from the data source by filtering it out.
+                        setDataSource(currentDataSource.filter((data) => data.rowIndex !== current.rowIndex));
+                        // Clear any selection, focused item, and update callbacks.
+                        onSelectionChanged?.([]);
+                        setSelectedRowKeys([]);
+                        onFocusedItemChanged?.(undefined);
+                        setFocusedItem(undefined);
+                        TMSpinner.hide();
+                    }, 500);
+                }
+                return;
+            }
+            // --- CASE 2: Multiple items selected ---
+            if (dcmts.length > 1) {
+                // Show a confirmation message box before deleting multiple items.
+                TMMessageBoxManager.show({
+                    buttons: [ButtonNames.YES, ButtonNames.NO],
+                    title: SDKUI_Localizator.RemoveFromList,
+                    message: `${SDKUI_Localizator.ConfirmSelectedDocumentsMessage.replaceParams(dcmts.length)}`,
+                    confirmOnEnter: true,
+                    onButtonClick(e) {
+                        // Only proceed if user clicks "YES"
+                        if (e !== ButtonNames.YES)
+                            return;
+                        TMSpinner.show({ description: SDKUI_Localizator.RemovingFromList });
+                        const currentDataSource = dataSource ?? [];
+                        setTimeout(() => {
+                            // Remove all selected items from the data source.
+                            setDataSource(currentDataSource.filter((data) => !dcmts.some((d) => d.rowIndex === data.rowIndex)));
+                            // Clear selections and focus after deletion.
+                            onSelectionChanged?.([]);
+                            setSelectedRowKeys([]);
+                            onFocusedItemChanged?.(undefined);
+                            setFocusedItem(undefined);
+                            TMSpinner.hide();
+                        }, 500);
+                    },
+                });
+            }
         }
-    }, [selectedRowKeys]);
+    }, [inputSelectedItems, inputFocusedItem, dataSource]);
     const cellRender = useCallback((cellData, dataDomain, dataListID, dataListViewMode) => {
         if (!cellData || cellData.value === undefined)
             return null;

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

@@ -17,10 +17,10 @@ export const getSelectedDcmtsOrFocused = (selectedItems, focusedItem, fileFormat
     if (selectedItems.length <= 0 && !focusedItem)
         return [];
     if (selectedItems.length > 0) {
-        return selectedItems.map((item) => { return { TID: item.TID, DID: item.DID, FILEEXT: item.FILEEXT, fileFormat: fileFormat }; });
+        return selectedItems.map((item) => { return { TID: item.TID, DID: item.DID, FILEEXT: item.FILEEXT, fileFormat: fileFormat, rowIndex: item.rowIndex }; });
     }
     else if (focusedItem !== undefined) {
-        return [{ TID: focusedItem.TID, DID: focusedItem.DID, FILEEXT: focusedItem.FILEEXT, fileFormat: fileFormat }];
+        return [{ TID: focusedItem.TID, DID: focusedItem.DID, FILEEXT: focusedItem.FILEEXT, fileFormat: fileFormat, rowIndex: focusedItem.rowIndex }];
     }
     return [];
 };

package/lib/helper/SDKUI_Localizator.d.ts

@@ -403,8 +403,10 @@ export declare class SDKUI_Localizator {
     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 RemoveFromCache(): string;
+    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 RemovingFromList(): string;
     static get RememberCredentials(): "Anmeldedaten merken" | "Remember credentials" | "Recordar credenciales" | "Se souvenir des identifiants" | "Lembrar credenciais" | "Ricorda credenziali";
     static get ReopenDocument(): string;
     static get ReplaceDocument(): "Dokument ersetzen" | "Replace Document" | "Reemplazar Documento" | "Remplacer le Document" | "Substituir Documento" | "Sostituisci Documento";

package/lib/helper/SDKUI_Localizator.js

@@ -3988,6 +3988,16 @@ export class SDKUI_Localizator {
             default: return "Rimuovi elemento dalla cache";
         }
     }
+    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";
@@ -4014,6 +4024,16 @@ export class SDKUI_Localizator {
                 return "Vuoi rimuovere le credenziali '{{0}}' impostate come preferite?";
         }
     }
+    static get RemovingFromList() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Wird aus der Liste entfernt";
+            case CultureIDs.En_US: return "Removing from list";
+            case CultureIDs.Es_ES: return "Eliminando de la lista";
+            case CultureIDs.Fr_FR: return "Suppression de la liste en cours";
+            case CultureIDs.Pt_PT: return "Removendo da lista";
+            default: return "Rimozione dalla lista in corso";
+        }
+    }
     static get RememberCredentials() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Anmeldedaten merken";

package/lib/ts/types.d.ts

@@ -76,6 +76,7 @@ export type DcmtInfo = {
     metadataValues?: MetadataValueDescriptorEx[];
     fileName?: string;
     workingGroupId?: number;
+    rowIndex?: number;
 };
 export declare class MetadataValueDescriptorEx extends MetadataValueDescriptor {
     tid?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.16.70",
+    "version": "6.16.71",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",