tycho-components 0.0.18-SNAPSHOT-9 → 0.0.18-SNAPSHOT-11

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/Header/Header.d.ts

@@ -11,6 +11,10 @@ type Props = {
     hideReplaceAll?: boolean;
     parser?: boolean;
     customHeader?: React.ReactNode;
+    notifications?: {
+        mode: 'corpus' | 'parser' | 'lexicon';
+        ref: string;
+    };
 };
-export default function Header({ tool, navigateHome, navigateCorpora, navigateLogout, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Header({ tool, navigateHome, navigateCorpora, navigateLogout, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, notifications, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Header/Header.js

@@ -11,8 +11,9 @@ import HeaderCorpora from './HeaderCorpora/HeaderCorpora';
 import HeaderReplaceAll from './HeaderReplaceAll';
 import HeaderUser from './HeaderUser';
 import './styles.scss';
+import HeaderNotifications from '../Comments/HeaderNotifications';
 const linkTurorials = 'https://www.tycho.iel.unicamp.br/home/tutorials';
-export default function Header({ tool, navigateHome, navigateCorpora, navigateLogout, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, }) {
+export default function Header({ tool, navigateHome, navigateCorpora, navigateLogout, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, notifications, }) {
     const { t } = useTranslation('header');
     const { getCorpus, hasCorpus } = useCorpusUtils();
     const [openKeyboard, setOpenKeyboard] = useState(false);
@@ -22,5 +23,5 @@ export default function Header({ tool, navigateHome, navigateCorpora, navigateLo
     const homeTextsClass = cx('texts', {
         pointer: navigateHome !== undefined,
     });
-    return (_jsxs("div", { className: "ds-header", children: [_jsx(HeaderApps, { freeAccess: freeAccess }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] }), customHeader, !customHeader && (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora })), _jsxs("div", { className: profileClass, children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(IconButton, { name: "live_help", size: "medium", title: t('tooltip.tutorials'), onClick: () => window.open(linkTurorials, '_blank') }), _jsx(LanguageSelector, {}), !freeAccess && _jsx(HeaderUser, { navigateLogout: navigateLogout })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: getCorpus().keyboardLayout || 'english' }))] }));
+    return (_jsxs("div", { className: "ds-header", children: [_jsx(HeaderApps, { freeAccess: freeAccess }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] }), customHeader, !customHeader && (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora })), _jsxs("div", { className: profileClass, children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(IconButton, { name: "live_help", size: "medium", title: t('tooltip.tutorials'), onClick: () => window.open(linkTurorials, '_blank') }), notifications && (_jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode })), _jsx(LanguageSelector, {}), !freeAccess && _jsx(HeaderUser, { navigateLogout: navigateLogout })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: getCorpus().keyboardLayout || 'english' }))] }));
 }

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-11",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {