@topconsultnpm/sdkui-react-beta 6.14.47 → 6.14.49

package/lib/components/features/blog/TMBlogCommentForm.d.ts

@@ -0,0 +1,16 @@
+import { UserDescriptor } from "@topconsultnpm/sdk-ts-beta";
+import { FileItem } from '../../base/TMFileManager';
+import { TMBlogContextDescriptor } from '../../grids/TMBlogsUtils';
+interface TMBlogCommentFormProps {
+    context: TMBlogContextDescriptor;
+    participants: Array<UserDescriptor>;
+    onClose: () => void;
+    refreshCallback: () => void;
+    showAttachmentsSection?: boolean;
+    selectedAttachments?: Array<FileItem>;
+    selectedAttachmentDid?: number;
+    allFileItems?: FileItem;
+    allArchivedDocumentsFileItems?: Array<FileItem>;
+}
+declare const TMBlogCommentForm: (props: TMBlogCommentFormProps) => import("react/jsx-runtime").JSX.Element;
+export default TMBlogCommentForm;

package/lib/components/features/blog/TMBlogCommentForm.js

@@ -0,0 +1,316 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { BlogPost, BlogPostAttachment, ResultTypes, SDK_Globals, SDK_Localizator, ValidationItem, WorkingGroupEngine } from "@topconsultnpm/sdk-ts-beta";
+import { SDKUI_Localizator, calcResponsiveSizes, calcIsModified, formatBytes, Globalization, getFileIcon, IconAttachment } from '../../../helper';
+import { useSaveForm, SaveFormOptions } from '../../../hooks/useForm';
+import { FormModes } from '../../../ts';
+import TMButton from '../../base/TMButton';
+import { useDeviceType } from '../../base/TMDeviceProvider';
+import { TMExceptionBoxManager, TMMessageBoxManager, ButtonNames } from '../../base/TMPopUp';
+import TMSpinner from '../../base/TMSpinner';
+import TMTooltip from '../../base/TMTooltip';
+import TMUserAvatar from '../../base/TMUserAvatar';
+import TMHtmlEditor from '../../editors/TMHtmlEditor';
+import TMChooserForm from '../../forms/TMChooserForm';
+import { TMResultManager } from '../../forms/TMResultDialog';
+import TMSaveForm from '../../forms/TMSaveForm';
+const getNonDirectoryFiles = (items, exclude) => {
+    const excludeIds = new Set(exclude.map(item => item.id));
+    return items.flatMap((item) => {
+        if (item.isDirectory && item.items) {
+            return getNonDirectoryFiles(item.items, exclude);
+        }
+        else if (!item.isDirectory && !excludeIds.has(item.id)) {
+            return [item];
+        }
+        else {
+            return [];
+        }
+    });
+};
+const TMBlogCommentForm = (props) => {
+    const { participants, selectedAttachments, selectedAttachmentDid, allFileItems, allArchivedDocumentsFileItems = [], onClose, refreshCallback, context, showAttachmentsSection = true } = props;
+    // Initialize state with combined array
+    const [dataSource, setDataSource] = useState(() => [...getNonDirectoryFiles(allFileItems?.items || [], []), ...allArchivedDocumentsFileItems]);
+    const [isEditorEnabled, setIsEditorEnabled] = useState(false);
+    const [showAttachmentsForm, setShowAttachmentsForm] = useState(false);
+    const [mentionsConfig, setMentionsConfig] = useState([]);
+    // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
+    const deviceType = useDeviceType();
+    const validator = async (params) => {
+        let vil = [];
+        const { comment } = params;
+        // Check for empty comment
+        if (!comment || comment.trim() === "") {
+            vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.Comment, `${SDK_Localizator.RequiredField}`));
+        }
+        else {
+            // Validate description length (max 500)
+            if (comment.length > 500) {
+                vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.Comment, `${SDKUI_Localizator.DescriptionTooLongMessage.replaceParams(500)}`));
+            }
+            // Detect dangerous HTML tags
+            const tagRegex = /<\/?(script|iframe|embed|object|link|style|img|video|audio|svg|form|input|button|textarea|select|pre|function)[^>]*>/gi;
+            const attrRegex = /\son\w+\s*=\s*(['"]).*?\1/gi;
+            const encodedTagRegex = /&lt;\/?(script|iframe|embed|object|link|style|img|video|audio|svg|form|input|button|textarea|select|pre|function)[^&]*&gt;/gi;
+            if (tagRegex.test(comment) || attrRegex.test(comment) || encodedTagRegex.test(comment)) {
+                vil.push(new ValidationItem(ResultTypes.ERROR, SDKUI_Localizator.Comment, `${SDKUI_Localizator.CommentDoesNotMeetRequirements}`));
+            }
+        }
+        return vil;
+    };
+    const { formData, setFormData, formDataOrig, validationItems, exception } = useSaveForm(FormModes.Create, 0, new SaveFormOptions(), validator);
+    const [currentDraftAttachments, setCurrentDraftAttachments] = useState([]);
+    useEffect(() => {
+        setDataSource([...getNonDirectoryFiles(allFileItems?.items || [], []), ...allArchivedDocumentsFileItems,]);
+    }, [allFileItems, allArchivedDocumentsFileItems]);
+    useEffect(() => {
+        if (selectedAttachmentDid) {
+            const selectedFile = dataSource.find(file => file.did === selectedAttachmentDid);
+            if (selectedFile) {
+                setCurrentDraftAttachments([selectedFile]);
+            }
+        }
+    }, [selectedAttachmentDid, dataSource]);
+    useEffect(() => {
+        if (selectedAttachments) {
+            setCurrentDraftAttachments(selectedAttachments);
+        }
+        ;
+    }, [selectedAttachments]);
+    useEffect(() => {
+        const mentions = [{
+                dataSource: participants.map(user => ({ text: user.name || '', icon: TMUserAvatar({ displayName: user.name || '', nameForColorCalculation: user.name || '', returnType: "svg" }) })),
+                searchExpr: 'text',
+                displayExpr: 'text',
+                valueExpr: 'text',
+                itemTemplate: function (itemData) {
+                    return `<div style="display: flex; align-items: center; justify-content: center; gap: 8px; height: 100%;">
+                            ${itemData.icon}
+                            <span>${itemData.text}</span>
+                        </div>`;
+                },
+            }];
+        setMentionsConfig(mentions);
+    }, [participants]);
+    const onSaveAsync = async () => {
+        try {
+            // Show a loading spinner with a localized description
+            TMSpinner.show({ description: SDKUI_Localizator.Comment });
+            // Exit early if the engine or its required identifiers are undefined
+            if (context.object === undefined
+                || (context.engine === 'WorkingGroupEngine' && !context.object.id)
+                || (context.engine === 'SearchEngine' && (!context.object.tid || !context.object.did))) {
+                TMSpinner.hide();
+                return;
+            }
+            // Create a new BlogPost object
+            const blogPost = new BlogPost();
+            // Retrieve the comment from formData, or use an empty string if undefined 
+            const comment = formData?.comment ?? "";
+            // Clean the comment by removing <p> tags and replacing </p> with line breaks
+            let cleanComment = comment.replace(/<p>/gi, '').replace(/<\/p>/gi, '\r\n').trim();
+            // Validate and remove any potentially dangerous HTML tags (like <script>, <iframe>, etc.)
+            cleanComment = cleanComment.replace(/<(script|iframe|embed|object|link|style|img|video|audio|svg|form|input|button|textarea|select|pre|function)[^>]*>/gi, '');
+            // Assign the cleaned comment as the description for the blog post
+            blogPost.description = cleanComment ?? "";
+            // If there are file items (attachments), process them
+            if (currentDraftAttachments && currentDraftAttachments.length > 0) {
+                // Initialize an array to hold the blog post attachments
+                const attachment = [];
+                currentDraftAttachments.forEach((fileItem) => {
+                    // Set the necessary properties for the blog post attachment
+                    const blogPostAttachement = new BlogPostAttachment();
+                    blogPostAttachement.did = fileItem.did;
+                    blogPostAttachement.tid = fileItem.tid;
+                    blogPostAttachement.draftID = fileItem.id;
+                    // Add the attachment to the array
+                    attachment.push(blogPostAttachement);
+                });
+                blogPost.attachments = attachment;
+            }
+            // Initialize an empty array to hold the result information
+            let result = [];
+            if (context.engine === 'WorkingGroupEngine' && context.object && context.object.id) {
+                // Create an instance of WorkingGroupEngine to interact with the working group
+                const workingGroupEngine = new WorkingGroupEngine(SDK_Globals.tmSession);
+                // Call the BlogPostAddAsync method to add the blog post to the working group
+                await workingGroupEngine.BlogPostAddAsync(context.object.id, blogPost)
+                    .then(() => {
+                    // On success, push a success result to the result array
+                    result.push({ rowIndex: 1, id1: context.object?.id, id2: 0, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
+                    // Show the result to the user
+                    TMResultManager.show(result, SDKUI_Localizator.Comment, "ID", undefined);
+                    refreshCallback();
+                })
+                    .catch((e) => {
+                    // If an error occurs, display the exception in an error box
+                    TMExceptionBoxManager.show({ exception: e });
+                })
+                    .finally(() => {
+                    // Hide the loading spinner and close the operation (e.g., close a modal or cleanup)
+                    TMSpinner.hide();
+                    onClose();
+                });
+            }
+            else if (context.engine === 'SearchEngine') {
+                // Create an instance of SearchEngine
+                const searchEngine = SDK_Globals.tmSession?.NewSearchEngine();
+                await searchEngine.BlogPostAddAsync(context.object.tid, context.object.did, cleanComment)
+                    .then(() => {
+                    // On success, push a success result to the result array
+                    result.push({ rowIndex: 1, id1: context.object?.tid, id2: context.object?.did, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
+                    // Show the result to the user
+                    TMResultManager.show(result, SDKUI_Localizator.Comment, "ID", undefined);
+                    refreshCallback();
+                })
+                    .catch((e) => {
+                    // If an error occurs, display the exception in an error box
+                    TMExceptionBoxManager.show({ exception: e });
+                })
+                    .finally(() => {
+                    // Hide the loading spinner and close the operation (e.g., close a modal or cleanup)
+                    TMSpinner.hide();
+                    onClose();
+                });
+            }
+        }
+        catch (e) {
+            // If any error occurs during the try block execution, display the exception in an error box
+            TMExceptionBoxManager.show({ exception: e });
+        }
+    };
+    const onCloseCallback = () => {
+        if (formData && formData?.comment.length > 0) {
+            TMMessageBoxManager.show({
+                parentId: "TMSaveFormShowConfirmForClose-1",
+                buttons: [ButtonNames.YES, ButtonNames.NO],
+                message: SDKUI_Localizator.ConfirmOnCancel,
+                onButtonClick(e) {
+                    if (e !== ButtonNames.YES)
+                        return;
+                    setFormData(undefined);
+                    if (onClose)
+                        onClose();
+                },
+            });
+        }
+        else {
+            setFormData(undefined);
+            if (onClose)
+                onClose();
+        }
+    };
+    const toggleEditorMode = () => {
+        setIsEditorEnabled((prev) => !prev);
+    };
+    const onValueChanged = (e) => {
+        // Clean the value by:
+        // 1. Removing any <span> tags (both opening and closing) using regex
+        // 2. Replacing HTML non-breaking spaces (&nbsp;) with regular spaces
+        const cleaned = e.value.replace(/<span[^>]*>|<\/span>/g, '').replace(/&nbsp;/g, ' ');
+        // Update the formData state by copying the existing data
+        // and setting the `comment` field to the cleaned value
+        setFormData({ ...formData, comment: cleaned });
+    };
+    const removeAttachment = (attachment) => {
+        setCurrentDraftAttachments(prev => prev.filter(item => item.id !== attachment.id));
+    };
+    const onChoose = (selectedDraftItemsIds) => {
+        // Find the file items corresponding to the selected IDs
+        const selectedDraftItems = selectedDraftItemsIds.map(id => dataSource.find(file => file.id === id)).filter((item) => !!item); // Filter out undefined
+        // Update the state with selected draft items
+        setCurrentDraftAttachments(selectedDraftItems);
+    };
+    return _jsx(TMSaveForm, { id: 1, title: SDKUI_Localizator.Comment, showErrorCount: false, showSaveButton: !showAttachmentsForm, showUndoButton: false, hasNavigation: false, skipIsModifiedCheck: true, isModal: true, width: calcResponsiveSizes(deviceType, '800px', '800px', '95%'), height: '550px', formMode: FormModes.Create, validationItems: validationItems, exception: exception, isModified: calcIsModified(formData, formDataOrig), onSaveAsync: onSaveAsync, onClose: onCloseCallback, customToolbarElements: _jsx("div", { style: { display: 'flex', gap: '2px' }, children: showAttachmentsForm === false && _jsx(TMButton, { btnStyle: "toolbar", icon: isEditorEnabled ? _jsx("i", { className: 'dx-icon-font' }) : _jsx("i", { className: 'dx-icon-background' }), caption: isEditorEnabled ? SDKUI_Localizator.HideFormattingOptions : SDKUI_Localizator.ShowFormattingOptions, onClick: toggleEditorMode }) }), children: _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx("div", { style: { width: "100%", height: showAttachmentsSection ? "calc(100% - 60px)" : "100%" }, children: _jsx(TMHtmlEditor, { width: '100%', height: '100%', isEditorEnabled: isEditorEnabled, validationItems: validationItems, onValueChanged: onValueChanged, mentionsConfig: mentionsConfig, autoFocus: true }) }), showAttachmentsSection && _jsxs("div", { style: { display: 'flex', alignItems: 'center', height: '60px', marginTop: '10px' }, children: [_jsx("div", { style: {
+                                        width: 'calc(100% - 60px)',
+                                        overflowX: 'auto',
+                                        whiteSpace: 'nowrap',
+                                        height: '50px',
+                                        border: '1px solid #ccc',
+                                        borderRadius: '8px',
+                                        backgroundColor: '#fafafa',
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        padding: '0 8px',
+                                    }, children: currentDraftAttachments.length > 0 ? (currentDraftAttachments.map(draft => {
+                                        const tooltipContent = (_jsxs("div", { style: { textAlign: 'left' }, children: [_jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Name, ":"] }), " ", draft.name ?? '-'] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Author, ":"] }), " ", draft.updaterName ?? '-'] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Version, ":"] }), " ", draft.version] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Size, ":"] }), " ", formatBytes(draft.size ?? 0)] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.CreationTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(draft.creationTime)] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.LastUpdateTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(draft.lastUpdateTime)] })] }));
+                                        return _jsxs("div", { style: {
+                                                display: 'inline-flex',
+                                                alignItems: 'center',
+                                                padding: '8px 12px',
+                                                marginRight: '8px',
+                                                border: '1px solid #ddd',
+                                                borderRadius: '8px',
+                                                backgroundColor: '#fff',
+                                                boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+                                            }, children: [draft.ext ? (_jsx("span", { style: { marginRight: '10px' }, children: getFileIcon(draft.ext, undefined, tooltipContent) })) : (_jsx(IconAttachment, { style: { marginRight: '5px' } })), _jsx("span", { style: { marginRight: '8px' }, children: draft.name }), draft.version && _jsx("span", { style: {
+                                                        display: 'inline-flex',
+                                                        width: '20px',
+                                                        height: '20px',
+                                                        alignItems: 'center',
+                                                        justifyContent: 'center',
+                                                        backgroundColor: '#28a745',
+                                                        color: '#fff',
+                                                        borderRadius: '30px',
+                                                        fontWeight: 'bold',
+                                                        marginRight: '8px',
+                                                        boxShadow: '1px 1px 2px #00000020',
+                                                    }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.Version, children: draft.version }) }), _jsx(TMTooltip, { content: SDKUI_Localizator.RemoveAttachment, children: _jsx("span", { onClick: () => removeAttachment(draft), style: {
+                                                            display: 'inline-flex',
+                                                            width: '20px',
+                                                            height: '20px',
+                                                            alignItems: 'center',
+                                                            justifyContent: 'center',
+                                                            color: '#000',
+                                                            border: '1px solid #000',
+                                                            borderRadius: '30px',
+                                                            cursor: 'pointer',
+                                                            boxShadow: '1px 1px 2px #00000020',
+                                                        }, children: _jsx("span", { style: { fontSize: "15px" }, children: "\u00D7" }) }) })] }, draft.did);
+                                    })) : (_jsx("div", { style: { color: '#999', width: '100%', textAlign: 'center' }, children: SDKUI_Localizator.NoAttachments })) }), _jsx(TMTooltip, { content: SDKUI_Localizator.Attachments, children: _jsx("i", { className: "dx-icon-attach", style: {
+                                            width: '50px',
+                                            height: '50px',
+                                            marginLeft: '10px',
+                                            fontSize: '20px',
+                                            cursor: 'pointer',
+                                            border: '1px solid #ccc',
+                                            borderRadius: '8px',
+                                            backgroundColor: '#f9f9f9',
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'center',
+                                            transition: 'all 0.2s ease-in-out',
+                                        }, onMouseOver: (e) => (e.currentTarget.style.backgroundColor = '#e6f7ff'), onMouseOut: (e) => (e.currentTarget.style.backgroundColor = '#f9f9f9'), onClick: () => setShowAttachmentsForm(true) }) })] })] }), showAttachmentsForm && _jsx(TMAttachmentsView, { dataSource: dataSource, selectedIDs: currentDraftAttachments.map(draft => draft.id), onChoose: onChoose, onClose: () => setShowAttachmentsForm(false) })] }) });
+};
+export default TMBlogCommentForm;
+const TMAttachmentsView = (props) => {
+    const { dataSource, selectedIDs, onChoose, onClose } = props;
+    // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
+    const deviceType = useDeviceType();
+    const cellExtRender = useCallback((cellData) => {
+        const data = cellData.data;
+        return _jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: getFileIcon(data.ext, data.version) });
+    }, []);
+    const cellDatetimeRender = useCallback((cellData) => {
+        const { value } = cellData;
+        const formattedDate = value ? new Date(value).toLocaleString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' }) : '';
+        return _jsx("div", { children: formattedDate });
+    }, []);
+    const cellSizeRender = useCallback((cellData) => {
+        const data = cellData.data;
+        return formatBytes(data.size ?? 0);
+    }, []);
+    const dataColumns = useMemo(() => {
+        return ([
+            { dataField: "ext", caption: SDKUI_Localizator.Extension, cellRender: cellExtRender },
+            { dataField: "name", caption: SDKUI_Localizator.Name, sortOrder: 'asc' },
+            { dataField: "version", caption: SDKUI_Localizator.Version },
+            { dataField: "size", caption: SDKUI_Localizator.Size, cellRender: cellSizeRender },
+            { dataField: "updaterName", caption: SDKUI_Localizator.Author },
+            { dataField: "lastUpdateTime", caption: SDKUI_Localizator.LastUpdateTime, dataType: 'datetime', format: 'dd/MM/yyyy HH:mm', cellRender: cellDatetimeRender },
+            { dataField: "creationTime", caption: SDKUI_Localizator.CreationTime, dataType: 'datetime', format: 'dd/MM/yyyy HH:mm', cellRender: cellDatetimeRender },
+        ]);
+    }, []);
+    return _jsx(TMChooserForm, { title: SDKUI_Localizator.Attachments, allowMultipleSelection: true, allowApplyWithZeroSelection: true, startWithShowOnlySelectedItems: true, hasShowOnlySelectedItems: false, width: calcResponsiveSizes(deviceType, '700px', '700px', '95%'), height: "500px", manageUseLocalizedName: false, columns: dataColumns, showDefaultColumns: false, selectedIDs: selectedIDs, dataSource: dataSource, hasShowId: true, hideRefresh: false, onClose: onClose, onChoose: onChoose });
+};

package/lib/components/features/documents/TMDcmtBlog.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
 import { TMExceptionBoxManager } from '../../base/TMPopUp';
@@ -7,10 +7,32 @@ import TMSpinner from '../../base/TMSpinner';
 import TMBlogs from '../../grids/TMBlogs';
 import { TMNothingToShow } from './TMDcmtPreview';
 import { IconBoard } from '../../../helper';
+import TMBlogCommentForm from '../blog/TMBlogCommentForm';
 const TMDcmtBlog = ({ tid, did, isVisible }) => {
     const [blogsDatasource, setBlogsDatasource] = useState([]);
     const [hasLoadedDataOnce, setHasLoadedDataOnce] = useState(false); //traccia se *qualsiasi* dato è stato caricato per la prima volta
     const [lastLoadedDid, setLastLoadedDid] = useState(undefined); // `lastLoadedDid` tiene traccia dell'ultimo `did` per cui abbiamo caricato i dati
+    // State to manage show comment form selected file
+    const [showCommentForm, setShowCommentForm] = useState(false);
+    const showCommentFormCallback = useCallback(() => {
+        setShowCommentForm(true);
+    }, []);
+    const fetchDataAsync = async (tid, did) => {
+        try {
+            TMSpinner.show({ description: 'Caricamento - Bacheca...' });
+            let res = await SDK_Globals.tmSession?.NewSearchEngine().BlogRetrieveAsync(tid, did);
+            setBlogsDatasource(res ?? []);
+            setHasLoadedDataOnce(true);
+            setLastLoadedDid(did);
+        }
+        catch (e) {
+            let err = e;
+            TMExceptionBoxManager.show({ exception: err });
+        }
+        finally {
+            TMSpinner.hide();
+        }
+    };
     useEffect(() => {
         if (!tid || !did) {
             setBlogsDatasource([]);
@@ -24,27 +46,22 @@ const TMDcmtBlog = ({ tid, did, isVisible }) => {
         // Esegui la chiamata API solo se il pannello è visibile E i dati non sono già stati caricati
         // O, se vuoi ricaricare ogni volta che diventa visibile (ma è meno efficiente per "pesante")
         if (shouldFetch) {
-            const fetchDataAsync = async (tid, did) => {
-                try {
-                    TMSpinner.show({ description: 'Caricamento - Bacheca...' });
-                    let res = await SDK_Globals.tmSession?.NewSearchEngine().BlogRetrieveAsync(tid, did);
-                    setBlogsDatasource(res ?? []);
-                    setHasLoadedDataOnce(true); // Marca che abbiamo caricato dati almeno una volta
-                    setLastLoadedDid(did); // Memorizza il `did` per cui abbiamo caricato
-                }
-                catch (e) {
-                    let err = e;
-                    TMExceptionBoxManager.show({ exception: err });
-                }
-                finally {
-                    TMSpinner.hide();
-                }
-            };
             fetchDataAsync(tid, did);
         }
     }, [tid, did, isVisible, hasLoadedDataOnce, lastLoadedDid]);
-    return (_jsx(StyledContainer, { children: _jsx(StyledSectionContainer, { style: { position: 'relative' }, children: _jsx(StyledBoardContainer, { children: !did ? _jsx(TMNothingToShow, { text: 'Nessun documento selezionato.', secondText: 'Bacheca non disponibile.', icon: _jsx(IconBoard, { fontSize: 96 }) }) :
-                    _jsx(TMBlogs, { id: "dcmt-blog", allData: blogsDatasource, showExtendedAttachments: false }) }) }) }));
+    return (_jsxs("div", { style: { width: '100%', height: '100%' }, children: [_jsx(StyledContainer, { children: _jsx(StyledSectionContainer, { style: { position: 'relative' }, children: _jsx(StyledBoardContainer, { children: !did ? _jsx(TMNothingToShow, { text: 'Nessun documento selezionato.', secondText: 'Bacheca non disponibile.', icon: _jsx(IconBoard, { fontSize: 96 }) }) :
+                            _jsx(TMBlogs, { context: { engine: 'SearchEngine', object: { tid, did } }, id: "dcmt-blog", allData: blogsDatasource, showExtendedAttachments: false, showFloatingCommentButton: true, showCommentFormCallback: showCommentFormCallback, refreshCallback: () => fetchDataAsync(tid, did), contextMenuParams: {
+                                    isShowHideFilterEnabled: true,
+                                    isShowHideIDEnaled: true,
+                                    isCommentEnabled: true,
+                                    isDownloadAttachmentEnabled: false,
+                                    isViewEditMetadata: false,
+                                    isDeleteEnabled: true,
+                                    isCopyToClipboardEnabled: true,
+                                    isRefreshEnabled: true,
+                                    isRestoreEnabled: true,
+                                    isCreateContextualTask: false
+                                } }) }) }) }), (showCommentForm && tid && did) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid, did } }, onClose: () => setShowCommentForm(false), refreshCallback: () => { fetchDataAsync(tid, did); }, participants: [], showAttachmentsSection: false })] }));
 };
 export default TMDcmtBlog;
 const StyledContainer = styled.div ` user-select: none; overflow: hidden; background-color: #ffffff; width: calc(100%); height: calc(100%); display: flex; gap: 10px; `;

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import { BlogPost, HomeBlogPost, IDCount, UserDescriptor, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts-beta";
+import { BlogPost, HomeBlogPost, IDCount, UserDescriptor } from "@topconsultnpm/sdk-ts-beta";
 import { FileItem } from '../base/TMFileManager';
+import { TMBlogContextDescriptor } from './TMBlogsUtils';
 import { DcmtInfo } from '../../ts';
 interface TMBlogsProps {
     /** Component Identifier */
@@ -57,8 +58,6 @@ interface TMBlogsProps {
     showId?: boolean;
     /** Optional setter function to update the visibility state of an ID */
     setShowId?: React.Dispatch<React.SetStateAction<boolean>>;
-    /** Optional currect working group */
-    currentWorkingGroup?: WorkingGroupDescriptor;
     /** Optional context menu params */
     contextMenuParams?: {
         isShowHideFilterEnabled: boolean;
@@ -87,6 +86,8 @@ interface TMBlogsProps {
     handleAttachmentFocus?: (attachment: DcmtInfo | undefined) => void;
     /** Optional flag to show the floating comment button (default: false) */
     showFloatingCommentButton?: boolean;
+    /** Context descriptor for the blog component */
+    context?: TMBlogContextDescriptor;
 }
 declare const TMBlogs: (props: TMBlogsProps) => import("react/jsx-runtime").JSX.Element;
 export default TMBlogs;

package/lib/components/grids/TMBlogs.js

@@ -20,7 +20,7 @@ import TMDcmtForm from '../features/documents/TMDcmtForm';
 import { TMColors } from '../../utils/theme';
 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 = {
+    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, contextMenuParams = {
         isShowHideFilterEnabled: true,
         isShowHideIDEnaled: true,
         isCommentEnabled: false,
@@ -31,7 +31,7 @@ const TMBlogs = (props) => {
         isRestoreEnabled: false,
         isRefreshEnabled: false,
         isCreateContextualTask: false,
-    }, refreshCallback, newPosts = [], showCommentFormCallback, showTaskFormCallback, showContextMenu = true, handleAttachmentFocus, showFloatingCommentButton = false } = props;
+    }, refreshCallback, newPosts = [], showCommentFormCallback, showTaskFormCallback, showContextMenu = true, handleAttachmentFocus, showFloatingCommentButton = false, context, } = 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();
@@ -118,8 +118,11 @@ const TMBlogs = (props) => {
             onButtonClick: async (e) => {
                 if (e !== ButtonNames.YES)
                     return;
-                if (focusedBlog === undefined || focusedBlog.id === undefined || currentWorkingGroup === undefined || currentWorkingGroup.id === undefined)
+                if (focusedBlog === undefined || focusedBlog.id === undefined || context === undefined || context.object === undefined
+                    || (context.engine === 'WorkingGroupEngine' && !context.object.id)
+                    || (context.engine === 'SearchEngine' && (!context.object.tid || !context.object.did))) {
                     return Promise.resolve();
+                }
                 setLocalWaitPanelTitle(del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore);
                 setLocalShowWaitPanel(true);
                 setLocalShowPrimary(true);
@@ -132,17 +135,32 @@ const TMBlogs = (props) => {
                 }
                 else {
                     setLocalWaitPanelTextPrimary(del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore);
-                    const workingGroupEngine = new WorkingGroupEngine(SDK_Globals.tmSession);
-                    await workingGroupEngine.BlogPostDeleteOrUndeleteAsync(currentWorkingGroup.id, focusedBlog.id, del)
-                        .then(() => {
-                        result.push({ rowIndex: 1, id1: currentWorkingGroup.id, id2: 0, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
-                        TMResultManager.show(result, del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore, "ID", undefined);
-                        handleFocusedBlog(undefined);
-                        refresh();
-                    })
-                        .catch((err) => {
-                        result.push({ rowIndex: 1, id1: currentWorkingGroup.id, id2: currentWorkingGroup.id, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
-                    });
+                    if (context.engine === 'WorkingGroupEngine' && context.object.id) {
+                        const workingGroupEngine = new WorkingGroupEngine(SDK_Globals.tmSession);
+                        await workingGroupEngine.BlogPostDeleteOrUndeleteAsync(context.object.id, focusedBlog.id, del)
+                            .then(() => {
+                            result.push({ rowIndex: 1, id1: context.object?.id, id2: 0, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
+                            TMResultManager.show(result, del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore, "ID", undefined);
+                            handleFocusedBlog(undefined);
+                            refresh();
+                        })
+                            .catch((err) => {
+                            result.push({ rowIndex: 1, id1: context.object?.id, id2: context.object?.id, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
+                        });
+                    }
+                    else if (context.engine === 'SearchEngine' && context.object.tid && context.object.did) {
+                        const searchEngine = SDK_Globals.tmSession?.NewSearchEngine();
+                        await searchEngine.BlogPostDeleteOrUndeleteAsync(context.object.tid, context.object.did, focusedBlog.id, del)
+                            .then(() => {
+                            result.push({ rowIndex: 1, id1: context.object?.tid, id2: context.object?.did, description: SDKUI_Localizator.UpdateCompletedSuccessfully, resultType: ResultTypes.SUCCESS });
+                            TMResultManager.show(result, del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore, "ID", undefined);
+                            handleFocusedBlog(undefined);
+                            refresh();
+                        })
+                            .catch((err) => {
+                            result.push({ rowIndex: 1, id1: context.object?.tid, id2: context.object?.did, resultType: ResultTypes.ERROR, description: getExceptionMessage(err) });
+                        });
+                    }
                 }
                 setLocalWaitPanelTextPrimary('');
                 setLocalWaitPanelMaxValuePrimary(0);
@@ -273,13 +291,13 @@ const TMBlogs = (props) => {
         return menuItemsElements;
     }, [isHeaderHidden, localShowId, setLocalShowId, focusedBlog, focusedAttachment, showDcmtForm]);
     useEffect(() => {
-        if (currentWorkingGroup === undefined)
+        if (context === undefined)
             setNewPostCount(0);
-        else {
-            const postCount = newPosts?.find(d => d.id === currentWorkingGroup.id)?.count ?? 0;
+        if (context && context.engine === 'WorkingGroupEngine' && context.object && context.object.id) {
+            const postCount = newPosts?.find(d => d.id === context.object?.id)?.count ?? 0;
             setNewPostCount(postCount);
         }
-    }, [currentWorkingGroup, newPosts]);
+    }, [context, newPosts]);
     useEffect(() => {
         if (showId !== undefined)
             setLocalShowId(showId);

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

@@ -1,9 +1,16 @@
 import React from 'react';
-import { BlogPost, BlogPostAttachment, DcmtTypeDescriptor, HomeBlogPost } from "@topconsultnpm/sdk-ts-beta";
+import { BlogPost, BlogPostAttachment, DcmtTypeDescriptor, HomeBlogPost, TID_DID, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts-beta";
 import { FileItem } from '../base/TMFileManager';
 import { DcmtInfo, DownloadModes, DownloadTypes } from '../../ts';
 import { ContextMenuRef } from 'devextreme-react/cjs/context-menu';
 export declare const DRAFT_TYPE_TID = 6;
+export type TMBlogContextDescriptor = {
+    engine: 'WorkingGroupEngine';
+    object?: WorkingGroupDescriptor;
+} | {
+    engine: 'SearchEngine';
+    object?: TID_DID;
+};
 export declare const colors: {
     DARK_BLUE: string;
     WHITE: string;

package/lib/components/index.d.ts

@@ -49,6 +49,7 @@ export * from './choosers/TMOrderRetrieveFormats';
 export * from './choosers/TMUserChooser';
 export { default as TMValidationItemsList } from './grids/TMValidationItemsList';
 export { default as TMBlogs } from './grids/TMBlogs';
+export { default as TMBlogCommentForm } from './features/blog/TMBlogCommentForm';
 export * from './query/TMQueryEditor';
 export * from './query/TMQuerySummary';
 export * from './features/documents/TMDcmtForm';

package/lib/components/index.js

@@ -52,7 +52,9 @@ export * from './choosers/TMOrderRetrieveFormats';
 export * from './choosers/TMUserChooser';
 //grids
 export { default as TMValidationItemsList } from './grids/TMValidationItemsList';
+// blogs
 export { default as TMBlogs } from './grids/TMBlogs';
+export { default as TMBlogCommentForm } from './features/blog/TMBlogCommentForm';
 //query
 export * from './query/TMQueryEditor';
 export * from './query/TMQuerySummary';

package/lib/helper/SDKUI_Localizator.d.ts

@@ -69,6 +69,7 @@ export declare class SDKUI_Localizator {
     static get Columns_All_Hide(): "Alle Spalten ausblenden" | "Hide all columns" | "Ocultar todas las columnas" | "Masquer toutes les colonnes" | "Ocultar todas as colunas" | "Nascondi tutte le colonne";
     static get Columns_All_Show(): "Alle Spalten anzeigen" | "Show all columns" | "Mostrar todas las columnas" | "Afficher toutes les colonnes" | "Mostrar todas as colunas" | "Visualizza tutte le colonne";
     static get Comment(): string;
+    static get CommentDoesNotMeetRequirements(): "Der Kommentar erfüllt nicht die erforderlichen Anforderungen" | "The comment does not meet the required criteria" | "El comentario no cumple con los requisitos requeridos" | "Le commentaire ne répond pas aux exigences requises" | "O comentário não atende aos requisitos exigidos" | "Il commento non rispetta i requisiti richiesti";
     static get CompleteError(): "Kompletter Fehler" | "Complete error" | "Error completo" | "Erreur complète" | "Erro completo" | "Errore completo";
     static get Configure(): "Konfigurieren" | "Configure" | "Configurar" | "Configura";
     static get ConfirmPassword(): "Bestätige das Passwort" | "Confirm password" | "Confirmar Contraseña" | "Confirmez le mot de passe" | "Confirme sua senha" | "Conferma password";
@@ -102,6 +103,7 @@ export declare class SDKUI_Localizator {
     static get Deleted(): "Gelöscht" | "Deleted" | "Eliminados" | "Supprimés" | "Excluídos" | "Eliminati";
     static get DeletionOperationInterrupted(): "Löschvorgang abgebrochen" | "Deletion operation interrupted" | "Operación de eliminación interrumpida" | "Opération de suppression interrompue" | "Operação de exclusão interrompida" | "Operazione di eliminazione interrotta";
     static get Description(): "Beschreibung" | "Description" | "Descripción" | "Descrição" | "Descrizione";
+    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 Disabled(): "Deaktiviert" | "Disabled" | "Deshabilitado" | "Désactivé" | "Desabilitado" | "Disabilitato";
@@ -179,6 +181,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 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 ID_Hide(): "Ausblenden ID" | "Hide ID" | "Ocultar ID" | "Masquer ID" | "Nascondi ID";
@@ -246,6 +249,7 @@ export declare class SDKUI_Localizator {
     static get NewPassword(): "Neues Kennwort" | "New password" | "Nueva contraseña" | "Nouveau mot de passe" | "Nova Senha" | "Password nuova";
     static get Next(): "Weiter" | "Next" | "Siguiente" | "Suivant" | "Seguinte" | "Successivo";
     static get No(): "Nein" | "No" | "Non" | "Não";
+    static get NoAttachments(): "Keine Anhänge" | "No attachments" | "Sin archivos adjuntos" | "Aucune pièce jointe" | "Sem anexos" | "Nessun allegato";
     static get NoCredentialsSaved(): "Keine gespeicherten Anmeldedaten" | "No credentials saved" | "No se han guardado credenciales" | "Aucune information d'identification enregistrée" | "Nenhuma credencial salva" | "Nessuna credenziale salvata";
     static get NoDataToDisplay(): "Keine Daten zum Anzeigen" | "No data to display" | "No hay datos para mostrar" | "Aucune donnée à afficher" | "Sem dados para exibir" | "Nessun dato da visualizzare";
     static get NoDcmtFound(): "Kein Dokument gefunden" | "No documents found" | "Ningún documento encontrado" | "Pas de documents trouvés" | "Nenhum documento encontrado" | "Nessun documento trovato";
@@ -328,6 +332,7 @@ export declare class SDKUI_Localizator {
     static get Refresh(): "Aktualisieren" | "Refresh" | "Actualizar" | "Mis à jour" | "Refrescar" | "Aggiorna";
     static get Remove(): "Entfernen" | "Remove" | "Quitar" | "Supprime" | "Remover" | "Rimuovi";
     static get RemoveAll(): "Alle entfernen" | "Remove all" | "Eliminar todo" | "Supprime tout" | "Remover todos" | "Rimuovi tutto";
+    static get RemoveAttachment(): string;
     static get RemoveSelected(): "Ausgewählte Objekte entfernen" | "Remove selected items" | "Eliminar objetos seleccionados" | "Supprime objets sélectionnés" | "Remova os objetos selecionados" | "Rimuovi oggetti selezionati";
     static get RenameFolder(): "Ordner erfolgreich umbenannt" | "Folder renamed successfully" | "Carpeta renombrada exitosamente" | "Dossier renommé avec succès" | "Pasta renomeada com sucesso" | "Cartella rinominata con successo";
     static get RenameFile(): "Datei erfolgreich umbenannt" | "File renamed successfully" | "Archivo renombrada exitosamente" | "Fichier renommé avec succès" | "Arquivo renomeada com sucesso" | "File rinominata con successo";
@@ -370,6 +375,7 @@ export declare class SDKUI_Localizator {
     static get Show_CompleteName(): "Vollständigen Namen anzeigen" | "View full name" | "Mostrar nombre completo" | "Afficher le nom complet" | "Mostrar nome completo" | "Visualizza nome completo";
     static get ShowDetails(): "Details anzeigen" | "Show details" | "Mostrar detalles" | "Afficher les détails" | "Mostrar detalhes" | "Mostra dettagli";
     static get ShowFilters(): string;
+    static get ShowFormattingOptions(): "Formatierungsoptionen anzeigen" | "Show formatting options" | "Mostrar opciones de formato" | "Afficher les options de formatage" | "Mostrar opções de formatação" | "Mostra opzioni di formattazione";
     static get ShowHideMetadataSystemDesc(): "Anzeigen oder Verbergen von Methadaten des Dokumententypsystems" | "Shows/hides system metadata of selected document type" | "Ver u ocultar los metadatos de sistema del tipo de documento" | "Visualise ou cache les métadonnées de système du type de document" | "Mostra ou oculta o tipo de documento de metadados do sistema" | "Visualizza o nasconde i metadati di sistema del tipo documento";
     static get ShowLeftPanel(): "Linkes Panel anzeigen" | "Show left panel" | "Mostrar panel izquierdo" | "Afficher le panneau de gauche" | "Mostrar painel esquerdo" | "Mostra il pannello sinistro";
     static get ShowSearch(): "Suche anzeigen" | "Show search" | "Mostrar búsqueda" | "Afficher la recherche" | "Mostrar pesquisa" | "Mostra ricerca";

package/lib/helper/SDKUI_Localizator.js

@@ -639,6 +639,16 @@ export class SDKUI_Localizator {
             default: return "Commenta";
         }
     }
+    static get CommentDoesNotMeetRequirements() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Der Kommentar erfüllt nicht die erforderlichen Anforderungen";
+            case CultureIDs.En_US: return "The comment does not meet the required criteria";
+            case CultureIDs.Es_ES: return "El comentario no cumple con los requisitos requeridos";
+            case CultureIDs.Fr_FR: return "Le commentaire ne répond pas aux exigences requises";
+            case CultureIDs.Pt_PT: return "O comentário não atende aos requisitos exigidos";
+            default: return "Il commento non rispetta i requisiti richiesti";
+        }
+    }
     static get CompleteError() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Kompletter Fehler";
@@ -969,6 +979,16 @@ export class SDKUI_Localizator {
             default: return "Descrizione";
         }
     }
+    static get DescriptionTooLongMessage() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Die Beschreibung ist zu lang: Maximal {{0}' Zeichen";
+            case CultureIDs.En_US: return "Description is too long: Max {{0}} characters";
+            case CultureIDs.Es_ES: return "La descripción es demasiado larga: Máximo {{0}} caracteres";
+            case CultureIDs.Fr_FR: return "La description est trop longue : Maximum {{0}} caractères";
+            case CultureIDs.Pt_PT: return "A descrição é demasiado longa: Máximo {{0}} caracteres";
+            default: return "La descrizione è troppo lunga: Massimo {{0}} caratteri";
+        }
+    }
     static get Destination() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Bestimmung";
@@ -1750,6 +1770,16 @@ export class SDKUI_Localizator {
             default: return "Nascondi il pannello sinistro";
         }
     }
+    static get HideFormattingOptions() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Formatierungsoptionen ausblenden";
+            case CultureIDs.En_US: return "Hide formatting options";
+            case CultureIDs.Es_ES: return "Ocultar opciones de formato";
+            case CultureIDs.Fr_FR: return "Masquer les options de formatage";
+            case CultureIDs.Pt_PT: return "Ocultar opções de formatação";
+            default: return "Nascondi opzioni di formattazione";
+        }
+    }
     static get HideMetadata() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Metadaten ausblenden";
@@ -2411,6 +2441,16 @@ export class SDKUI_Localizator {
             default: return "No";
         }
     }
+    static get NoAttachments() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Keine Anhänge";
+            case CultureIDs.En_US: return "No attachments";
+            case CultureIDs.Es_ES: return "Sin archivos adjuntos";
+            case CultureIDs.Fr_FR: return "Aucune pièce jointe";
+            case CultureIDs.Pt_PT: return "Sem anexos";
+            default: return "Nessun allegato";
+        }
+    }
     static get NoCredentialsSaved() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Keine gespeicherten Anmeldedaten";
@@ -3238,6 +3278,16 @@ export class SDKUI_Localizator {
             default: return "Rimuovi tutto";
         }
     }
+    static get RemoveAttachment() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Anhang entfernen";
+            case CultureIDs.En_US: return "Remove attachment";
+            case CultureIDs.Es_ES: return "Eliminar archivo adjunto";
+            case CultureIDs.Fr_FR: return "Supprimer la pièce jointe";
+            case CultureIDs.Pt_PT: return "Remover anexo";
+            default: return "Rimuovi allegato";
+        }
+    }
     static get RemoveSelected() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Ausgewählte Objekte entfernen";
@@ -3658,6 +3708,16 @@ export class SDKUI_Localizator {
             default: return "Mostra filtri";
         }
     }
+    static get ShowFormattingOptions() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Formatierungsoptionen anzeigen";
+            case CultureIDs.En_US: return "Show formatting options";
+            case CultureIDs.Es_ES: return "Mostrar opciones de formato";
+            case CultureIDs.Fr_FR: return "Afficher les options de formatage";
+            case CultureIDs.Pt_PT: return "Mostrar opções de formatação";
+            default: return "Mostra opzioni di formattazione";
+        }
+    }
     static get ShowHideMetadataSystemDesc() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Anzeigen oder Verbergen von Methadaten des Dokumententypsystems";

package/package.json

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