tycho-components 0.42.5 → 0.43.1

package/dist/configs/index.d.ts

@@ -7,7 +7,7 @@ export type { ApplyAuthErrorHandlingOptions, AuthErrorHandling, CreateApiClientO
 export { getCommonDispatch, registerCommonDispatch, } from "./store/commonDispatchBridge";
 export { commonResources, featureResources, mergeResources, commonLocalization, } from "./Localization";
 export { default as ProfileService } from "./services/ProfileService";
-export type { Corpus, CorpusRequest, Github } from "./types/Corpus";
+export type { Corpus, CorpusRequest } from "./types/Corpus";
 export { CorpusStatusNames } from "./types/CorpusStatus";
 export type { CorpusStatus } from "./types/CorpusStatus";
 export { DocumentStatusNames, DocumentEditableStatusNames, DocumentStatusTagColors, } from "./types/Document";

package/dist/configs/localization/HelpTexts.js

@@ -5,7 +5,7 @@ export const HelpTexts = {
         'title.tour': 'Live Tour',
         'title.autoOpen': 'Enable Auto-Open',
         'button.tour': 'Start Live Tour',
-        'button.updateLiveTourPreference': 'Update your live tour preference',
+        'button.updateLiveTourPreference': 'Update preference',
         'description.tutorials': 'Access our comprehensive tutorials and documentation',
         'description.tour': 'Start an interactive tour of the platform or enable it to open automatically',
         'checkbox.autoOpen': 'Enable Auto-Open',
@@ -17,7 +17,7 @@ export const HelpTexts = {
         'title.tour': 'Tour ao Vivo',
         'title.autoOpen': 'Ativar Abertura Automática',
         'button.tour': 'Iniciar Tour ao Vivo',
-        'button.updateLiveTourPreference': 'Atualizar sua preferência de tour ao vivo',
+        'button.updateLiveTourPreference': 'Atualizar preferência',
         'description.tutorials': 'Acesse nossos tutoriais abrangentes e documentação',
         'description.tour': 'Inicie um tour interativo da plataforma ou ative para abrir automaticamente',
         'checkbox.autoOpen': 'Ativar Abertura Automática',
@@ -27,7 +27,7 @@ export const HelpTexts = {
         'modal.title': 'Centro Assistenza',
         'title.tutorials': 'Tutorial',
         'button.tour': 'Avvia Tour Interattivo',
-        'button.updateLiveTourPreference': 'Aggiorna la preferenza del tour interattivo',
+        'button.updateLiveTourPreference': 'Aggiorna la preferenza',
         'title.tour': 'Tour Interattivo',
         'title.autoOpen': 'Abilita Apertura Automatica',
         'description.tutorials': 'Accedi ai nostri tutorial completi e alla documentazione',

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

@@ -16,7 +16,6 @@ export type Corpus = {
     opened: boolean;
     featured?: boolean;
     owner?: User;
-    github?: Github;
     images?: CorpusImage[];
     keyboardLayout?: string;
     catalog?: string[];
@@ -49,14 +48,5 @@ export type CorpusRequest = {
     rejectedDate: string | null;
     confirmedDate: string | null;
 };
-export type Github = {
-    username: string;
-    token: string;
-    remote: string;
-    path: string;
-    branch: string;
-    commit: string;
-    isPublic: boolean;
-};
 export declare const EMPTY_CORPUS: Corpus;
 export {};

package/dist/shell/Header/Header.d.ts

@@ -22,6 +22,12 @@ type Props = {
     hideNotifications?: boolean;
     hideLanguageSelector?: boolean;
     hideHelpButton?: boolean;
+    /** Overrides i18n `label.platform` (e.g. CorpusHub whitelabel). */
+    platformName?: string;
+    /** Overrides i18n `label.platform.complete` in the apps drawer. */
+    platformCompleteName?: string;
+    /** Overrides the apps-drawer platform tile image. */
+    platformLogo?: string;
 };
-export default function Header({ tool, redirect, autoload, hideKeyboard, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged, helpActions, useOpenCorpora, hideCorpora, hideNotifications, hideLanguageSelector, hideHelpButton, }: Props): import("react").JSX.Element;
+export default function Header({ tool, redirect, autoload, hideKeyboard, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged, helpActions, useOpenCorpora, hideCorpora, hideNotifications, hideLanguageSelector, hideHelpButton, platformName, platformCompleteName, platformLogo, }: Props): import("react").JSX.Element;
 export {};

package/dist/shell/Header/Header.js

@@ -8,10 +8,10 @@ import HeaderUser from './HeaderUser';
 import './styles.scss';
 export default function Header({ tool, redirect, autoload, hideKeyboard, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged = () => {
     location.href = '/auth';
-}, helpActions, useOpenCorpora = true, hideCorpora = false, hideNotifications = false, hideLanguageSelector = false, hideHelpButton = false, }) {
+}, helpActions, useOpenCorpora = true, hideCorpora = false, hideNotifications = false, hideLanguageSelector = false, hideHelpButton = false, platformName, platformCompleteName, platformLogo, }) {
     const { t } = useTranslation('header');
     const homeTextsClass = cx('app-title', {
         pointer: navigateHome !== undefined,
     });
-    return (_jsxs("div", { className: "ds-header", children: [_jsxs("div", { className: "header-left", children: [_jsx(HeaderApps, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged, hideKeyboard: hideKeyboard, notifications: notifications, keyboardLayout: keyboardLayout, helpActions: helpActions }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] }), _jsxs("div", { className: "header-corpus", children: [!hideCorpora && (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, navigateCorpora: navigateCorpora, useOpenCorpora: useOpenCorpora })), customHeader && customHeader] })] }), _jsxs("div", { className: "header-right", children: [_jsx(HeaderButtons, { hideKeyboard: hideKeyboard, notifications: notifications, keyboardLayout: keyboardLayout, helpActions: helpActions, hideNotifications: hideNotifications, hideLanguageSelector: hideLanguageSelector, hideHelpButton: hideHelpButton }), _jsx(HeaderUser, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged })] })] }));
+    return (_jsxs("div", { className: "ds-header", children: [_jsxs("div", { className: "header-left", children: [_jsx(HeaderApps, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged, hideKeyboard: hideKeyboard, notifications: notifications, keyboardLayout: keyboardLayout, helpActions: helpActions, platformCompleteName: platformCompleteName, platformLogo: platformLogo }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: platformName ?? t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] }), _jsxs("div", { className: "header-corpus", children: [!hideCorpora && (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, navigateCorpora: navigateCorpora, useOpenCorpora: useOpenCorpora })), customHeader && customHeader] })] }), _jsxs("div", { className: "header-right", children: [_jsx(HeaderButtons, { hideKeyboard: hideKeyboard, notifications: notifications, keyboardLayout: keyboardLayout, helpActions: helpActions, hideNotifications: hideNotifications, hideLanguageSelector: hideLanguageSelector, hideHelpButton: hideHelpButton }), _jsx(HeaderUser, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged })] })] }));
 }

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

@@ -10,6 +10,8 @@ type Props = {
     };
     keyboardLayout?: string;
     helpActions?: HelpAction[];
+    platformCompleteName?: string;
+    platformLogo?: string;
 };
-export default function HeaderApps({ navigateLogout, navigateNotLogged, hideKeyboard, notifications, keyboardLayout, helpActions, }: Props): import("react").JSX.Element;
+export default function HeaderApps({ navigateLogout, navigateNotLogged, hideKeyboard, notifications, keyboardLayout, helpActions, platformCompleteName, platformLogo, }: Props): import("react").JSX.Element;
 export {};

package/dist/shell/Header/HeaderApps/HeaderApps.js

@@ -11,11 +11,26 @@ import { AvailableApps } from "../types/App";
 import logo from "./logo.png";
 import youtube from "./youtube.png";
 import "./style.scss";
-export default function HeaderApps({ navigateLogout, navigateNotLogged, hideKeyboard, notifications, keyboardLayout, helpActions, }) {
+export default function HeaderApps({ navigateLogout, navigateNotLogged, hideKeyboard, notifications, keyboardLayout, helpActions, platformCompleteName, platformLogo, }) {
     const { t } = useTranslation("header-app");
     const { getCorpus, hasCorpus } = useCorpusUtils();
     const { isAdminOfAnyCorpus, isEditorOfAnyCorpus, isLogged } = useLoggedUtils();
     const [open, setOpen] = useState(false);
+    const platformOrigin = (import.meta.env.VITE_APP_ORIGIN ?? "").replace(/\/+$/, "");
+    const resources = [
+        {
+            code: "platform",
+            image: platformLogo || logo,
+            visibility: "public",
+            external: platformOrigin || undefined,
+        },
+        {
+            code: "youtube",
+            image: youtube,
+            visibility: "public",
+            external: "https://www.youtube.com/@tychoplatform",
+        },
+    ];
     const goto = (app, blank) => {
         const shouldAppendCorpusUid = app.appendCorpusUid !== false;
         const url = hasCorpus() && shouldAppendCorpusUid
@@ -35,25 +50,12 @@ export default function HeaderApps({ navigateLogout, navigateNotLogged, hideKeyb
             return null;
         if (item.editor && !isEditorOfAnyCorpus())
             return null;
-        return (_jsxs("div", { className: "item", title: t(`${item.code}.desc`), onClick: () => goto(item, item.external ? true : false), children: [item.icon && _jsx(Icon, { name: item.icon, size: "medium" }), item.image && _jsx("img", { src: item.image }), _jsx("span", { className: "title-app", children: t(`${item.code}.name`) }), _jsxs("div", { className: "options", children: [item.visibility && (_jsx(Tag, { text: t(`common:label.${item.visibility}`), size: "small", color: "green", className: "d-none" })), _jsx(IconButton, { name: "open_in_new", size: "x-small", className: "icon-open", mode: "ghost", onClick: (e) => {
+        return (_jsxs("div", { className: "item", title: t(`${item.code}.desc`), onClick: () => goto(item, item.external ? true : false), children: [item.icon && _jsx(Icon, { name: item.icon, size: "medium" }), item.image && _jsx("img", { src: item.image }), _jsx("span", { className: "title-app", children: item.code === "platform" && platformCompleteName
+                        ? platformCompleteName
+                        : t(`${item.code}.name`) }), _jsxs("div", { className: "options", children: [item.visibility && (_jsx(Tag, { text: t(`common:label.${item.visibility}`), size: "small", color: "green", className: "d-none" })), _jsx(IconButton, { name: "open_in_new", size: "x-small", className: "icon-open", mode: "ghost", onClick: (e) => {
                                 e.stopPropagation();
                                 goto(item, true);
                             }, title: t("label.open.tab") })] })] }, idx.valueOf()));
     };
-    return (_jsxs("div", { className: "header-apps-container", children: [_jsx(IconButton, { name: "apps", className: "icon-apps", size: "large", onClick: () => setOpen(!open), filledIcon: true, "data-tour": "header-apps" }), open && (_jsxs(Drawer, { anchor: "left", open: true, onClose: () => setOpen(false), className: "offcanvas-apps", children: [_jsxs("div", { className: "header", children: [_jsx(IconButton, { name: "close", size: "medium", mode: "ghost", iconSize: "medium", onClick: () => setOpen(false) }), _jsx("span", { className: "header-apps-title", children: t("header:label.platform.complete") }), _jsx("div", { className: "header-profile-apps", children: _jsx(HeaderUser, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged }) })] }), _jsxs("div", { className: "body", children: [_jsx("div", { className: "title", children: t("label.tools") }), AvailableApps.map((item, idx) => renderItem(item, idx)), _jsx("div", { className: "title", children: t("label.quick") }), resources.map((item, idx) => renderItem(item, idx))] }), _jsx("div", { className: "footer", children: _jsx("div", { className: "header-apps-buttons", children: _jsx(HeaderButtons, { hideKeyboard: hideKeyboard, notifications: notifications, keyboardLayout: keyboardLayout, helpActions: helpActions, mobile: true }) }) })] }))] }));
+    return (_jsxs("div", { className: "header-apps-container", children: [_jsx(IconButton, { name: "apps", className: "icon-apps", size: "large", onClick: () => setOpen(!open), filledIcon: true, "data-tour": "header-apps" }), open && (_jsxs(Drawer, { anchor: "left", open: true, onClose: () => setOpen(false), className: "offcanvas-apps", children: [_jsxs("div", { className: "header", children: [_jsx(IconButton, { name: "close", size: "medium", mode: "ghost", iconSize: "medium", onClick: () => setOpen(false) }), _jsx("span", { className: "header-apps-title", children: platformCompleteName ?? t("header:label.platform.complete") }), _jsx("div", { className: "header-profile-apps", children: _jsx(HeaderUser, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged }) })] }), _jsxs("div", { className: "body", children: [_jsx("div", { className: "title", children: t("label.tools") }), AvailableApps.map((item, idx) => renderItem(item, idx)), _jsx("div", { className: "title", children: t("label.quick") }), resources.map((item, idx) => renderItem(item, idx))] }), _jsx("div", { className: "footer", children: _jsx("div", { className: "header-apps-buttons", children: _jsx(HeaderButtons, { hideKeyboard: hideKeyboard, notifications: notifications, keyboardLayout: keyboardLayout, helpActions: helpActions, mobile: true }) }) })] }))] }));
 }
-const platformOrigin = (import.meta.env.VITE_APP_ORIGIN ?? "").replace(/\/+$/, "");
-const resources = [
-    {
-        code: "platform",
-        image: logo,
-        visibility: "public",
-        external: platformOrigin || undefined,
-    },
-    {
-        code: "youtube",
-        image: youtube,
-        visibility: "public",
-        external: "https://www.youtube.com/@tychoplatform",
-    },
-];

package/dist/shell/Header/HelpButton/HelpModal.js

@@ -2,14 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button } from 'tycho-storybook';
-import { AppPicture } from '../../../common';
 import AppModal from '../../../common/AppModal/AppModal';
 import CookieStorage from '../../../configs/CookieStorage';
 import ProfileService from '../../../configs/services/ProfileService';
 import { useLoggedUtils } from '../../../configs/useLoggedUtils';
 import { useTourUtils } from '../../../configs/useTourUtils';
 import SecurityUtils from '../../../functions/SecurityUtils';
-import liveTour from './live-tour.png';
 import './style.scss';
 export default function HelpModal({ onClose, helpActions = [] }) {
     const { t } = useTranslation('help');
@@ -65,14 +63,14 @@ export default function HelpModal({ onClose, helpActions = [] }) {
         setAutoOpenEnabled(event.target.checked);
     };
     const actionItems = [
-        {
-            title: t('title.tutorials'),
-            desc: t('description.tutorials'),
-            action: handleTutorials,
-        },
+        // {
+        //   title: t('title.tutorials'),
+        //   desc: t('description.tutorials'),
+        //   action: handleTutorials,
+        // },
         ...helpActions,
     ];
-    return (_jsxs(AppModal, { title: t('modal.title'), close: onClose, hideFooter: true, className: "help-modal", children: [_jsxs("div", { className: "live-tour", children: [_jsx(AppPicture, { src: liveTour }), _jsxs("div", { className: "tour-content", children: [_jsx("div", { className: "title", children: t('title.tour') }), _jsx("div", { className: "desc", children: t('description.tour') }), _jsxs("label", { className: "help-checkbox-label", children: [_jsx("input", { type: "checkbox", checked: autoOpenEnabled, onChange: handleAutoOpenChange, disabled: updatingLiveTour, className: "help-checkbox" }), _jsx("span", { children: t('checkbox.autoOpen') })] }), _jsx(Button, { text: isDisablingAutoOpen
-                                    ? t('button.updateLiveTourPreference')
-                                    : t('button.tour'), size: "small", icon: "keyboard_arrow_right", onClick: handleTourToggle, disabled: updatingLiveTour, "data-tour": "guided-tour-start" })] })] }), _jsx("div", { className: "other-actions", children: actionItems.map((item, idx) => (_jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: item.title }), _jsx("div", { className: "desc", children: item.desc }), _jsx(Button, { text: t('button.open'), size: "x-small", mode: "outlined", icon: "keyboard_arrow_right", onClick: () => handleCustomAction(item) })] }, idx))) })] }));
+    return (_jsxs(AppModal, { title: t('modal.title'), close: onClose, hideFooter: true, className: "help-modal", children: [_jsxs("div", { className: "item item-tour", children: [_jsx("div", { className: "title", children: t('title.tour') }), _jsx("div", { className: "desc", children: t('description.tour') }), _jsxs("label", { className: "help-checkbox-label", children: [_jsx("input", { type: "checkbox", checked: autoOpenEnabled, onChange: handleAutoOpenChange, disabled: updatingLiveTour, className: "help-checkbox" }), _jsx("span", { children: t('checkbox.autoOpen') })] }), _jsx(Button, { text: isDisablingAutoOpen
+                            ? t('button.updateLiveTourPreference')
+                            : t('button.tour'), size: "small", icon: isDisablingAutoOpen ? 'save' : 'keyboard_arrow_right', onClick: handleTourToggle, disabled: updatingLiveTour, "data-tour": "guided-tour-start" })] }), actionItems.map((item, idx) => (_jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: item.title }), _jsx("div", { className: "desc", children: item.desc }), _jsx(Button, { text: t('button.open'), size: "small", mode: "outlined", icon: "keyboard_arrow_right", onClick: () => handleCustomAction(item) })] }, idx)))] }));
 }

package/dist/shell/Header/HelpButton/style.scss

@@ -3,84 +3,49 @@
   width: 60vw !important;
 
   .body {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: var(--spacing-200);
 
-    .live-tour {
+    .item {
       display: flex;
+      flex-direction: column;
+      min-width: 0;
       padding: 24px 24px 16px;
       border: 1px solid var(--border-subtle-2);
       border-radius: var(--radius-100);
-      background-color: #ebeff8;
-      gap: 48px;
-
-      .tour-content {
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-        max-width: 50%;
 
-        > .title {
-          @include subtitle-medium-2;
-        }
+      > .title {
+        @include subtitle-small-2;
+        color: var(--text-primary);
+        margin-bottom: 4px;
+      }
 
-        > .desc {
-          @include body-medium-1;
-          color: var(--text-secondary);
-        }
+      > .desc {
+        @include body-medium-1;
+        color: var(--text-secondary);
       }
 
-      .app-picture-container > img {
-        width: 240px;
-        height: 180px;
+      > .ds-button {
+        margin-top: auto;
       }
+    }
+
+    .item-tour {
+      background-color: #ebeff8;
 
       .help-checkbox-label {
         display: flex;
         align-items: center;
         gap: var(--spacing-100);
         cursor: pointer;
-        user-select: none;
-        font-size: 0.875rem;
-        margin-bottom: 16px;
+        margin: 8px 0;
 
         .help-checkbox {
           cursor: pointer;
         }
       }
     }
-
-    .other-actions {
-      display: grid;
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-      gap: var(--spacing-200);
-
-      .item {
-        display: flex;
-        flex-direction: column;
-        min-width: 0;
-        padding: 24px 24px 16px;
-        border: 1px solid var(--border-subtle-2);
-        border-radius: var(--radius-100);
-
-        > .title {
-          @include subtitle-small-2;
-          color: var(--text-primary);
-          margin-bottom: 4px;
-        }
-
-        > .desc {
-          @include body-medium-1;
-          color: var(--text-secondary);
-          margin-bottom: 24px;
-        }
-
-        > .ds-button {
-          margin-top: auto;
-        }
-      }
-    }
   }
 }
 

package/package.json

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