@bloom-housing/ui-components 7.1.0 → 7.2.1

package/dist/src/headers/PageHeader.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import "./PageHeader.scss";
+export interface PageHeaderProps {
+    className?: string;
+    inverse?: boolean;
+    title?: React.ReactNode;
+    subtitle?: string;
+    children?: React.ReactNode;
+    tabNav?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
+}
+declare const PageHeader: (props: PageHeaderProps) => JSX.Element;
+export { PageHeader as default, PageHeader };

package/dist/src/headers/PageHeader.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageHeader = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./PageHeader.scss");
+var PageHeader = function (props) {
+    var classNames = ["page-header"];
+    if (props.inverse)
+        classNames.push("is-inverse");
+    if (props.className)
+        classNames.push.apply(classNames, props.className.split(" "));
+    return (React.createElement("header", { className: classNames.join(" ") },
+        React.createElement("hgroup", { className: "page-header__group" },
+            (props === null || props === void 0 ? void 0 : props.breadcrumbs) && (React.createElement("nav", { className: "page-header__breadcrumbs", "aria-label": "Page Header" }, props === null || props === void 0 ? void 0 : props.breadcrumbs)),
+            props.title && (React.createElement("h1", { "data-test-id": "page-header", className: "page-header__title" }, props.title)),
+            props.subtitle && React.createElement("p", { className: "page-header__lead" },
+                " ",
+                props.subtitle),
+            props.children,
+            props.tabNav ? props.tabNav : null)));
+};
+exports.default = PageHeader;
+exports.PageHeader = PageHeader;
+//# sourceMappingURL=PageHeader.js.map

package/dist/src/headers/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/headers/PageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,6BAA0B;AAY1B,IAAM,UAAU,GAAG,UAAC,KAAsB;IACxC,IAAM,UAAU,GAAG,CAAC,aAAa,CAAC,CAAA;IAClC,IAAI,KAAK,CAAC,OAAO;QAAE,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAChD,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,OAAf,UAAU,EAAS,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,EAAC;IAEnE,OAAO,CACL,gCAAQ,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;QACrC,gCAAQ,SAAS,EAAC,oBAAoB;YACnC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,CACrB,6BAAK,SAAS,EAAC,0BAA0B,gBAAa,aAAa,IAChE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CACf,CACP;YAEA,KAAK,CAAC,KAAK,IAAI,CACd,4CAAiB,aAAa,EAAC,SAAS,EAAC,oBAAoB,IAC1D,KAAK,CAAC,KAAK,CACT,CACN;YACA,KAAK,CAAC,QAAQ,IAAI,2BAAG,SAAS,EAAC,mBAAmB;;gBAAG,KAAK,CAAC,QAAQ,CAAK;YACxE,KAAK,CAAC,QAAQ;YAEd,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAC5B,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAEsB,6BAAO;AAAE,gCAAU"}

package/dist/src/headers/PageHeader.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import PageHeaderDocumentation from "./PageHeader.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    parameters: {
+        docs: {
+            page: typeof PageHeaderDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const withTextContent: () => JSX.Element;
+export declare const withSubtitle: () => JSX.Element;
+export declare const inversed: () => JSX.Element;
+export declare const withContent: () => JSX.Element;
+export declare const styleOverrides: () => JSX.Element;

package/dist/src/headers/PageHeader.stories.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styleOverrides = exports.withContent = exports.inversed = exports.withSubtitle = exports.withTextContent = void 0;
+var React = __importStar(require("react"));
+var constants_1 = require("../../.storybook/constants");
+var PageHeader_1 = require("./PageHeader");
+var PageHeader_docs_mdx_1 = __importDefault(require("./PageHeader.docs.mdx"));
+exports.default = {
+    title: "Headers/Page Header 🚩",
+    id: "headers/page-header",
+    parameters: {
+        docs: {
+            page: PageHeader_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var withTextContent = function () { return React.createElement(PageHeader_1.PageHeader, { title: "Hello World" }); };
+exports.withTextContent = withTextContent;
+var withSubtitle = function () { return React.createElement(PageHeader_1.PageHeader, { title: "Hello World", subtitle: "Here is a subtitle" }); };
+exports.withSubtitle = withSubtitle;
+var inversed = function () { return (React.createElement(PageHeader_1.PageHeader, { title: "Hello Inverse World", subtitle: "Here is a subtitle", inverse: true })); };
+exports.inversed = inversed;
+var withContent = function () { return (React.createElement(PageHeader_1.PageHeader, { title: "Hello World", subtitle: "Here is a subtitle" }, "Here is some content")); };
+exports.withContent = withContent;
+var styleOverrides = function () {
+    var cssVarsOverride = "\n    .page-header-overrides .page-header {\n      --background-color: darkgreen;\n      --border-color: red;\n      --text-color: yellow;\n      --title-font-size: 6rem;\n    }\n  ";
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "page-header-overrides" },
+            React.createElement(PageHeader_1.PageHeader, { title: "Big Title", subtitle: "Here is a subtitle" }, "Here is some contenta"),
+            React.createElement("style", null, cssVarsOverride)),
+        React.createElement("p", { className: "mt-12 font-semibold" }, "Customized using the following variable overrides:"),
+        React.createElement("pre", null, cssVarsOverride.replace(".page-header-overrides ", ""))));
+};
+exports.styleOverrides = styleOverrides;
+//# sourceMappingURL=PageHeader.stories.js.map

package/dist/src/headers/PageHeader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.stories.js","sourceRoot":"","sources":["../../../src/headers/PageHeader.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,wDAAmD;AACnD,2CAAyC;AACzC,8EAA2D;AAE3D,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,EAAE,EAAE,qBAAqB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,6BAAuB;SAC9B;QACD,MAAM,EAAE,CAAC,kBAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAEM,IAAM,eAAe,GAAG,cAAM,OAAA,oBAAC,uBAAU,IAAC,KAAK,EAAC,aAAa,GAAG,EAAlC,CAAkC,CAAA;AAA1D,QAAA,eAAe,mBAA2C;AAEhE,IAAM,YAAY,GAAG,cAAM,OAAA,oBAAC,uBAAU,IAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAC,oBAAoB,GAAG,EAAhE,CAAgE,CAAA;AAArF,QAAA,YAAY,gBAAyE;AAE3F,IAAM,QAAQ,GAAG,cAAM,OAAA,CAC5B,oBAAC,uBAAU,IAAC,KAAK,EAAC,qBAAqB,EAAC,QAAQ,EAAC,oBAAoB,EAAC,OAAO,SAAG,CACjF,EAF6B,CAE7B,CAAA;AAFY,QAAA,QAAQ,YAEpB;AAEM,IAAM,WAAW,GAAG,cAAM,OAAA,CAC/B,oBAAC,uBAAU,IAAC,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAC,oBAAoB,2BAEhD,CACd,EAJgC,CAIhC,CAAA;AAJY,QAAA,WAAW,eAIvB;AAEM,IAAM,cAAc,GAAG;IAC5B,IAAM,eAAe,GAAG,uLAOvB,CAAA;IAED,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,uBAAuB;YACpC,oBAAC,uBAAU,IAAC,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAC,oBAAoB,4BAE9C;YACb,mCAAQ,eAAe,CAAS,CAC5B;QAEN,2BAAG,SAAS,EAAC,qBAAqB,yDAAuD;QAEzF,iCAAM,eAAe,CAAC,OAAO,CAAC,yBAAyB,EAAE,EAAE,CAAC,CAAO,CAClE,CACJ,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,cAAc,kBAwB1B"}

package/dist/src/headers/SiteHeader.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { LangItem } from "../navigation/LanguageNav";
+import "./SiteHeader.scss";
+declare type LogoWidth = "slim" | "base" | "medium" | "wide";
+declare type SiteHeaderWidth = "base" | "wide";
+export interface MenuLink {
+    href?: string;
+    iconClassName?: string;
+    iconSrc?: string;
+    onClick?: () => void;
+    subMenuLinks?: MenuLink[];
+    title: string;
+}
+export interface SiteHeaderProps {
+    dropdownItemClassName?: string;
+    homeURL: string;
+    imageOnly?: boolean;
+    languageNavLabel?: string;
+    languages?: LangItem[];
+    logoClass?: string;
+    logoSrc: string;
+    logoWidth?: LogoWidth;
+    menuItemClassName?: string;
+    menuLinks: MenuLink[];
+    mobileDrawer?: boolean;
+    mobileText?: boolean;
+    flattenSubMenus?: boolean;
+    notice?: string | React.ReactNode;
+    noticeMobile?: boolean;
+    siteHeaderWidth?: SiteHeaderWidth;
+    title?: string;
+    strings?: {
+        close?: string;
+        logoAriaLable?: string;
+        menu?: string;
+    };
+}
+declare const SiteHeader: (props: SiteHeaderProps) => JSX.Element;
+export { SiteHeader as default, SiteHeader };

package/dist/src/headers/SiteHeader.js

@@ -0,0 +1,258 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteHeader = exports.default = void 0;
+var react_1 = __importStar(require("react"));
+var react_transition_group_1 = require("react-transition-group");
+var LanguageNav_1 = require("../navigation/LanguageNav");
+var Icon_1 = require("../icons/Icon");
+var Button_1 = require("../actions/Button");
+var AppearanceTypes_1 = require("../global/AppearanceTypes");
+var translator_1 = require("../helpers/translator");
+require("./SiteHeader.scss");
+var NavigationContext_1 = require("../config/NavigationContext");
+var SiteHeader = function (props) {
+    var _a;
+    var _b = (0, react_1.useState)([]), activeMenus = _b[0], setActiveMenus = _b[1];
+    var _c = (0, react_1.useState)([]), activeMobileMenus = _c[0], setActiveMobileMenus = _c[1];
+    var _d = (0, react_1.useState)(true), isDesktop = _d[0], setIsDesktop = _d[1];
+    var _e = (0, react_1.useState)(false), mobileDrawer = _e[0], setMobileDrawer = _e[1];
+    var _f = (0, react_1.useState)(false), mobileMenu = _f[0], setMobileMenu = _f[1];
+    var LinkComponent = (0, react_1.useContext)(NavigationContext_1.NavigationContext).LinkComponent;
+    var DESKTOP_MIN_WIDTH = 767; // @screen md
+    // Enables toggling off navbar links when entering mobile
+    (0, react_1.useEffect)(function () {
+        if (window.innerWidth > DESKTOP_MIN_WIDTH) {
+            setIsDesktop(true);
+        }
+        else {
+            setIsDesktop(false);
+        }
+        var updateMedia = function () {
+            if (window.innerWidth > DESKTOP_MIN_WIDTH) {
+                setIsDesktop(true);
+            }
+            else {
+                setIsDesktop(false);
+            }
+        };
+        window.addEventListener("resize", updateMedia);
+        return function () { return window.removeEventListener("resize", updateMedia); };
+    }, []);
+    var getLogoWidthClass = function () {
+        if (props.logoWidth === "slim")
+            return "navbar-logo-width-slim";
+        if (!props.logoWidth || props.logoWidth === "base")
+            return "navbar-logo-width-base";
+        if (props.logoWidth === "medium")
+            return "navbar-logo-width-med";
+        if (props.logoWidth === "wide")
+            return "navbar-logo-width-wide";
+        return "";
+    };
+    var menuAction = function (menuOnClick) {
+        if (menuOnClick) {
+            menuOnClick();
+        }
+    };
+    // Render set of styled menu links
+    var getDropdownOptions = function (options, buttonClassName, parentMenu) {
+        var dropdownOptionKeyDown = function (event, index) {
+            // Close menu when tabbing out backwards
+            if (event.shiftKey && event.key === "Tab" && isDesktop && index === 0 && parentMenu) {
+                changeMenuShow(parentMenu, activeMenus, setActiveMenus);
+            }
+            // Close menu when tabbing out forwards
+            if (event.key === "Tab" && isDesktop && index === options.length - 1 && parentMenu) {
+                changeMenuShow(parentMenu, activeMenus, setActiveMenus);
+            }
+        };
+        var dropdownOptionContent = function (option) {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                option.iconSrc && isDesktop && (react_1.default.createElement("img", { src: option.iconSrc, className: option.iconClassName, alt: "".concat(option.title, " icon") })),
+                option.title));
+        };
+        var dropdownOptionClassname = "".concat(buttonClassName, " ").concat(props.dropdownItemClassName ? props.dropdownItemClassName : "");
+        return options.map(function (option, index) {
+            return (react_1.default.createElement("div", { key: index }, option.href ? (react_1.default.createElement(LinkComponent, { className: dropdownOptionClassname, key: "".concat(option.title, "-").concat(index), href: option.href, onKeyDown: function (event) {
+                    dropdownOptionKeyDown(event, index);
+                } }, dropdownOptionContent(option))) : (react_1.default.createElement("button", { tabIndex: 0, className: dropdownOptionClassname, key: "".concat(option.title, "-").concat(index), onClick: function () {
+                    menuAction(option.onClick);
+                }, onKeyDown: function (event) {
+                    if (event.key === "Enter") {
+                        menuAction(option.onClick);
+                    }
+                    dropdownOptionKeyDown(event, index);
+                }, "data-test-id": "".concat(option.title) }, dropdownOptionContent(option)))));
+        });
+    };
+    // Render the desktop dropdown that opens on mouse hover
+    var getDesktopDropdown = function (menuTitle, subMenus) {
+        return (react_1.default.createElement("span", { key: menuTitle },
+            menuTitle,
+            react_1.default.createElement(Icon_1.Icon, { size: "small", symbol: "arrowDown", fill: "#555555", className: "pl-2" }),
+            activeMenus.indexOf(menuTitle) >= 0 && (react_1.default.createElement("span", { className: "navbar-dropdown-container" },
+                react_1.default.createElement("div", { className: "navbar-dropdown" }, getDropdownOptions(subMenus, "navbar-dropdown-item", menuTitle))))));
+    };
+    // Build styled mobile menu options
+    var buildMobileMenuOptions = function (menuLinks, dropdownSublinkOptionClassName, dropdownOptionClassName, dropdownContainerClassName) {
+        return (react_1.default.createElement(react_1.default.Fragment, null, menuLinks.map(function (menuLink, index) {
+            if (menuLink.subMenuLinks && !props.flattenSubMenus) {
+                return (react_1.default.createElement("div", { key: "".concat(menuLink.title, "-").concat(index) },
+                    react_1.default.createElement("button", { className: dropdownOptionClassName, onClick: function () {
+                            changeMenuShow(menuLink.title, activeMobileMenus, setActiveMobileMenus);
+                        }, onKeyDown: function (event) {
+                            if (event.key === "Enter") {
+                                event.preventDefault();
+                                changeMenuShow(menuLink.title, activeMobileMenus, setActiveMobileMenus);
+                            }
+                        } },
+                        menuLink.title,
+                        react_1.default.createElement(Icon_1.Icon, { size: "small", symbol: "arrowDown", fill: "#555555", className: "pl-2" })),
+                    activeMobileMenus.indexOf(menuLink.title) >= 0 && (react_1.default.createElement("div", { className: dropdownContainerClassName }, getDropdownOptions(menuLink.subMenuLinks, dropdownSublinkOptionClassName !== null && dropdownSublinkOptionClassName !== void 0 ? dropdownSublinkOptionClassName : "")))));
+            }
+            else {
+                return (react_1.default.createElement("div", { key: "".concat(menuLink.title, "-").concat(index) }, props.flattenSubMenus && menuLink.subMenuLinks
+                    ? getDropdownOptions(menuLink.subMenuLinks, dropdownOptionClassName !== null && dropdownOptionClassName !== void 0 ? dropdownOptionClassName : "")
+                    : getDropdownOptions([menuLink], dropdownOptionClassName !== null && dropdownOptionClassName !== void 0 ? dropdownOptionClassName : "")));
+            }
+        })));
+    };
+    // Render the mobile drawer that opens on menu press when prop mobileDrawer is set
+    var getMobileDrawer = function () {
+        var _a, _b;
+        return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: mobileDrawer, timeout: 400, classNames: "drawer-transition", unmountOnExit: true },
+            react_1.default.createElement("span", { className: "navbar-mobile-drawer-dropdown-container" },
+                react_1.default.createElement("div", { className: "navbar-mobile-drawer-dropdown" },
+                    react_1.default.createElement("button", { className: "navbar-mobile-drawer-close-row", onClick: function () { return setMobileDrawer(false); }, onKeyPress: function (event) {
+                            if (event.key === "Enter") {
+                                setMobileDrawer(false);
+                            }
+                        }, "aria-label": (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.close) !== null && _b !== void 0 ? _b : (0, translator_1.t)("t.close") },
+                        react_1.default.createElement(Icon_1.Icon, { size: "small", symbol: "arrowForward", fill: "#ffffff", className: "pl-2" })),
+                    buildMobileMenuOptions(props.menuLinks, "navbar-mobile-drawer-dropdown-item navbar-mobile-drawer-dropdown-item-sublink", "navbar-mobile-drawer-dropdown-item")))));
+    };
+    // Renders the default mobile dropdown that opens on menu press
+    var getMobileDropdown = function () {
+        return (react_1.default.createElement(react_1.default.Fragment, null, !props.mobileDrawer && (react_1.default.createElement("span", { className: "navbar-mobile-dropdown-container" },
+            react_1.default.createElement("div", { className: "navbar-mobile-dropdown" }, buildMobileMenuOptions(props.menuLinks, "navbar-mobile-dropdown-item navbar-mobile-dropdown-item-sublink", "navbar-mobile-dropdown-item", "navbar-mobile-dropdown-links"))))));
+    };
+    var changeMenuShow = function (title, menus, setMenus) {
+        var indexOfTitle = menus.indexOf(title);
+        setMenus(indexOfTitle >= 0 ? menus.filter(function (menu) { return menu !== title; }) : __spreadArray(__spreadArray([], menus, true), [title], false));
+    };
+    var getDesktopHeader = function () {
+        return (react_1.default.createElement(react_1.default.Fragment, null, props.menuLinks.map(function (menuLink, index) {
+            var menuContent;
+            if (menuLink.subMenuLinks) {
+                menuContent = getDesktopDropdown(menuLink.title, menuLink.subMenuLinks);
+            }
+            else {
+                menuContent = react_1.default.createElement("div", { key: menuLink.title }, menuLink.title);
+            }
+            if (!menuLink.subMenuLinks) {
+                if (menuLink.href) {
+                    return (react_1.default.createElement(LinkComponent, { className: "navbar-link ".concat(props.menuItemClassName && props.menuItemClassName), href: menuLink.href, key: "".concat(menuLink.title, "-").concat(index), "data-test-id": "".concat(menuLink.title) }, menuContent));
+                }
+                else {
+                    return (react_1.default.createElement("button", { className: "navbar-link ".concat(props.menuItemClassName && props.menuItemClassName, " desktop-header-button"), tabIndex: 0, onClick: function () {
+                            menuAction(menuLink.onClick);
+                        }, onKeyPress: function (event) {
+                            if (event.key === "Enter") {
+                                menuAction(menuLink.onClick);
+                            }
+                        }, key: "".concat(menuLink.title, "-").concat(index) }, menuContent));
+                }
+            }
+            else {
+                return (react_1.default.createElement("span", { className: "navbar-link navbar-dropdown-title", tabIndex: 0, key: "".concat(menuLink.title, "-").concat(index), onKeyPress: function (event) {
+                        if (event.key === "Enter") {
+                            changeMenuShow(menuLink.title, activeMenus, setActiveMenus);
+                        }
+                    }, onMouseEnter: function () { return changeMenuShow(menuLink.title, activeMenus, setActiveMenus); }, onMouseLeave: function () { return changeMenuShow(menuLink.title, activeMenus, setActiveMenus); }, role: "button", "data-test-id": "".concat(menuLink.title) }, menuContent));
+            }
+        })));
+    };
+    var getMobileHeader = function () {
+        var _a, _b, _c, _d, _e, _f;
+        var mobileHeaderAction = function () {
+            if (!props.mobileDrawer) {
+                setMobileMenu(!mobileMenu);
+            }
+            else {
+                setMobileDrawer(!mobileDrawer);
+            }
+            setActiveMobileMenus([]);
+        };
+        return (react_1.default.createElement(react_1.default.Fragment, null, props.mobileText ? (react_1.default.createElement("button", { className: "flex flex-row items-center justify-center", onClick: function () {
+                mobileHeaderAction();
+            }, onKeyPress: function (event) {
+                if (event.key === "Enter") {
+                    event.preventDefault();
+                    mobileHeaderAction();
+                }
+            } },
+            react_1.default.createElement("div", { className: "pr-2 text-tiny text-primary uppercase" }, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.menu) !== null && _b !== void 0 ? _b : (0, translator_1.t)("t.menu")),
+            react_1.default.createElement(Icon_1.Icon, { symbol: mobileMenu ? "closeSmall" : "hamburger", size: "base", className: "pr-3" }))) : (react_1.default.createElement(Button_1.Button, { size: AppearanceTypes_1.AppearanceSizeType.small, onClick: function () {
+                if (!props.mobileDrawer) {
+                    setMobileMenu(!mobileMenu);
+                }
+                else {
+                    setMobileDrawer(!mobileDrawer);
+                }
+                setActiveMobileMenus([]);
+            }, icon: mobileMenu ? "closeSmall" : "hamburger", iconSize: "base", className: "navbar-mobile-menu-button", unstyled: true }, mobileMenu ? (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.close) !== null && _d !== void 0 ? _d : (0, translator_1.t)("t.close") : (_f = (_e = props.strings) === null || _e === void 0 ? void 0 : _e.menu) !== null && _f !== void 0 ? _f : (0, translator_1.t)("t.menu")))));
+    };
+    var getLogo = function () {
+        var _a, _b;
+        return (react_1.default.createElement("div", { className: "navbar-logo ".concat(getLogoWidthClass()) },
+            react_1.default.createElement(LinkComponent, { className: "logo ".concat(props.logoClass && props.logoClass, " ").concat(props.logoWidth && "navbar-custom-width"), href: props.homeURL, "aria-label": (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.logoAriaLable) !== null && _b !== void 0 ? _b : (0, translator_1.t)("t.homePage") },
+                react_1.default.createElement("div", { className: "logo-content ".concat(props.imageOnly && "navbar-image-only-container") },
+                    react_1.default.createElement("img", { className: "logo__image ".concat(props.imageOnly && "navbar-image-only"), src: props.logoSrc, alt: "Site logo" }),
+                    props.title && react_1.default.createElement("div", { className: "logo__title" }, props.title)))));
+    };
+    return (react_1.default.createElement("header", { className: "site-header" },
+        props.languages && (react_1.default.createElement(LanguageNav_1.LanguageNav, { ariaLabel: props.languageNavLabel, languages: props.languages })),
+        react_1.default.createElement("div", { className: "navbar-notice ".concat(!props.noticeMobile && "navbar-notice-hide") },
+            react_1.default.createElement("div", { className: "navbar-notice__text" }, (_a = props.notice) !== null && _a !== void 0 ? _a : "")),
+        react_1.default.createElement("nav", { className: "navbar-container", role: "navigation", "aria-label": "main navigation" },
+            react_1.default.createElement("div", { className: "navbar ".concat(props.siteHeaderWidth === "wide" ? "navbar-width-wide" : "navbar-width-base") },
+                getLogo(),
+                react_1.default.createElement("div", { className: "navbar-menu" }, isDesktop ? getDesktopHeader() : getMobileHeader()))),
+        !isDesktop && mobileMenu && getMobileDropdown(),
+        getMobileDrawer()));
+};
+exports.default = SiteHeader;
+exports.SiteHeader = SiteHeader;
+//# sourceMappingURL=SiteHeader.js.map

package/dist/src/headers/SiteHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteHeader.js","sourceRoot":"","sources":["../../../src/headers/SiteHeader.tsx"],"names":[],"mappings":"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"}

package/dist/src/headers/SiteHeader.stories.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const basic: () => JSX.Element;
+export declare const withLanguage: () => JSX.Element;
+export declare const withLanguageAndMobileNotice: () => JSX.Element;
+export declare const slimLogo: () => JSX.Element;
+export declare const mediumLogo: () => JSX.Element;
+export declare const wideLogo: () => JSX.Element;
+export declare const withMenuLinks: () => JSX.Element;
+export declare const withMenuDropdowns: () => JSX.Element;
+export declare const withMobileDrawer: () => JSX.Element;
+export declare const withMobileText: () => JSX.Element;
+export declare const withNoticeOnMobile: () => JSX.Element;
+export declare const withFlattenedMobileSubMenus: () => JSX.Element;
+export declare const withDropdownIcons: () => JSX.Element;
+export declare const imageOnlyLogo: () => JSX.Element;
+export declare const DAHLIAToggleSet: () => JSX.Element;