tycho-components 0.12.4 → 0.13.1

package/dist/Header/Header.d.ts

@@ -4,7 +4,6 @@ type Props = {
     tool: string;
     redirect?: string;
     autoload?: boolean;
-    freeAccess?: boolean;
     hideKeyboard?: boolean;
     hideReplaceAll?: boolean;
     parser?: boolean;
@@ -20,5 +19,5 @@ type Props = {
     navigateNotLogged?: () => void;
     helpActions?: HelpAction[];
 };
-export default function Header({ tool, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged, helpActions, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Header({ tool, redirect, autoload, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged, helpActions, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Header/Header.js

@@ -14,7 +14,7 @@ import HeaderReplaceAll from './HeaderReplaceAll';
 import HeaderUser from './HeaderUser';
 import HelpButton from './HelpButton';
 import './styles.scss';
-export default function Header({ tool, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged = () => {
+export default function Header({ tool, redirect, autoload, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged = () => {
     location.href = '/auth';
 }, helpActions, }) {
     const { t } = useTranslation('header');
@@ -24,5 +24,5 @@ export default function Header({ tool, redirect, autoload, freeAccess, hideKeybo
     const homeTextsClass = cx('app-title', {
         pointer: navigateHome !== undefined,
     });
-    return (_jsxs("div", { className: "ds-header", children: [_jsxs("div", { className: "header-left", 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 })] })] }), _jsx("div", { className: "header-center", children: customHeader ? (customHeader) : (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora })) }), _jsxs("div", { className: "header-right", children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(HelpButton, { helpActions: helpActions }), notifications && isLogged() && (_jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode })), _jsx(LanguageSelector, {}), !freeAccess && (_jsx(HeaderUser, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged }))] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
+    return (_jsxs("div", { className: "ds-header", children: [_jsxs("div", { className: "header-left", children: [_jsx(HeaderApps, {}), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] })] }), _jsx("div", { className: "header-center", children: customHeader ? (customHeader) : (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, navigateCorpora: navigateCorpora })) }), _jsxs("div", { className: "header-right", children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(HelpButton, { helpActions: helpActions }), notifications && isLogged() && (_jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode })), _jsx(LanguageSelector, {}), _jsx(HeaderUser, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
 }

package/dist/Header/HeaderApps/HeaderApps.d.ts

@@ -1,6 +1,2 @@
 import './style.scss';
-type Props = {
-    freeAccess?: boolean;
-};
-export default function HeaderApps({ freeAccess }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function HeaderApps(): import("react/jsx-runtime").JSX.Element;

package/dist/Header/HeaderApps/HeaderApps.js

@@ -8,10 +8,10 @@ import { useLoggedUtils } from '../../configs/useLoggedUtils';
 import { AvailableApps } from '../types/App';
 import logo from './logo.png';
 import './style.scss';
-export default function HeaderApps({ freeAccess }) {
+export default function HeaderApps() {
     const { t } = useTranslation('header-app');
     const { getCorpus, hasCorpus } = useCorpusUtils();
-    const { hasLexiconAccess, hasParserAccess, isAdminOfAnyCorpus } = useLoggedUtils();
+    const { hasLexiconAccess, hasParserAccess, isAdminOfAnyCorpus, isLogged } = useLoggedUtils();
     const [open, setOpen] = useState(false);
     const goto = (app, blank) => {
         const shouldAppendCorpusUid = app.appendCorpusUid !== false;
@@ -26,7 +26,7 @@ export default function HeaderApps({ freeAccess }) {
         }
     };
     const renderItem = (item, idx) => {
-        if (!item.visibility && freeAccess)
+        if (item.visibility === 'private' && !isLogged())
             return null;
         if (item.admin && !isAdminOfAnyCorpus())
             return null;

package/dist/Header/HeaderCorpora/HeaderCorpora.d.ts

@@ -1,9 +1,8 @@
-import "./style.scss";
+import './style.scss';
 type Props = {
     navigateCorpora?: (uid: string) => void;
     autoload?: boolean;
     redirect?: string;
-    freeAccess?: boolean;
 };
-export default function HeaderCorpora({ navigateCorpora, redirect, autoload, freeAccess, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function HeaderCorpora({ navigateCorpora, redirect, autoload, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Header/HeaderCorpora/HeaderCorpora.js

@@ -1,16 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { useParams } from "react-router-dom";
-import AppModal from "../../AppModal";
-import AppPicture from "../../AppPicture";
-import { useCorpusUtils } from "../../configs/useCorpusUtils";
-import CorpusService from "../types/CorpusService";
-import HeaderCorpus from "./HeaderCorpus";
-import "./style.scss";
-export default function HeaderCorpora({ navigateCorpora, redirect, autoload, freeAccess, }) {
-    const { t } = useTranslation("header");
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useParams } from 'react-router-dom';
+import AppModal from '../../AppModal';
+import AppPicture from '../../AppPicture';
+import { useCorpusUtils } from '../../configs/useCorpusUtils';
+import { useLoggedUtils } from '../../configs/useLoggedUtils';
+import CorpusService from '../types/CorpusService';
+import HeaderCorpus from './HeaderCorpus';
+import './style.scss';
+export default function HeaderCorpora({ navigateCorpora, redirect, autoload, }) {
+    const { t } = useTranslation('header');
     const { setCorpus, getCorpus, hasCorpus } = useCorpusUtils();
+    const { isLogged } = useLoggedUtils();
     const { uid } = useParams();
     const [corpora, setCorpora] = useState([]);
     const [openCorpora, setOpenCorpora] = useState(false);
@@ -56,7 +58,7 @@ export default function HeaderCorpora({ navigateCorpora, redirect, autoload, fre
         }
     };
     const handleCorpusClick = () => {
-        if (freeAccess && hasCorpus()) {
+        if (isLogged() && hasCorpus()) {
             navigateCorpora && navigateCorpora(getCorpus().uid);
         }
         else {
@@ -69,5 +71,5 @@ export default function HeaderCorpora({ navigateCorpora, redirect, autoload, fre
     useEffect(() => {
         autoload && loadAndApply();
     }, [autoload]);
-    return (_jsxs(_Fragment, { children: [hasCorpus() && _jsx(HeaderCorpus, { onClick: handleCorpusClick }), openCorpora && (_jsx(AppModal, { className: "modal-corpora", title: t("label.choose"), close: () => setOpenCorpora(false), children: corpora.map((corpus) => (_jsxs("div", { className: "item", onClick: () => handleChooseCorpus(corpus), children: [_jsx(AppPicture, { src: corpus.picture, title: corpus.name, className: "modal-corpus-image" }), _jsx("span", { children: corpus.name })] }, corpus.uid))) }))] }));
+    return (_jsxs(_Fragment, { children: [hasCorpus() && _jsx(HeaderCorpus, { onClick: handleCorpusClick }), openCorpora && (_jsx(AppModal, { className: "modal-corpora", title: t('label.choose'), close: () => setOpenCorpora(false), children: corpora.map((corpus) => (_jsxs("div", { className: "item", onClick: () => handleChooseCorpus(corpus), children: [_jsx(AppPicture, { src: corpus.picture, title: corpus.name, className: "modal-corpus-image" }), _jsx("span", { children: corpus.name })] }, corpus.uid))) }))] }));
 }

package/dist/Header/types/App.d.ts

@@ -2,7 +2,7 @@ type App = {
     code: string;
     icon?: string;
     image?: string;
-    visibility: "public" | null;
+    visibility: 'public' | 'private';
     admin?: boolean;
     lexicon?: boolean;
     parser?: boolean;

package/dist/Header/types/App.js

@@ -1,61 +1,61 @@
 export const AvailableApps = [
     {
-        code: "reserved",
-        icon: "lock",
-        visibility: null,
+        code: 'reserved',
+        icon: 'lock',
+        visibility: 'private',
         appendCorpusUid: false,
     },
     {
-        code: "catalog",
-        icon: "auto_stories",
-        visibility: null,
+        code: 'catalog',
+        icon: 'auto_stories',
+        visibility: 'private',
     },
     {
-        code: "admin",
-        icon: "folder_managed",
-        visibility: null,
+        code: 'admin',
+        icon: 'folder_managed',
+        visibility: 'private',
         admin: true,
     },
     {
-        code: "parser",
-        icon: "settings",
-        visibility: null,
+        code: 'parser',
+        icon: 'settings',
+        visibility: 'private',
         parser: true,
         appendCorpusUid: false,
     },
     {
-        code: "io",
-        icon: "swap_vert",
-        visibility: null,
+        code: 'io',
+        icon: 'swap_vert',
+        visibility: 'private',
     },
     {
-        code: "lexicon",
-        icon: "book_3",
-        visibility: null,
+        code: 'lexicon',
+        icon: 'book_3',
+        visibility: 'private',
         lexicon: true,
         appendCorpusUid: false,
     },
     {
-        code: "search",
-        icon: "match_word",
-        visibility: "public",
+        code: 'search',
+        icon: 'match_word',
+        visibility: 'public',
     },
     {
-        code: "viewer",
-        icon: "news",
-        visibility: "public",
+        code: 'viewer',
+        icon: 'news',
+        visibility: 'public',
         appendCorpusUid: false,
     },
     {
-        code: "syntrees",
-        icon: "graph_4",
-        visibility: "public",
+        code: 'syntrees',
+        icon: 'graph_4',
+        visibility: 'public',
         appendCorpusUid: false,
     },
     {
-        code: "psd-reindexer",
-        icon: "123",
-        visibility: "public",
+        code: 'psd-reindexer',
+        icon: '123',
+        visibility: 'public',
         appendCorpusUid: false,
     },
 ];

package/package.json

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