@pagopa/mui-italia/dist/components/HeaderAccount/HeaderAccount.stories.js

[Material-UI](https://mui.com/core/) theme inspired by [Bootstrap Italia](https://italia.github.io/bootstrap-italia/).

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.fullyLocalizedHeaderAccount = exports.WithDocumentation = exports.WithoutAssistance = exports.WithoutLogin = exports.LoggedInWithDropdown = exports.LoggedIn = exports.LoggedOut = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
/* Icons */
const Settings_1 = tslib_1.__importDefault(require("@mui/icons-material/Settings"));
const LogoutRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/LogoutRounded"));
const _theme_1 = require("../../theme/index");
const HeaderAccount_1 = require("./HeaderAccount");
exports.default = {
    title: "Components/HeaderAccount (WIP)",
    component: HeaderAccount_1.HeaderAccount,
    decorators: [
        (Story) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { padding: 0, backgroundColor: "#F5F5F5" } }, { children: (0, jsx_runtime_1.jsx)(Story, {}) }))),
    ],
    parameters: {
        controls: { hideNoControlsWarning: true },
        chromatic: {
            viewports: _theme_1.breakpointsChromaticValues,
        },
    },
};
/*
User info
*/
const user = {
    id: "1",
    name: "Ermenegildo",
    surname: "Zegna",
    email: "mario.rossi@gmail.com",
};
/*
Links Section
*/
const pagoPALink = {
    label: "PagoPA S.p.A.",
    href: "https://www.pagopa.it/",
    ariaLabel: "Link: vai al sito di PagoPA S.p.A.",
    title: "Sito di PagoPA S.p.A.",
};
const LoggedOut = () => ((0, jsx_runtime_1.jsx)(HeaderAccount_1.HeaderAccount, { rootLink: pagoPALink, loggedUser: false, onAssistanceClick: () => {
        console.log("Clicked/Tapped on Assistance");
    }, onLogin: () => {
        console.log("User login");
    } }));
exports.LoggedOut = LoggedOut;
const LoggedIn = () => ((0, jsx_runtime_1.jsx)(HeaderAccount_1.HeaderAccount, { rootLink: pagoPALink, loggedUser: user, 
    /*  loggedUser={party !== null ? user : undefined} */
    onAssistanceClick: () => {
        console.log("Clicked/Tapped on Assistance");
    }, onLogin: () => {
        console.log("User login");
    }, onLogout: () => {
        console.log("User logout");
    } }));
exports.LoggedIn = LoggedIn;
const LoggedInWithDropdown = () => ((0, jsx_runtime_1.jsx)(HeaderAccount_1.HeaderAccount, { enableDropdown: true, rootLink: pagoPALink, loggedUser: user, 
    /*  loggedUser={party !== null ? user : undefined} */
    onAssistanceClick: () => {
        console.log("Clicked/Tapped on Assistance");
    }, onLogin: () => {
        console.log("User login");
    }, userActions: [
        {
            id: "profile",
            label: "Profilo",
            onClick: () => {
                console.log("Clicked/Tapped on Profile");
            },
            icon: (0, jsx_runtime_1.jsx)(Settings_1.default, { fontSize: "small", color: "inherit" }),
        },
        {
            id: "logout",
            label: "Esci",
            onClick: () => {
                console.log("User logged out");
            },
            icon: (0, jsx_runtime_1.jsx)(LogoutRounded_1.default, { fontSize: "small", color: "inherit" }),
        },
    ] }));
exports.LoggedInWithDropdown = LoggedInWithDropdown;
const WithoutLogin = () => ((0, jsx_runtime_1.jsx)(HeaderAccount_1.HeaderAccount, { enableLogin: false, rootLink: pagoPALink, onAssistanceClick: () => {
        console.log("Clicked/Tapped on Assistance");
    } }));
exports.WithoutLogin = WithoutLogin;
const WithoutAssistance = () => ((0, jsx_runtime_1.jsx)(HeaderAccount_1.HeaderAccount, { enableAssistanceButton: false, rootLink: pagoPALink, onAssistanceClick: () => {
        console.log("Clicked/Tapped on Assistance");
    } }));
exports.WithoutAssistance = WithoutAssistance;
const WithDocumentation = () => ((0, jsx_runtime_1.jsx)(HeaderAccount_1.HeaderAccount, { rootLink: pagoPALink, onDocumentationClick: () => {
        console.log("Clicked/Tapped on Assistance");
    }, onAssistanceClick: () => {
        console.log("Clicked/Tapped on Assistance");
    } }));
exports.WithDocumentation = WithDocumentation;
const fullyLocalizedHeaderAccount = () => ((0, jsx_runtime_1.jsx)(HeaderAccount_1.HeaderAccount, { enableDropdown: true, rootLink: pagoPALink, loggedUser: user, onAssistanceClick: () => {
        console.log("Clicked/Tapped on Assistance");
    }, onDocumentationClick: () => {
        console.log("Clicked/Tapped on Assistance");
    }, onLogin: () => {
        console.log("User login");
    }, userActions: [
        {
            id: "profile",
            label: "Profile",
            onClick: () => {
                console.log("Clicked/Tapped on Profile");
            },
            icon: (0, jsx_runtime_1.jsx)(Settings_1.default, { fontSize: "small", color: "inherit" }),
        },
        {
            id: "logout",
            label: "Logout",
            onClick: () => {
                console.log("User logged out");
            },
            icon: (0, jsx_runtime_1.jsx)(LogoutRounded_1.default, { fontSize: "small", color: "inherit" }),
        },
    ], translationsMap: { assistance: "Help", documentation: "Documentation" } }));
exports.fullyLocalizedHeaderAccount = fullyLocalizedHeaderAccount;