@topconsultnpm/sdkui-react-beta 6.12.111 → 6.12.112

package/lib/components/grids/TMBlogs.d.ts

@@ -64,6 +64,7 @@ interface TMBlogsProps {
         isShowHideIDEnaled: boolean;
         isCommentEnabled: boolean;
         isDownloadAttachmentEnabled: boolean;
+        isViewEditMetadata: boolean;
         isDeleteEnabled: boolean;
         isRestoreEnabled: boolean;
         isRefreshEnabled: boolean;

package/lib/components/grids/TMBlogs.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { DcmtTypeListCacheService, ResultTypes, SDK_Globals, WorkingGroupEngine } from "@topconsultnpm/sdk-ts-beta";
+import { DcmtTypeListCacheService, LayoutModes, ResultTypes, SDK_Globals, WorkingGroupEngine } from "@topconsultnpm/sdk-ts-beta";
 import { ContextMenu, ScrollView } from 'devextreme-react';
 import { SDKUI_Localizator, IconAttachment, getExceptionMessage, Globalization, IconBoard } from '../../helper';
 import TMDataGrid from '../base/TMDataGrid';
@@ -16,6 +16,7 @@ import { TMSearchBar } from '../sidebar/TMHeader';
 import { AttachmentElement, BlogPostContainer, colors, findFileItemByDraftID, highlightText, IconAndHeaderElement, isHeaderFullyHidden, OwnerInitialsBadge, TMBlogsFilterCategoryId } from './TMBlogsUtils';
 import { useDcmtOperations } from '../../hooks/useDcmtOperations';
 import { DownloadTypes } from '../../ts';
+import TMDcmtForm from '../features/documents/TMDcmtForm';
 let localAbortController = new AbortController();
 const TMBlogs = (props) => {
     const { id, allData, showExtendedAttachments = true, treeFs, draftLatestInfoMap, archivedDocumentMap, updateVisualizedBlogCallback, height, width, scrollToBottom = true, viewMode = 'thumbnails', header, showIconHeader = true, color = colors.PRIMARY_BLUE, handleNavigateToWGs, showId, setShowId, currentWorkingGroup, contextMenuParams = {
@@ -23,6 +24,7 @@ const TMBlogs = (props) => {
         isShowHideIDEnaled: true,
         isCommentEnabled: false,
         isDownloadAttachmentEnabled: false,
+        isViewEditMetadata: false,
         isDeleteEnabled: false,
         isRestoreEnabled: false,
         isRefreshEnabled: false,
@@ -76,6 +78,8 @@ const TMBlogs = (props) => {
     const [localWaitPanelValuePrimary, setLocalWaitPanelValuePrimary] = useState(0);
     // State variable to define the maximum value for the primary progress indicator in the wait panel.
     const [localWaitPanelMaxValuePrimary, setLocalWaitPanelMaxValuePrimary] = useState(0);
+    // State to manage show selected file
+    const [showDcmtForm, setShowDcmtForm] = useState(false);
     // Data source for the number of posts to display in the UI
     const postsToShowDataSource = [
         { value: 30, display: SDKUI_Localizator.Latest + ' 30' },
@@ -181,6 +185,13 @@ const TMBlogs = (props) => {
                 disabled: focusedAttachment === undefined,
                 onClick: downloadAttachment,
             },
+            {
+                icon: showDcmtForm ? 'eyeclose' : 'eyeopen',
+                text: showDcmtForm ? SDKUI_Localizator.HideMetadata : SDKUI_Localizator.ViewEditMetadata,
+                visible: contextMenuParams.isViewEditMetadata && focusedAttachment !== undefined,
+                disabled: focusedAttachment === undefined,
+                onClick: () => setShowDcmtForm(true),
+            },
             {
                 icon: "trash",
                 text: SDKUI_Localizator.Delete,
@@ -230,7 +241,7 @@ const TMBlogs = (props) => {
             },
         ];
         return menuItemsElements;
-    }, [isHeaderHidden, localShowId, setLocalShowId, focusedBlog, focusedAttachment]);
+    }, [isHeaderHidden, localShowId, setLocalShowId, focusedBlog, focusedAttachment, showDcmtForm]);
     useEffect(() => {
         if (currentWorkingGroup === undefined)
             setNewPostCount(0);
@@ -573,6 +584,10 @@ const TMBlogs = (props) => {
             setAnchorEl(event.currentTarget);
         }
     };
+    const onCloseDcmtForm = useCallback(() => {
+        setShowDcmtForm(false);
+        handleFocusedAttachment(undefined);
+    }, []);
     return _jsx("div", { style: { height: height ?? '100%', width: width ?? '100%' }, children: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: localShowWaitPanel, showWaitPanelPrimary: localShowPrimary, waitPanelTitle: localWaitPanelTitle, waitPanelTextPrimary: localWaitPanelTextPrimary, waitPanelValuePrimary: localWaitPanelValuePrimary, waitPanelMaxValuePrimary: localWaitPanelMaxValuePrimary, isCancelable: true, abortController: localAbortController, children: [(currentHeader && !isHeaderHidden) && (_jsx("div", { style: { display: 'block', width: '100%', overflowX: 'auto', overflowY: 'hidden', whiteSpace: 'nowrap' }, onContextMenu: e => e.preventDefault(), children: _jsx(ScrollView, { width: "100%", height: "auto", direction: "horizontal", useNative: true, children: _jsxs("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'row',
@@ -591,6 +606,6 @@ const TMBlogs = (props) => {
                                         minWidth: isMobile ? '90px' : '120px',
                                         width: isMobile ? '90px' : '150px',
                                         height: '29px',
-                                    } }))] }) }) })), _jsxs("div", { style: { height: `calc(100% - ${currentHeader && !isHeaderHidden ? '50px' : '0px'})`, width: "100%", overflow: 'auto', display: 'block' }, children: [_jsx("div", { style: { display: renderMode === 'thumbnails' ? 'block' : 'none', width: "100%", height: "100%" }, onContextMenu: onContextMenu, children: ThumbnailView() }), _jsx("div", { style: { display: renderMode === 'details' ? 'block' : 'none', width: "100%", height: "100%" }, children: DataGridView() }), anchorEl && _jsx(ContextMenu, { ref: contextMenuRef, dataSource: contextMenuItems, target: anchorEl, onHiding: closeContextMenu })] })] }) });
+                                    } }))] }) }) })), _jsxs("div", { style: { height: `calc(100% - ${currentHeader && !isHeaderHidden ? '50px' : '0px'})`, width: "100%", overflow: 'auto', display: 'block' }, children: [_jsx("div", { style: { display: renderMode === 'thumbnails' ? 'block' : 'none', width: "100%", height: "100%" }, onContextMenu: onContextMenu, children: ThumbnailView() }), _jsx("div", { style: { display: renderMode === 'details' ? 'block' : 'none', width: "100%", height: "100%" }, children: DataGridView() }), anchorEl && _jsx(ContextMenu, { ref: contextMenuRef, dataSource: contextMenuItems, target: anchorEl, onHiding: closeContextMenu })] }), (showDcmtForm && focusedAttachment && focusedAttachment.TID && focusedAttachment.DID) && _jsx(TMDcmtForm, { TID: Number(focusedAttachment.TID), DID: Number(focusedAttachment.DID), layoutMode: LayoutModes.Update, onClose: onCloseDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + focusedAttachment.fileName, isModal: true, showPreview: !isMobile, showBoard: !isMobile, widthModal: "95%", heightModal: "95%" })] }) });
 };
 export default TMBlogs;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -170,6 +170,7 @@ export declare class SDKUI_Localizator {
     static get Hide_CompleteName(): "Vollständigen Namen ausblenden" | "Hide full name" | "Ocultar nombre completo" | "Masquer le nom complet" | "Ocultar nome completo" | "Nascondi nome completo";
     static get HideFilters(): string;
     static get HideLeftPanel(): "Linkes Panel ausblenden" | "Hide left panel" | "Ocultar panel izquierdo" | "Masquer le panneau de gauche" | "Ocultar painel esquerdo" | "Nascondi il pannello sinistro";
+    static get HideMetadata(): string;
     static get HideSearch(): "Suche ausblenden" | "Hide search" | "Ocultar búsqueda" | "Masquer la recherche" | "Ocultar pesquisa" | "Nascondi ricerca";
     static get ID_Hide(): "Ausblenden ID" | "Hide ID" | "Ocultar ID" | "Masquer ID" | "Nascondi ID";
     static get ID_Show(): "ID anzeigen" | "Show ID" | "Mostrar ID" | "Afficher ID" | "Visualizza ID";
@@ -400,6 +401,7 @@ export declare class SDKUI_Localizator {
     static get VariablesSystem(): "Systemvariablen" | "System variables" | "Variables del sistema" | "Variables de système" | "Variáveis do sistema" | "Variabili di sistema";
     static get Version(): string;
     static get View_Metadato(): "Anzeige (Methadaten)" | "Visualization (metadata)" | "Visualización (metadato)" | "Visualisation (métadonnée)" | "Display (metadados)" | "Visualizzazione (metadato)";
+    static get ViewEditMetadata(): string;
     static get ViewWithCheckOption(): "Kontrolle über Archivierung und Bearbeitung" | "Check on archive and update" | "Control en almacenamiento y modificación" | "Contrôle de l'archivage et la modifie" | "Controle de arquivamento e edição" | "Controllo su archiviazione e modifica";
     static get Visible(): "Sichtbar" | "Visible" | "Visibles" | "Visibiles" | "Visíveis" | "Visibili";
     static get VisibleItems(): "sichtbare Elemente" | "Visible items" | "elementos visibles" | "éléments visibles" | "itens visíveis" | "Elementi visibili";

package/lib/helper/SDKUI_Localizator.js

@@ -1660,6 +1660,16 @@ export class SDKUI_Localizator {
             default: return "Nascondi il pannello sinistro";
         }
     }
+    static get HideMetadata() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Metadaten ausblenden";
+            case CultureIDs.En_US: return "Hide Metadata";
+            case CultureIDs.Es_ES: return "Ocultar metadatos";
+            case CultureIDs.Fr_FR: return "Masquer les métadonnées";
+            case CultureIDs.Pt_PT: return "Ocultar metadados";
+            default: return "Nascondi metadati";
+        }
+    }
     static get HideSearch() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Suche ausblenden";
@@ -3958,6 +3968,16 @@ export class SDKUI_Localizator {
             default: return "Visualizzazione (metadato)";
         }
     }
+    static get ViewEditMetadata() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Metadaten anzeigen/bearbeiten";
+            case CultureIDs.En_US: return "View/Edit Metadata";
+            case CultureIDs.Es_ES: return "Ver/Editar metadatos";
+            case CultureIDs.Fr_FR: return "Afficher/Modifier les métadonnées";
+            case CultureIDs.Pt_PT: return "Visualizar/Editar metadados";
+            default: return "Visualizza/modifica metadati";
+        }
+    }
     static get ViewWithCheckOption() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Kontrolle über Archivierung und Bearbeitung";

package/package.json

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