tycho-components 0.14.5 → 0.14.6

package/dist/AppPlaceholder/style.scss

@@ -3,7 +3,7 @@
   flex-direction: column;
   text-align: center;
 
-  &.use-margin-top {
+  &.with-margin-top {
     margin-top: 5%;
   }
 

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

@@ -1,4 +1,4 @@
-import './style.scss';
+import "./style.scss";
 type Props = {
     navigateLogout?: () => void;
     navigateNotLogged: () => void;

package/dist/Header/HeaderUser/HeaderUser.js

@@ -1,19 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Avatar, Icon, ProfileDropdown } from 'tycho-storybook';
-import { useLoggedUtils } from '../../configs/useLoggedUtils';
-import './style.scss';
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Button, Icon, ProfileDropdown } from "tycho-storybook";
+import { useLoggedUtils } from "../../configs/useLoggedUtils";
+import "./style.scss";
 export default function HeaderUser({ navigateLogout, navigateNotLogged, }) {
-    const { t } = useTranslation('header');
+    const { t } = useTranslation("header");
     const { isLogged, getLogged } = useLoggedUtils();
     const [open, setOpen] = useState(false);
     const handleProfile = () => {
         setOpen(false);
-        window.open(import.meta.env.VITE_APP_RESERVED_URL, '_blank');
+        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: 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: () => {
+    return (_jsxs("div", { className: "header-user-container", children: [isLogged() ? (_jsx(ProfileDropdown, { src: getLogged()?.picture, title: getLogged()?.name || getLogged()?.sub, onClick: (b) => setOpen(b) })) : (_jsx(Button, { text: t("button.sign.in"), 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') })] })] }))] }));
+                        }, children: [_jsx(Icon, { name: "logout", size: "x-small" }), _jsx("span", { className: "label", children: t("profile.label.logout") })] })] }))] }));
 }

package/dist/configs/Localization.d.ts

@@ -120,6 +120,7 @@ export declare const commonResources: {
             "profile.label.help": string;
             "profile.label.logout": string;
             "profile.label.home": string;
+            "button.sign.in": string;
         };
         'header-app': {
             'label.tools': string;
@@ -387,6 +388,7 @@ export declare const commonResources: {
             "profile.label.help": string;
             "profile.label.logout": string;
             "profile.label.home": string;
+            "button.sign.in": string;
         };
         'header-app': {
             'label.tools': string;
@@ -651,6 +653,7 @@ export declare const commonResources: {
             "profile.label.help": string;
             "profile.label.logout": string;
             "profile.label.home": string;
+            "button.sign.in": string;
         };
         'header-app': {
             'label.tools': string;

package/dist/configs/localization/HeaderTexts.d.ts

@@ -16,6 +16,7 @@ export declare const HeaderTexts: {
         "profile.label.help": string;
         "profile.label.logout": string;
         "profile.label.home": string;
+        "button.sign.in": string;
     };
     "pt-BR": {
         "label.platform": string;
@@ -34,6 +35,7 @@ export declare const HeaderTexts: {
         "profile.label.help": string;
         "profile.label.logout": string;
         "profile.label.home": string;
+        "button.sign.in": string;
     };
     it: {
         "label.platform": string;
@@ -52,5 +54,6 @@ export declare const HeaderTexts: {
         "profile.label.help": string;
         "profile.label.logout": string;
         "profile.label.home": string;
+        "button.sign.in": string;
     };
 };

package/dist/configs/localization/HeaderTexts.js

@@ -16,6 +16,7 @@ export const HeaderTexts = {
         "profile.label.help": "Help Center",
         "profile.label.logout": "Logout",
         "profile.label.home": "My profile",
+        "button.sign.in": "Sign In",
     },
     "pt-BR": {
         "label.platform": "Plataforma Tycho Brahe",
@@ -34,6 +35,7 @@ export const HeaderTexts = {
         "profile.label.help": "Central de Ajuda",
         "profile.label.logout": "Sair da conta",
         "profile.label.home": "Meu perfil",
+        "button.sign.in": "Entrar",
     },
     it: {
         "label.platform": "Piattaforma Tycho Brahe",
@@ -52,5 +54,6 @@ export const HeaderTexts = {
         "profile.label.help": "Centro assistenza",
         "profile.label.logout": "Disconnetti",
         "profile.label.home": "Il mio profilo",
+        "button.sign.in": "Accedi",
     },
 };

package/package.json

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