tycho-components 0.0.18-r5 → 0.1.0-SNAPSHOT

package/dist/Header/Header.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cx from 'classnames';
-import { useState } from 'react';
+import { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { IconButton } from 'tycho-storybook';
 import { useCorpusUtils } from '../configs/useCorpusUtils';
@@ -13,9 +13,12 @@ import HeaderUser from './HeaderUser';
 import './styles.scss';
 import HeaderNotifications from '../Comments/HeaderNotifications';
 import { useLoggedUtils } from '../configs/useLoggedUtils';
-const linkTurorials = 'https://www.tycho.iel.unicamp.br/home/tutorials';
+import CommonContext from '../configs/CommonContext';
+import { tour } from '../configs/store/actions';
+const linkTutorials = 'https://www.tycho.iel.unicamp.br/home/tutorials';
 export default function Header({ tool, navigateHome, navigateCorpora, navigateLogout, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, notifications, }) {
     const { t } = useTranslation('header');
+    const { dispatch } = useContext(CommonContext);
     const { getCorpus, hasCorpus } = useCorpusUtils();
     const { isLogged } = useLoggedUtils();
     const [openKeyboard, setOpenKeyboard] = useState(false);
@@ -25,5 +28,9 @@ 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') }), notifications && isLogged() && (_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' }))] }));
+    const handleHelp = () => {
+        window.open(linkTutorials, '_blank');
+        dispatch(tour(true));
+    };
+    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: (e) => handleHelp() }), notifications && isLogged() && (_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/configs/store/actions.d.ts

@@ -7,3 +7,4 @@ export declare const logged: (data: User | undefined) => StoreAction;
 export declare const message: (data: ToastMessage) => StoreAction;
 export declare const toastLoading: (data: boolean) => StoreAction;
 export declare const silentLoading: (data: boolean) => StoreAction;
+export declare const tour: (data: boolean) => StoreAction;

package/dist/configs/store/actions.js

@@ -21,3 +21,7 @@ export const silentLoading = (data) => ({
     type: types.SILENT_LOADING,
     payload: data,
 });
+export const tour = (data) => ({
+    type: types.TOUR,
+    payload: data,
+});

package/dist/configs/store/reducer.js

@@ -26,6 +26,11 @@ function reducer(state, action) {
                 ...state,
                 silentLoading: action.payload,
             };
+        case types.TOUR:
+            return {
+                ...state,
+                tour: action.payload,
+            };
         default:
             return state;
     }

package/dist/configs/store/store.js

@@ -5,5 +5,6 @@ const store = {
     message: EMPTY_TOAST,
     toastLoading: false,
     silentLoading: false,
+    tour: false,
 };
 export default store;

package/dist/configs/store/types.d.ts

@@ -7,6 +7,7 @@ export type UserStore = {
     message: ToastMessage;
     toastLoading: boolean;
     silentLoading: boolean;
+    tour: boolean;
 };
 export type StoreAction = {
     type: string;
@@ -18,4 +19,5 @@ export declare const types: {
     TOAST_LOADING: string;
     SILENT_LOADING: string;
     LOGGED: string;
+    TOUR: string;
 };

package/dist/configs/store/types.js

@@ -4,4 +4,5 @@ export const types = {
     TOAST_LOADING: 'TOAST_LOADING',
     SILENT_LOADING: 'SILENT_LOADING',
     LOGGED: 'LOGGED',
+    TOUR: 'TOUR',
 };

package/package.json

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