@topconsultnpm/sdkui-react-beta 6.13.88 → 6.13.90

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

@@ -85,6 +85,8 @@ interface TMBlogsProps {
     showContextMenu?: boolean;
     /** Optional handle attachment focus functon */
     handleAttachmentFocus?: (attachment: DcmtInfo | undefined) => void;
+    /** Optional flag to show the floating comment button (default: false) */
+    showFloatingCommentButton?: boolean;
 }
 declare const TMBlogs: (props: TMBlogsProps) => import("react/jsx-runtime").JSX.Element;
 export default TMBlogs;

package/lib/components/grids/TMBlogs.js

@@ -31,7 +31,7 @@ const TMBlogs = (props) => {
         isRestoreEnabled: false,
         isRefreshEnabled: false,
         isCreateContextualTask: false,
-    }, refreshCallback, newPosts = [], showCommentFormCallback, showTaskFormCallback, showContextMenu = true, handleAttachmentFocus } = props;
+    }, refreshCallback, newPosts = [], showCommentFormCallback, showTaskFormCallback, showContextMenu = true, handleAttachmentFocus, showFloatingCommentButton = false } = props;
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     const deviceType = useDeviceType();
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
@@ -641,6 +641,31 @@ 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' }, onContextMenu: onContextMenu, children: [_jsx("div", { style: { display: renderMode === 'thumbnails' ? 'block' : 'none', width: "100%", height: "100%" }, 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%" })] }) });
+                                    } }))] }) }) })), _jsxs("div", { style: { height: `calc(100% - ${currentHeader && !isHeaderHidden ? '50px' : '0px'})`, width: "100%", overflow: 'auto', display: 'block' }, onContextMenu: onContextMenu, children: [_jsx("div", { style: { display: renderMode === 'thumbnails' ? 'block' : 'none', width: "100%", height: "100%" }, 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%" }), (showFloatingCommentButton && showCommentFormCallback) && _jsx("button", { style: {
+                        position: 'absolute',
+                        bottom: '20px',
+                        right: '20px',
+                        width: !isMobile ? '50px' : '40px',
+                        height: !isMobile ? '50px' : '40px',
+                        borderRadius: "50%",
+                        backgroundColor: "#C2388B",
+                        color: '#fff',
+                        border: 'none',
+                        cursor: 'pointer',
+                        boxShadow: '0 2px 6px rgba(0,0,0,0.2)',
+                        zIndex: 1000,
+                        transition: 'background-color 0.3s ease, transform 0.2s ease',
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                    }, onMouseEnter: (e) => {
+                        e.currentTarget.style.backgroundColor = '#D94A9F';
+                        e.currentTarget.style.transform = 'scale(1.1)';
+                        e.currentTarget.style.boxShadow = '0 4px 12px rgba(37, 89, 165, 0.6)';
+                    }, onMouseLeave: (e) => {
+                        e.currentTarget.style.backgroundColor = "#C2388B";
+                        e.currentTarget.style.transform = 'scale(1)';
+                        e.currentTarget.style.boxShadow = '0 2px 6px rgba(0,0,0,0.2)';
+                    }, onClick: () => { showCommentFormCallback(); }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.AddNewComment, children: _jsx("i", { className: "dx-icon-chat", style: { fontSize: !isMobile ? '30px' : '25px' } }) }) })] }) });
 };
 export default TMBlogs;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -15,6 +15,7 @@ export declare class SDKUI_Localizator {
     static get AddBelow(): "Unten hinzufügen" | "Add below" | "Añadir abajo" | "Ajouter ci-dessous" | "Adicionar abaixo" | "Aggiungi sotto";
     static get AddAlls(): "Alle hinzufügen" | "Add all" | "Añadir todos" | "Ajoute toutes" | "Adicionar todos" | "Aggiungi tutti";
     static get AddDefinition(): "Definition hinzufügen" | "Add definition" | "Añadir definición" | "Ajoute la définition" | "Adicionar definição" | "Aggiungi definizione";
+    static get AddNewComment(): string;
     static get AddOrSubstFile(): "Dateien hinzufügen/ersetzen" | "Add/substitute file" | "Añadir/sustituir archivo" | "Ajoute/Remplace le fichier" | "Adicionar / substituir arquivos" | "Aggiungi/sostituisci file";
     static get AddToHomePage(): "Zur Startseite hinzufügen" | "Add to Home Page" | "Añadir a la página inicial" | "Ajoute à Home Page" | "Adicionar a Home Page" | "Aggiungi alla Home Page";
     static get Advanced(): "Erweitert" | "Advanced" | "Avanzado" | "Avancé" | "Avançado" | "Avanzate";

package/lib/helper/SDKUI_Localizator.js

@@ -98,6 +98,16 @@ export class SDKUI_Localizator {
             default: return "Aggiungi definizione";
         }
     }
+    static get AddNewComment() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Neuen Kommentar hinzufügen";
+            case CultureIDs.En_US: return "Add a new comment";
+            case CultureIDs.Es_ES: return "Agregar un nuevo comentario";
+            case CultureIDs.Fr_FR: return "Ajouter un nouveau commentaire";
+            case CultureIDs.Pt_PT: return "Adicionar um novo comentário";
+            default: return "Aggiungi un nuovo commento";
+        }
+    }
     static get AddOrSubstFile() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Dateien hinzufügen/ersetzen";

package/package.json

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