@carbon-labs/wc-global-header 0.1.0

package/es/components/global-header/src/components/CommonHeader/CommonHeader.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '@carbon/web-components/es-custom/components/ui-shell/index.js';
+import '@carbon/web-components/es-custom/components/popover/index.js';
+import { HeaderProps } from '../../types/Header.types';
+import './WideSideNav';
+import '../SideNavItem/SideNavItem';
+import '../HeaderContext/HeaderContext';
+/**
+ * Main global header component
+ */
+export declare class CommonHeader extends LitElement {
+    createRenderRoot(): HTMLElement | DocumentFragment;
+    static styles: import("lit").CSSResult;
+    headerProps: HeaderProps;
+    hasNewNotifications: boolean;
+    private isMenuOpen;
+    assistMeScriptLoaded: boolean;
+    handleNavItemClick: (e: Event) => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'common-header': CommonHeader;
+    }
+}

package/es/components/global-header/src/components/CommonHeader/CommonHeader.js

@@ -0,0 +1,245 @@
+import { __decorate } from 'tslib';
+import { unsafeCSS, css, LitElement, nothing, html } from 'lit';
+import { property, state, customElement } from 'lit/decorators.js';
+import '@carbon/web-components/es-custom/components/ui-shell/index.js';
+import '@carbon/web-components/es-custom/components/popover/index.js';
+import { AUTOMATION_NAMESPACE_PREFIX, APP_SWITCHER_BUTTON_ID } from '../../constant.js';
+import cx from '../../../../../_virtual/index.js';
+import styles from './_index.scss.js';
+import './WideSideNav.js';
+import '../SideNavItem/SideNavItem.js';
+import '../HeaderContext/HeaderContext.js';
+import useScript from '../../globals/useScript.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* eslint jsdoc/require-jsdoc: 0, react-hooks/rules-of-hooks: 0 */
+/**
+ * Main global header component
+ */
+let CommonHeader = class CommonHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.headerProps = {};
+        this.hasNewNotifications = false;
+        this.isMenuOpen = false;
+        this.assistMeScriptLoaded = false;
+        this.handleNavItemClick = (e) => {
+            var _a, _b, _c, _d, _e;
+            if ((_b = (_a = this.headerProps) === null || _a === void 0 ? void 0 : _a.sideNav) === null || _b === void 0 ? void 0 : _b.onClick) {
+                (_e = (_d = (_c = this.headerProps) === null || _c === void 0 ? void 0 : _c.sideNav) === null || _d === void 0 ? void 0 : _d.onClick) === null || _e === void 0 ? void 0 : _e.call(_d, e);
+            }
+        };
+    }
+    createRenderRoot() {
+        return super.createRenderRoot(); // Default Shadow DOM behavior
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.headerProps.assistMeConfigs) {
+            useScript(this.headerProps);
+            document.addEventListener('assist-me-script-status', ((e) => {
+                var _a, _b, _c, _d;
+                if (((_a = e.detail) === null || _a === void 0 ? void 0 : _a.message) && ((_b = e.detail) === null || _b === void 0 ? void 0 : _b.message) === 'load') {
+                    this.assistMeScriptLoaded = true;
+                }
+                else if (((_c = e.detail) === null || _c === void 0 ? void 0 : _c.message) && ((_d = e.detail) === null || _d === void 0 ? void 0 : _d.message) === 'error') {
+                    console.error('An error occurred trying to load the assistMe script.');
+                }
+            }));
+        }
+    }
+    disconnectedCallback() {
+        this.removeEventListener('assist-me-script-status', () => { });
+        super.disconnectedCallback();
+    }
+    updated(changedProperties) {
+        if (this.headerProps.assistMeConfigs &&
+            changedProperties.has('headerProps')) {
+            useScript(this.headerProps);
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+        return html `
+      <cds-custom-header
+        class="${AUTOMATION_NAMESPACE_PREFIX}__header"
+        aria-label="IBM webMethods Hybrid Integration">
+        <cds-custom-header-menu-button
+          id="${APP_SWITCHER_BUTTON_ID}"
+          button-label-active="Close menu"
+          button-label-inactive="Open menu"></cds-custom-header-menu-button>
+        <cds-custom-header-name
+          class="${AUTOMATION_NAMESPACE_PREFIX}__header-name"
+          prefix="${(_c = (_b = (_a = this.headerProps) === null || _a === void 0 ? void 0 : _a.brand) === null || _b === void 0 ? void 0 : _b.company) !== null && _c !== void 0 ? _c : 'IBM'}">
+          <span class="${AUTOMATION_NAMESPACE_PREFIX}__product-type"
+            >${(_f = (_e = (_d = this.headerProps) === null || _d === void 0 ? void 0 : _d.brand) === null || _e === void 0 ? void 0 : _e.product) !== null && _f !== void 0 ? _f : nothing}</span
+          >
+        </cds-custom-header-name>
+        <span class="${AUTOMATION_NAMESPACE_PREFIX}__capability-name"
+          >${(_j = (_h = (_g = this.headerProps) === null || _g === void 0 ? void 0 : _g.capabilityName) === null || _h === void 0 ? void 0 : _h.label) !== null && _j !== void 0 ? _j : nothing}</span
+        >
+        <apaas-header-context
+          class="${AUTOMATION_NAMESPACE_PREFIX}__global"
+          .props="${{ ...this.headerProps }}"
+          .assistMeScriptLoaded="${this.assistMeScriptLoaded}"
+          ?hasNewNotifications="${this
+            .hasNewNotifications}"></apaas-header-context>
+        ${this.headerProps && ((_k = this.headerProps) === null || _k === void 0 ? void 0 : _k.sideNav)
+            ? html `
+              <apaas-wide-side-nav
+                aria-label=${(_o = (_m = (_l = this.headerProps) === null || _l === void 0 ? void 0 : _l.sideNav) === null || _m === void 0 ? void 0 : _m.buttonLabel) !== null && _o !== void 0 ? _o : 'Side navigation'}
+                collapse-mode="${typeof this.headerProps.sideNav
+                .isCollapsible !== 'undefined' &&
+                this.headerProps.sideNav.isCollapsible
+                ? 'rail'
+                : 'responsive'}"
+                ?is-not-persistent="${typeof this.headerProps.sideNav
+                .isCollapsible !== 'undefined' &&
+                this.headerProps.sideNav.isCollapsible
+                ? true
+                : false}"
+                class="${cx({
+                [`${AUTOMATION_NAMESPACE_PREFIX}--rail-sidePanel`]: typeof this.headerProps.sideNav.isCollapsible !==
+                    'undefined' && !this.headerProps.sideNav.isCollapsible,
+            })}">
+                <cds-custom-side-nav-items>
+                  <!-- sideNav group array render  -->
+                  ${((_q = (_p = this.headerProps) === null || _p === void 0 ? void 0 : _p.sideNav) === null || _q === void 0 ? void 0 : _q.groups)
+                ? html `
+                        ${(_s = (_r = this.headerProps.sideNav) === null || _r === void 0 ? void 0 : _r.groups) === null || _s === void 0 ? void 0 : _s.map((group, index, { length }) => {
+                    var _a;
+                    // Loop through the group array in order to access the links
+                    const numberOfGroups = length;
+                    return html `
+                              ${(_a = group === null || group === void 0 ? void 0 : group.links) === null || _a === void 0 ? void 0 : _a.map((link, key, { length }) => {
+                        var _a, _b, _c;
+                        // Loop through the links array to render the menu items
+                        return html `
+                                  <apaas-side-nav-item
+                                    .link="${{ ...link }}"
+                                    .isCollapsible="${(_a = this.headerProps.sideNav) === null || _a === void 0 ? void 0 : _a.isCollapsible}"
+                                    .handleNavItemClick="${this
+                            .handleNavItemClick}"
+                                    .isSideNavMenuItems="${link.isSideNavMenuItems}"
+                                    .isActive="${this.headerProps
+                            .isHybridIpaas && !link.isSideNavMenuItems
+                            ? window.location.href.includes(link.href)
+                            : link.isActive}"
+                                    .menuOpen="${this.isMenuOpen}"
+                                    .isOnClickAvailable="${typeof ((_c = (_b = this
+                            .headerProps) === null || _b === void 0 ? void 0 : _b.sideNav) === null || _c === void 0 ? void 0 : _c.onClick) ===
+                            'function'}">
+                                    .isHybridIpaas="${this.headerProps
+                            .isHybridIpaas}"
+                                  </apaas-side-nav-item>
+                                  ${
+                        // do not add a divider after the final group
+                        index + 1 !== numberOfGroups &&
+                            key + 1 === length
+                            ? html `<cds-custom-side-nav-divider></cds-custom-side-nav-divider>`
+                            : nothing}
+                                `;
+                    })}
+                            `;
+                })}
+                      `
+                : nothing}
+
+                  <!-- sideNav link render -->
+                  ${this.headerProps.sideNav.links &&
+                this.headerProps.sideNav.links.length > 0
+                ? html `
+                        ${(_u = (_t = this.headerProps.sideNav) === null || _t === void 0 ? void 0 : _t.links) === null || _u === void 0 ? void 0 : _u.map((link) => {
+                    var _a, _b, _c;
+                    // Loop through the links array to render the menu items
+                    return html `
+												<apaas-side-nav-item 
+												.link="${{ ...link }}"
+												.isCollapsible="${(_a = this.headerProps.sideNav) === null || _a === void 0 ? void 0 : _a.isCollapsible}"
+												.handleNavItemClick="${this.handleNavItemClick}"
+												.isSideNavMenuItems="${link.isSideNavMenuItems}"
+												.isActive="${link.isActive}"
+												.menuOpen="${this.isMenuOpen}"
+												.isOnClickAvailable="${typeof ((_c = (_b = this.headerProps) === null || _b === void 0 ? void 0 : _b.sideNav) === null || _c === void 0 ? void 0 : _c.onClick) ===
+                        'function'}">	
+												</apaas-side-nav-item>
+                                </cds-custom-side-nav-menu>
+                              `;
+                })}
+                      `
+                : nothing}
+                </cds-custom-side-nav-items>
+              </apaas-wide-side-nav>
+            `
+            : nothing}
+        ${this.headerProps && this.headerProps.sideNavPropsV2
+            ? html `<cds-custom-side-nav
+              aria-label=${(_x = (_w = (_v = this.headerProps) === null || _v === void 0 ? void 0 : _v.sideNavPropsV2) === null || _w === void 0 ? void 0 : _w.buttonLabel) !== null && _x !== void 0 ? _x : 'Side navigation'}
+              collapse-mode="rail"
+              ?expanded="${typeof this.headerProps.sideNavPropsV2
+                .isExpandable !== 'undefined' &&
+                this.headerProps.sideNavPropsV2.isExpandable
+                ? this.isMenuOpen
+                : false}"
+              ?is-not-persistent="${typeof ((_z = (_y = this.headerProps) === null || _y === void 0 ? void 0 : _y.sideNavPropsV2) === null || _z === void 0 ? void 0 : _z.isCollapsible) !== 'undefined' &&
+                !((_1 = (_0 = this.headerProps) === null || _0 === void 0 ? void 0 : _0.sideNav) === null || _1 === void 0 ? void 0 : _1.isCollapsible)
+                ? false
+                : true}"
+              class="
+							${cx({
+                [`${AUTOMATION_NAMESPACE_PREFIX}--rail-sidePanel`]: typeof this.headerProps.sideNavPropsV2.isCollapsible !==
+                    'undefined' &&
+                    !this.headerProps.sideNavPropsV2.isCollapsible,
+            })}">
+              ${(_3 = (_2 = this.headerProps.sideNavPropsV2) === null || _2 === void 0 ? void 0 : _2.links) === null || _3 === void 0 ? void 0 : _3.map((link) => {
+                var _a, _b, _c;
+                // Loop through the links array to render the menu items
+                return html `
+									<apaas-side-nav-item 
+									.link="${{ ...link }}"
+									.isCollapsible="${(_a = this.headerProps.sideNavPropsV2) === null || _a === void 0 ? void 0 : _a.isCollapsible}"
+									.handleNavItemClick="${this.handleNavItemClick}"
+									.isSideNavMenuItems="${link.isSideNavMenuItems}"
+									.isActive="${link.isActive}"
+									.menuOpen="${this.isMenuOpen}"
+									.isOnClickAvailable="${typeof ((_c = (_b = this.headerProps) === null || _b === void 0 ? void 0 : _b.sideNavPropsV2) === null || _c === void 0 ? void 0 : _c.onClick) ===
+                    'function'}"
+									>
+									</apaas-side-nav-item>
+                </cds-custom-side-nav-menu>
+                `;
+            })}
+            </cds-custom-side-nav>`
+            : nothing}
+      </cds-custom-header>
+    `;
+    }
+};
+CommonHeader.styles = css `
+    ${unsafeCSS(styles)}
+  `;
+__decorate([
+    property({ type: Object })
+], CommonHeader.prototype, "headerProps", void 0);
+__decorate([
+    property({ type: Boolean })
+], CommonHeader.prototype, "hasNewNotifications", void 0);
+__decorate([
+    state()
+], CommonHeader.prototype, "isMenuOpen", void 0);
+__decorate([
+    state()
+], CommonHeader.prototype, "assistMeScriptLoaded", void 0);
+CommonHeader = __decorate([
+    customElement('apaas-common-header')
+], CommonHeader);
+
+export { CommonHeader };
+//# sourceMappingURL=CommonHeader.js.map

package/es/components/global-header/src/components/CommonHeader/CommonHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommonHeader.js","sources":["../../../../../../../components/global-header/src/components/CommonHeader/CommonHeader.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/components/global-header/src/components/CommonHeader/WideSideNav.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import CDSSideNav from '@carbon/web-components/es-custom/components/ui-shell/side-nav.js';
+/**
+ * Extended width version of SideNav
+ */
+export declare class WideSideNav extends CDSSideNav {
+    static styles: import("lit").CSSResult;
+}

package/es/components/global-header/src/components/CommonHeader/WideSideNav.js

@@ -0,0 +1,32 @@
+import { __decorate } from 'tslib';
+import { css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import CDSSideNav from '@carbon/web-components/es-custom/components/ui-shell/side-nav.js';
+
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Extended width version of SideNav
+ */
+let WideSideNav = class WideSideNav extends CDSSideNav {
+};
+// Make wider than regular cds-side-nav to match React version
+WideSideNav.styles = css `
+    ${CDSSideNav.styles}
+    .cds-custom--side-nav--expanded {
+      max-inline-size: 320px;
+      inline-size: 320px;
+    }
+  `;
+WideSideNav = __decorate([
+    customElement('apaas-wide-side-nav')
+], WideSideNav);
+
+export { WideSideNav };
+//# sourceMappingURL=WideSideNav.js.map

package/es/components/global-header/src/components/CommonHeader/WideSideNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WideSideNav.js","sources":["../../../../../../../components/global-header/src/components/CommonHeader/WideSideNav.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAAA;;;;;;;AAOG;AAMH;;AAEG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU,CAAA;;AACzC;AACO,WAAA,CAAA,MAAM,GAAG,GAAG,CAAA;AACf,IAAA,EAAA,UAAU,CAAC,MAAM;;;;;AAKpB,EAAA,CANY;AAFF,WAAW,GAAA,UAAA,CAAA;IADvB,aAAa,CAAC,qBAAqB;AACvB,CAAA,EAAA,WAAW,CASvB;;;;"}

package/es/components/global-header/src/components/CommonHeader/__stories__/CommonHeader.stories.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import { CommonHeader } from '../CommonHeader';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof CommonHeader>;
+export declare const Basic: Story;
+export declare const UnauthenticatedContext: Story;
+export declare const WebMethodsHybridIntegration: Story;
+export declare const HelpLinks: Story;
+export declare const ChatBot: Story;
+export declare const Notifications: Story;
+export declare const Search: Story;

package/es/components/global-header/src/components/CommonHeader/__stories__/SideNav.stories.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import { CommonHeader } from '../CommonHeader.ts';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof CommonHeader>;
+export declare const SideNavBasic: Story;
+export declare const SideNavWithGroups: Story;
+export declare const SideNavWithPropsV2: Story;

package/es/components/global-header/src/components/CommonHeader/__tests__/CommonHeader.test.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import '../CommonHeader';

package/es/components/global-header/src/components/CommonHeader/__tests__/WideSideNav.test.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export {};

package/es/components/global-header/src/components/CommonHeader/_index.scss.js

@@ -0,0 +1,6 @@
+import { css } from 'lit';
+
+var styles = css([".ibm-automation-cds__header{z-index:8050}.ibm-automation-cds__header-name{margin:0 0 0 -.5rem}.ibm-automation-cds__capability-name{color:var(--cds-custom-text-primary);font-weight:400;margin-inline-end:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibm-automation-cds__product-type{white-space:nowrap}.ibm-automation-cds__global{block-size:100%;display:flex;flex:1 1 0%;justify-content:flex-end}"]);
+
+export { styles as default };
+//# sourceMappingURL=_index.scss.js.map

package/es/components/global-header/src/components/CommonHeader/_index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/components/global-header/src/components/HeaderContext/HeaderContext.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement, nothing } from 'lit';
+import '../TrialPopover/TrialPopover';
+import '../AuthContext/AuthContext';
+import '../UnauthenticatedContext/UnauthenticatedContext';
+import '../Search/Search';
+import '../Switcher/Switcher';
+import '../ProfilePopover/ProfilePopover';
+import '../UserProfileImage/UserProfileImage';
+import { HeaderContextProps } from './HeaderContext.types';
+/**
+ * Header entries depending on context
+ */
+export declare class HeaderContext extends LitElement {
+    static styles: import("lit").CSSResult;
+    isTrialOpen: boolean;
+    isProfileOpen: boolean;
+    private state;
+    props: HeaderContextProps;
+    assistMeScriptLoaded: boolean;
+    hasNewNotifications: boolean;
+    _toggleTrialPopup(): void;
+    _toggleProfilePopup(): void;
+    handleAssistmeToggleClick(e: {
+        preventDefault: () => void;
+    }): void;
+    renderTrial(): import("lit-html").TemplateResult<1> | typeof nothing;
+    renderHelpMenu(): import("lit-html").TemplateResult<1> | undefined;
+    renderAssistMe(): import("lit-html").TemplateResult<1>;
+    renderNotifications(): import("lit-html").TemplateResult<1> | undefined;
+    renderChatBot(): import("lit-html").TemplateResult<1> | undefined;
+    renderProfile(): import("lit-html").TemplateResult<1>;
+    renderSearch(): import("lit-html").TemplateResult<1> | undefined;
+    renderGlobalActions(): import("lit-html").TemplateResult<1>[] | undefined;
+    render(): import("lit-html").TemplateResult<1>;
+}