@topconsultnpm/sdkui-react-beta 6.14.83 → 6.14.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -222,7 +222,7 @@ const TMBlogCommentForm = (props) => {
|
|
|
222
222
|
// Update the state with selected draft items
|
|
223
223
|
setCurrentDraftAttachments(selectedDraftItems);
|
|
224
224
|
};
|
|
225
|
-
return _jsx(TMSaveForm, { id: 1, title: SDKUI_Localizator.AddNewComment, showTitleFormMode: false, showErrorCount: false,
|
|
225
|
+
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: {
|
|
226
226
|
width: 'calc(100% - 60px)',
|
|
227
227
|
overflowX: 'auto',
|
|
228
228
|
whiteSpace: 'nowrap',
|
|
@@ -76,6 +76,8 @@ const TMBlogs = (props) => {
|
|
|
76
76
|
const [localWaitPanelValuePrimary, setLocalWaitPanelValuePrimary] = useState(0);
|
|
77
77
|
// State variable to define the maximum value for the primary progress indicator in the wait panel.
|
|
78
78
|
const [localWaitPanelMaxValuePrimary, setLocalWaitPanelMaxValuePrimary] = useState(0);
|
|
79
|
+
// Tracks whether the user has right-clicked on the background area.
|
|
80
|
+
const [rightClickedOnBackground, setRightClickedOnBackground] = React.useState(false);
|
|
79
81
|
// State to manage show selected file
|
|
80
82
|
const [showDcmtForm, setShowDcmtForm] = useState(false);
|
|
81
83
|
// Data source for the number of posts to display in the UI
|
|
@@ -410,11 +412,11 @@ const TMBlogs = (props) => {
|
|
|
410
412
|
}
|
|
411
413
|
}
|
|
412
414
|
else {
|
|
413
|
-
if (scrollToBottom && scrollRef.current) {
|
|
415
|
+
if (!rightClickedOnBackground && scrollToBottom && scrollRef.current) {
|
|
414
416
|
scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
|
|
415
417
|
}
|
|
416
418
|
}
|
|
417
|
-
}, [blogPosts, focusedBlog]);
|
|
419
|
+
}, [blogPosts, focusedBlog, rightClickedOnBackground]);
|
|
418
420
|
const attachmentDetails = (attachments, isSelected) => {
|
|
419
421
|
return _jsx("div", { style: { marginTop: "10px", overflow: "hidden" }, children: attachments.map(attachment => {
|
|
420
422
|
return AttachmentElement(attachment, treeFs, draftLatestInfoMap, archivedDocumentMap, dcmtTypeDescriptors, isSelected, searchText, color, downloadDcmtsAsync, handleFocusedAttachment, setAnchorEl, contextMenuRef);
|
|
@@ -487,7 +489,7 @@ const TMBlogs = (props) => {
|
|
|
487
489
|
handleFocusedBlog(blogPost);
|
|
488
490
|
handleFocusedAttachment(undefined);
|
|
489
491
|
};
|
|
490
|
-
return (_jsxs(BlogPostContainer, { id: id + "-" + blogPost.id.toString(), ref: containerRef, "$color": textColor, "$textDecoration": blogPost.isDel ? 'line-through' : 'none', "$backgroundColor": bgColor, "$isNew": isNew, "$canNavigate": canNavigate(), "$paddingRight": layoutMode === 'chat' ? "50px" : "10px", onClick: onClickCallback, onDoubleClick: headerClickCallback, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onContextMenu: onContextMenu, children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [(layoutMode !== 'chat' || !isOwnComment) && OwnerInitialsBadge(blogPost), _jsx("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: "wrap", overflow: "hidden" }, children: [_jsxs("div", { children: [_jsxs("div", { style: { fontWeight: "bold", fontSize: '1rem', display: "flex", alignItems: "center" }, children: [showIconHeader && blogPost.header && blogPost.classID
|
|
492
|
+
return (_jsxs(BlogPostContainer, { className: "blog-post-container", id: id + "-" + blogPost.id.toString(), ref: containerRef, "$color": textColor, "$textDecoration": blogPost.isDel ? 'line-through' : 'none', "$backgroundColor": bgColor, "$isNew": isNew, "$canNavigate": canNavigate(), "$paddingRight": layoutMode === 'chat' ? "50px" : "10px", onClick: onClickCallback, onDoubleClick: headerClickCallback, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onContextMenu: onContextMenu, children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [(layoutMode !== 'chat' || !isOwnComment) && OwnerInitialsBadge(blogPost), _jsx("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: "wrap", overflow: "hidden" }, children: [_jsxs("div", { children: [_jsxs("div", { style: { fontWeight: "bold", fontSize: '1rem', display: "flex", alignItems: "center" }, children: [showIconHeader && blogPost.header && blogPost.classID
|
|
491
493
|
? IconAndHeaderElement(blogPost, iconColor, isSelected, () => {
|
|
492
494
|
if (handleNavigateToWGs && blogPost.id && blogPost.classID === 'WG') {
|
|
493
495
|
handleNavigateToWGs(blogPost.id);
|
|
@@ -557,13 +559,16 @@ const TMBlogs = (props) => {
|
|
|
557
559
|
const closeContextMenu = useCallback(() => {
|
|
558
560
|
setAnchorEl(null);
|
|
559
561
|
}, []);
|
|
560
|
-
const
|
|
562
|
+
const onBackgroundContextMenu = (event) => {
|
|
561
563
|
if (event === undefined)
|
|
562
564
|
return;
|
|
563
|
-
if (
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
565
|
+
if (event.target.closest('.blog-post-container'))
|
|
566
|
+
return;
|
|
567
|
+
event.preventDefault();
|
|
568
|
+
setAnchorEl(event.currentTarget);
|
|
569
|
+
handleFocusedBlog(undefined);
|
|
570
|
+
handleFocusedAttachment(undefined);
|
|
571
|
+
setRightClickedOnBackground(true);
|
|
567
572
|
};
|
|
568
573
|
const onCloseDcmtForm = useCallback(() => {
|
|
569
574
|
setShowDcmtForm(false);
|
|
@@ -587,7 +592,7 @@ const TMBlogs = (props) => {
|
|
|
587
592
|
minWidth: isMobile ? '90px' : '120px',
|
|
588
593
|
width: isMobile ? '90px' : '150px',
|
|
589
594
|
height: '29px',
|
|
590
|
-
} }))] }) }) })), _jsxs("div", { style: { height: `calc(100% - ${currentHeader && !isHeaderHidden ? '50px' : '0px'})`, width: "100%", overflow: 'auto', display: 'block' }, onContextMenu:
|
|
595
|
+
} }))] }) }) })), _jsxs("div", { style: { height: `calc(100% - ${currentHeader && !isHeaderHidden ? '50px' : '0px'})`, width: "100%", overflow: 'auto', display: 'block' }, onContextMenu: onBackgroundContextMenu, children: [_jsx("div", { style: { width: "100%", height: "100%" }, children: ThumbnailView() }), 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, widthModal: "95%", heightModal: "95%" }), (showFloatingCommentButton && showCommentFormCallback) && _jsx("button", { style: {
|
|
591
596
|
position: 'absolute',
|
|
592
597
|
bottom: '20px',
|
|
593
598
|
right: '20px',
|