@topconsultnpm/sdkui-react-beta 6.14.89 → 6.14.91

package/lib/components/editors/TMHtmlEditor.js

@@ -23,10 +23,10 @@ const TMHtmlEditor = (props) => {
             setIsPasting(true);
             // Read plain text from the clipboard asynchronously
             let text = await navigator.clipboard.readText();
+            // Clean the comment by removing <p> tags and replacing </p> with line breaks
+            text = text.replace(/<p>/gi, '').replace(/<\/p>/gi, '\r\n').trim();
             // Removes potentially dangerous HTML tags (script, iframe, embed, etc.) from the pasted content
             text = text.replace(/<(script|iframe|embed|object|link|style|img|video|audio|svg|form|input|button|textarea|select|pre|function)[^>]*>/gi, '');
-            // Replace line breaks with HTML paragraph tags to keep formatting
-            text = text.replace(/\r\n/g, '</p><p>').replace(/^/, '<p>').replace(/$/, '</p>');
             // Access the Quill editor instance from the HtmlEditor component reference
             const quill = editorRef.current?.instance()?.getQuillInstance();
             if (quill) {

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

@@ -5,12 +5,13 @@ interface TMBlogCommentFormProps {
     context: TMBlogContextDescriptor;
     participants: Array<UserDescriptor>;
     onClose: () => void;
-    refreshCallback: () => void;
+    refreshCallback: () => Promise<void>;
     showAttachmentsSection?: boolean;
     selectedAttachments?: Array<FileItem>;
     selectedAttachmentDid?: number;
     allFileItems?: FileItem;
     allArchivedDocumentsFileItems?: Array<FileItem>;
+    updateShouldSelectLastBlog?: (value: boolean) => void;
 }
 declare const TMBlogCommentForm: (props: TMBlogCommentFormProps) => import("react/jsx-runtime").JSX.Element;
 export default TMBlogCommentForm;

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

@@ -28,7 +28,7 @@ const getNonDirectoryFiles = (items, exclude) => {
     });
 };
 const TMBlogCommentForm = (props) => {
-    const { participants, selectedAttachments, selectedAttachmentDid, allFileItems, allArchivedDocumentsFileItems = [], onClose, refreshCallback, context, showAttachmentsSection = true } = props;
+    const { participants, selectedAttachments, selectedAttachmentDid, allFileItems, allArchivedDocumentsFileItems = [], onClose, refreshCallback, context, showAttachmentsSection = true, updateShouldSelectLastBlog } = props;
     // Initialize state with combined array
     const [dataSource, setDataSource] = useState(() => [...getNonDirectoryFiles(allFileItems?.items || [], []), ...allArchivedDocumentsFileItems]);
     const [isEditorEnabled, setIsEditorEnabled] = useState(false);
@@ -128,19 +128,13 @@ const TMBlogCommentForm = (props) => {
                 });
                 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();
+                    .then(async () => {
+                    await refreshCallback().then(() => updateShouldSelectLastBlog?.(true));
                 })
                     .catch((e) => {
                     // If an error occurs, display the exception in an error box
@@ -156,12 +150,8 @@ const TMBlogCommentForm = (props) => {
                 // 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();
+                    .then(async () => {
+                    await refreshCallback().then(() => updateShouldSelectLastBlog?.(true));
                 })
                     .catch((e) => {
                     // If an error occurs, display the exception in an error box
@@ -221,7 +211,7 @@ const TMBlogCommentForm = (props) => {
         // Update the state with selected draft items
         setCurrentDraftAttachments(selectedDraftItems);
     };
-    return _jsx(TMSaveForm, { id: 1, title: SDKUI_Localizator.AddNewComment, showTitleFormMode: false, showErrorCount: false, customSaveButton: _jsx("i", { className: 'dx-icon-send' }), 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: _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: {
+    return _jsx(TMSaveForm, { id: 1, title: SDKUI_Localizator.AddNewComment, showTitleFormMode: false, showErrorCount: false, customSaveButton: _jsx("i", { className: 'dx-icon-send' }), customTooltipSaveButton: SDKUI_Localizator.Send, 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: _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',

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

@@ -61,7 +61,7 @@ const TMDcmtBlog = ({ tid, did, isVisible }) => {
                                     isRefreshEnabled: true,
                                     isRestoreEnabled: true,
                                     isCreateContextualTask: false
-                                }, layoutMode: 'chat' }) }) }) }), (showCommentForm && tid && did) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid, did } }, onClose: () => setShowCommentForm(false), refreshCallback: () => { fetchDataAsync(tid, did); }, participants: [], showAttachmentsSection: false })] }));
+                                }, layoutMode: 'chat' }) }) }) }), (showCommentForm && tid && did) && _jsx(TMBlogCommentForm, { context: { engine: 'SearchEngine', object: { tid, did } }, onClose: () => setShowCommentForm(false), refreshCallback: () => { return 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

@@ -70,7 +70,7 @@ interface TMBlogsProps {
         isCreateContextualTask: boolean;
     };
     /** Optional refresh callback */
-    refreshCallback?: () => void;
+    refreshCallback: () => Promise<void>;
     /** An array of partecipants */
     participants?: Array<UserDescriptor>;
     /** An array of new blog posts ID */
@@ -91,6 +91,10 @@ interface TMBlogsProps {
     layoutMode?: 'stacked' | 'chat';
     /** Optional callback to mark blog as read */
     markBlogAsRead?: (blog: BlogPost | undefined) => Promise<void>;
+    /** Flag to indicate whether the blog component should automatically select */
+    shouldSelectLastBlog?: boolean;
+    /** Updates the flag that determines if the blog component should automatically select the last blog. */
+    updateShouldSelectLastBlog?: (value: boolean) => void;
 }
 declare const TMBlogs: (props: TMBlogsProps) => import("react/jsx-runtime").JSX.Element;
 export default TMBlogs;

package/lib/components/grids/TMBlogs.js

@@ -30,7 +30,7 @@ const TMBlogs = (props) => {
         isRestoreEnabled: false,
         isRefreshEnabled: false,
         isCreateContextualTask: false,
-    }, refreshCallback, newPosts = [], showCommentFormCallback, showTaskFormCallback, showContextMenu = true, handleAttachmentFocus, showFloatingCommentButton = false, context, layoutMode = 'stacked', markBlogAsRead } = props;
+    }, refreshCallback, showCommentFormCallback, showTaskFormCallback, handleAttachmentFocus, showFloatingCommentButton = false, context, layoutMode = 'stacked', markBlogAsRead, shouldSelectLastBlog = false, updateShouldSelectLastBlog } = 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();
@@ -181,9 +181,9 @@ const TMBlogs = (props) => {
         if (markBlogAsRead)
             markBlogAsRead(blog);
     };
-    const refresh = () => {
+    const refresh = async () => {
         if (refreshCallback)
-            refreshCallback();
+            await refreshCallback();
     };
     const downloadAttachment = () => {
         if (focusedAttachment === undefined)
@@ -393,6 +393,15 @@ const TMBlogs = (props) => {
         if (focusedBlog && focusedBlog.id && filteredBlogs.find(filteredBlog => focusedBlog.id === filteredBlog.id) === undefined)
             handleFocusedBlog(undefined);
     }, [allData, appliedGlobalFilters, searchText, postsToShow, currentHeader]);
+    useEffect(() => {
+        // Check if we should auto-select the last blog post
+        if (shouldSelectLastBlog && updateShouldSelectLastBlog && blogPosts.length > 0) {
+            // Reset the flag to prevent re-selecting in future renders
+            updateShouldSelectLastBlog(false);
+            // Set the focus to the last blog post in the array
+            handleFocusedBlog(blogPosts[blogPosts.length - 1]);
+        }
+    }, [shouldSelectLastBlog, blogPosts]);
     // Scroll the focused blog post into view
     useEffect(() => {
         if (focusedBlog && focusedBlog.id && containerRef.current) {

package/lib/helper/SDKUI_Localizator.d.ts

@@ -380,6 +380,7 @@ export declare class SDKUI_Localizator {
     static get Selected(): "Ausgewählt" | "Selected" | "Seleccionados" | "Sélectionné" | "Selecionado" | "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";
     static get SendLinkByMail(): "Link per E-Mail senden" | "Send link via mail" | "Enviar enlace por correo electrónico" | "Envoyer le lien par email" | "Enviar link por e-mail" | "Invia link tramite mail";
     static get SendToSupport(): "An den Support senden" | "Send to support" | "Enviar a soporte" | "Envoyer au support" | "Enviar para suporte" | "Invia a supporto";
     static get SetAsDefault(): "Als Standardbaum festlegen" | "Set as default" | "Establecer como predeterminado" | "Définir par défaut" | "Definir como padrão" | "Imposta come predefinito";

package/lib/helper/SDKUI_Localizator.js

@@ -3758,6 +3758,17 @@ export class SDKUI_Localizator {
             default: return "Elementi selezionati";
         }
     }
+    static get Send() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Senden";
+            case CultureIDs.En_US: return "Send";
+            case CultureIDs.Es_ES: return "Enviar";
+            case CultureIDs.Fr_FR: return "Envoyer";
+            case CultureIDs.Pt_PT: return "Enviar";
+            case CultureIDs.It_IT: return "Invia";
+            default: return "Send";
+        }
+    }
     static get SendLinkByMail() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Link per E-Mail senden";

package/package.json

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