tycho-components 0.42.4 → 0.43.0

package/dist/common/AppDropzone/style.scss

@@ -1,13 +1,14 @@
 .dropzone-container {
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: stretch;
   justify-content: center;
   gap: var(--spacing-200);
   box-sizing: border-box;
   width: 100%;
   max-width: 100%;
   min-width: 0;
+  overflow: hidden;
 
   .dropzone {
     display: flex;
@@ -17,6 +18,7 @@
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
+    min-width: 0;
     padding: var(--spacing-700);
     border-radius: var(--radius-100);
     border: 2px dashed var(--border-subtle-3);
@@ -25,9 +27,13 @@
   }
 
   .preview {
+    display: block;
     margin: 0 auto;
-    width: 400px;
-    height: 400px;
+    width: 100%;
+    max-width: 400px;
+    height: auto;
+    aspect-ratio: 1;
+    object-fit: contain;
   }
 
   .uploaded-file {
@@ -37,11 +43,13 @@
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
+    min-width: 0;
     text-align: center;
     border: 1px solid var(--border-subtle-3);
     border-radius: var(--radius-100);
     padding: var(--spacing-200);
     gap: var(--spacing-200);
+    overflow-wrap: anywhere;
 
     .buttons {
       display: flex;
@@ -52,6 +60,8 @@
 
   .keep-name-checkbox {
     align-self: flex-start;
+    max-width: 100%;
+    min-width: 0;
 
     > .MuiCheckbox-root {
       padding: 0px 8px;

package/dist/common/AppModal/style.scss

@@ -28,6 +28,10 @@
   }
 
   > .body {
+    box-sizing: border-box;
+    min-width: 0;
+    max-width: 100%;
+    overflow-x: hidden;
     padding: var(--spacing-300) var(--spacing-200) var(--spacing-150);
   }
 

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/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/package.json

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