@topconsultnpm/sdkui-react-beta 6.14.90 → 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);
@@ -133,8 +133,8 @@ const TMBlogCommentForm = (props) => {
                 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(() => {
-                    refreshCallback();
+                    .then(async () => {
+                    await refreshCallback().then(() => updateShouldSelectLastBlog?.(true));
                 })
                     .catch((e) => {
                     // If an error occurs, display the exception in an error box
@@ -150,8 +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(() => {
-                    refreshCallback();
+                    .then(async () => {
+                    await refreshCallback().then(() => updateShouldSelectLastBlog?.(true));
                 })
                     .catch((e) => {
                     // If an error occurs, display the exception in an error box

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, showCommentFormCallback, showTaskFormCallback, 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/package.json

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