tycho-components 0.8.22 → 0.8.23

package/dist/Header/Header.d.ts

@@ -17,7 +17,8 @@ type Props = {
     navigateHome?: () => void;
     navigateCorpora?: (uid: string) => void;
     navigateLogout?: () => void;
+    navigateNotLogged?: () => void;
     helpActions?: HelpAction[];
 };
-export default function Header({ tool, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, helpActions, }: Props): import("react/jsx-runtime").JSX.Element;
+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 {};

package/dist/Header/Header.js

@@ -14,16 +14,15 @@ 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, helpActions, }) {
+export default function Header({ tool, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged = () => {
+    location.href = '/auth';
+}, helpActions, }) {
     const { t } = useTranslation('header');
     const { getCorpus, hasCorpus } = useCorpusUtils();
     const { isLogged } = useLoggedUtils();
     const [openKeyboard, setOpenKeyboard] = useState(false);
-    const profileClass = cx('header-profile', {
-        'corpora-free': freeAccess && !hasCorpus(),
-    });
     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 })] })] }), 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(HelpButton, { helpActions: helpActions }), 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: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
+    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 })] })] }), 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' }))] }));
 }

package/dist/Header/HeaderCorpora/HeaderCorpora.js

@@ -15,12 +15,17 @@ export default function HeaderCorpora({ navigateCorpora, redirect, autoload, fre
     const [corpora, setCorpora] = useState([]);
     const [openCorpora, setOpenCorpora] = useState(false);
     const load = () => {
-        CorpusService.available().then((r) => {
+        CorpusService.available()
+            .then((r) => {
             setCorpora(r.data);
+        })
+            .catch(() => {
+            setCorpora([]);
         });
     };
     const loadAndApply = () => {
-        CorpusService.available().then((r) => {
+        CorpusService.available()
+            .then((r) => {
             setCorpora(r.data);
             if (uid) {
                 const selectedCorpus = r.data.find((c) => c.uid === uid);
@@ -35,6 +40,9 @@ export default function HeaderCorpora({ navigateCorpora, redirect, autoload, fre
                 navigateCorpora && navigateCorpora(r.data[0].uid);
                 setCorpus(r.data[0]);
             }
+        })
+            .catch(() => {
+            setCorpora([]);
         });
     };
     const handleChooseCorpus = (thisCorpus) => {

package/dist/Header/HeaderUser/HeaderUser.d.ts

@@ -1,6 +1,7 @@
 import './style.scss';
 type Props = {
     navigateLogout?: () => void;
+    navigateNotLogged: () => void;
 };
-export default function HeaderUser({ navigateLogout }: Props): import("react/jsx-runtime").JSX.Element;
+export default function HeaderUser({ navigateLogout, navigateNotLogged, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Header/HeaderUser/HeaderUser.js

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { Avatar, Icon, ProfileDropdown } from 'tycho-storybook';
 import { useLoggedUtils } from '../../configs/useLoggedUtils';
 import './style.scss';
-export default function HeaderUser({ navigateLogout }) {
+export default function HeaderUser({ navigateLogout, navigateNotLogged, }) {
     const { t } = useTranslation('header');
     const { isLogged, getLogged } = useLoggedUtils();
     const [open, setOpen] = useState(false);
@@ -12,7 +12,7 @@ export default function HeaderUser({ navigateLogout }) {
         setOpen(false);
         window.open(import.meta.env.VITE_APP_RESERVED_URL, '_blank');
     };
-    return (_jsxs("div", { className: "header-user-container", children: [isLogged() ? (_jsx(ProfileDropdown, { src: getLogged()?.picture, title: getLogged()?.name || getLogged()?.sub, onClick: (b) => setOpen(b) })) : (_jsx(Avatar, { size: "small", onClick: () => (location.href = '/auth') })), open && isLogged() && (_jsxs("div", { className: "ds-dropdown-list", children: [_jsx("div", { className: "ds-dropdown-itemlist", children: _jsx("span", { className: "label", children: `${t('profile.label.hello')} ${getLogged()?.name || getLogged()?.sub}` }) }), _jsxs("div", { className: "ds-dropdown-itemlist d-none", children: [_jsx(Icon, { name: "colors", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.theme') })] }), _jsxs("div", { className: "ds-dropdown-itemlist", onClick: handleProfile, children: [_jsx(Icon, { name: "person", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.home') })] }), _jsxs("div", { className: "ds-dropdown-itemlist", children: [_jsx(Icon, { name: "live_help", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.help') })] }), _jsxs("div", { className: "ds-dropdown-itemlist", onClick: () => {
+    return (_jsxs("div", { className: "header-user-container", children: [isLogged() ? (_jsx(ProfileDropdown, { src: getLogged()?.picture, title: getLogged()?.name || getLogged()?.sub, onClick: (b) => setOpen(b) })) : (_jsx(Avatar, { size: "small", onClick: navigateNotLogged })), open && isLogged() && (_jsxs("div", { className: "ds-dropdown-list", children: [_jsx("div", { className: "ds-dropdown-itemlist", children: _jsx("span", { className: "label", children: `${t('profile.label.hello')} ${getLogged()?.name || getLogged()?.sub}` }) }), _jsxs("div", { className: "ds-dropdown-itemlist d-none", children: [_jsx(Icon, { name: "colors", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.theme') })] }), _jsxs("div", { className: "ds-dropdown-itemlist", onClick: handleProfile, children: [_jsx(Icon, { name: "person", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.home') })] }), _jsxs("div", { className: "ds-dropdown-itemlist", children: [_jsx(Icon, { name: "live_help", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.help') })] }), _jsxs("div", { className: "ds-dropdown-itemlist", onClick: () => {
                             setOpen(false);
                             navigateLogout && navigateLogout();
                         }, children: [_jsx(Icon, { name: "logout", size: "x-small" }), _jsx("span", { className: "label", children: t('profile.label.logout') })] })] }))] }));

package/dist/Header/styles.scss

@@ -31,13 +31,10 @@
     }
   }
 
-  > .header-profile {
+  .header-right {
     display: flex;
     align-items: center;
     padding-right: var(--spacing-150);
-
-    &.corpora-free {
-      margin-left: auto;
-    }
+    gap: 8px;
   }
 }

package/dist/LanguageSelector/styles.scss

@@ -1,10 +1,8 @@
 .language-container {
   > .ds-dropdown-container {
     .ds-dropdown-button {
-      padding-left: 8px;
-
       .label {
-        margin-right: var(--spacing-100);
+        margin: 0px var(--spacing-100);
       }
     }
 

package/dist/configs/api.js

@@ -9,14 +9,18 @@ const api = axios.create({
     },
     baseURL: import.meta.env.VITE_APP_URL_API,
 });
+const isStorybook = () => typeof window !== 'undefined' &&
+    (window.location.port === '6006' || window.__STORYBOOK__);
 api.interceptors.response.use((response) => response, async (error) => {
     if (error.response?.status === 401) {
         CookieStorage.removeJwtToken();
         sessionStorage.clear();
         localStorage.clear();
-        window.location.replace(import.meta.env.VITE_APP_AUTH_URL);
+        if (!isStorybook()) {
+            window.location.replace(import.meta.env.VITE_APP_AUTH_URL);
+        }
     }
-    else if (error.response?.status === 403) {
+    else if (error.response?.status === 403 && !isStorybook()) {
         window.location.href = `${import.meta.env.VITE_APP_PUBLIC_URL}/unauthorized`;
     }
     else if (error.status === null) {

package/package.json

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