tycho-components 0.0.18-SNAPSHOT-9 → 0.0.18-SNAPSHOT-10

package/dist/Comments/CommentInfo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useState } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Avatar, IconButton } from 'tycho-storybook';
 import CommonContext from '../configs/CommonContext';
@@ -9,7 +9,6 @@ import CommentService from './types/CommentService';
 export default function CommentInfo({ comment, onRemove, onUpdate, onEdit, onReply, }) {
     const { t } = useTranslation('comments');
     const { state } = useContext(CommonContext);
-    const [comments, setComments] = useState();
     const handleMarkRead = () => {
         CommentService.markRead(comment.id).then((r) => {
             onUpdate(r.data);

package/dist/Comments/Comments.js

@@ -11,6 +11,7 @@ import CommentAdd from './CommentAdd';
 import CommentInfo from './CommentInfo';
 import './style.scss';
 import CommentService from './types/CommentService';
+import UsabilityUtils from '../functions/UsabilityUtils';
 export default function Comments({ uid, keywords, references, mode, onClose, onChange, }) {
     const { t } = useTranslation('comments');
     const { state } = useContext(CommonContext);
@@ -41,7 +42,7 @@ export default function Comments({ uid, keywords, references, mode, onClose, onC
     useEffect(() => {
         load();
     }, []);
-    return (_jsx(Drawer, { anchor: "right", open: true, onClose: onClose, children: !comments ? (_jsx(AppLoading, {})) : (_jsxs("div", { className: "comments-container", children: [_jsxs("div", { className: "header", children: [_jsx(IconButton, { name: "close", size: "small", mode: "ghost", onClick: onClose }), _jsx("span", { className: "title", children: t('label.title.comments') }), _jsx("div", { className: "actions", children: hasEditAccess && (_jsx(Button, { text: t('button.add'), icon: "add", mode: "outlined", size: "small", className: "edit-button", onClick: () => {
+    return (_jsx(Drawer, { anchor: "right", open: true, onClose: onClose, children: !comments ? (_jsx(AppLoading, {})) : (_jsxs("div", { className: "comments-container", id: "comment-top", children: [_jsxs("div", { className: "header", children: [_jsx(IconButton, { name: "close", size: "small", mode: "ghost", onClick: onClose }), _jsx("span", { className: "title", children: t('label.title.comments') }), _jsx("div", { className: "actions", children: hasEditAccess && (_jsx(Button, { text: t('button.add'), icon: "add", mode: "outlined", size: "small", className: "edit-button", onClick: () => {
                                     setComment(undefined);
                                     setOpenAddComment(!openAddComment);
                                 } })) })] }), _jsxs("div", { className: "body", children: [openAddComment && (_jsx(CommentAdd, { uid: uid, mode: mode, users: users, references: references, keywords: keywords, comment: comment, reply: reply, onClose: () => {
@@ -65,9 +66,11 @@ export default function Comments({ uid, keywords, references, mode, onClose, onC
                                     }, onEdit: () => {
                                         setComment(el);
                                         setOpenAddComment(true);
+                                        UsabilityUtils.goToAnchor('comment-top');
                                     }, onReply: () => {
                                         setReply(el);
                                         setOpenAddComment(true);
+                                        UsabilityUtils.goToAnchor('comment-top');
                                     } })), hasReplies(el) && (_jsx("div", { className: "replies", children: getReplies(el).map((rel, idy) => (_jsx(CommentInfo, { comment: rel, onRemove: () => {
                                             const updated = comments?.filter((c) => c.id !== rel.id);
                                             setComments(updated);

package/dist/functions/UsabilityUtils.d.ts

@@ -2,7 +2,7 @@ declare const UsabilityUtils: {
     attachCloseToEscape: (handleClose: () => void) => () => void;
     executeOnEnter: (event: React.KeyboardEvent<HTMLDivElement>, fn: () => void) => void;
     isMobile: () => boolean;
-    goToAnchor: (anchorId: string, e: any) => void;
+    goToAnchor: (anchorId: string, e?: any) => void;
     isDesktop: () => boolean;
     attachEnter: (event: React.KeyboardEvent<HTMLInputElement>, handleEnter: () => void) => void;
 };

package/dist/functions/UsabilityUtils.js

@@ -8,7 +8,7 @@ const attachEnter = (event, handleEnter) => {
     }
 };
 const goToAnchor = (anchorId, e) => {
-    e.preventDefault();
+    e && e.preventDefault();
     const anchorElement = document.getElementById(anchorId);
     if (anchorElement) {
         anchorElement.scrollIntoView({ behavior: 'smooth' });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.0.18-SNAPSHOT-9",
+  "version": "0.0.18-SNAPSHOT-10",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {