@red-hat-developer-hub/backstage-plugin-global-header 1.20.2 → 1.21.0

package/dist/alpha/extensions/globalHeaderModule.esm.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { createExtensionInput, createFrontendModule } from '@backstage/frontend-plugin-api';
+import { AppRootWrapperBlueprint } from '@backstage/plugin-app-react';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { GlobalHeaderProvider } from './GlobalHeaderContext.esm.js';
+import { GlobalHeader } from '../components/GlobalHeader.esm.js';
+import { globalHeaderComponentDataRef, globalHeaderMenuItemDataRef } from './dataRefs.esm.js';
+import { readConfigMenuItems } from '../utils/readConfigMenuItems.esm.js';
+import { readConfigComponents } from '../utils/readConfigComponents.esm.js';
+
+function GlobalHeaderWrapper({
+  extensionComponents,
+  extensionMenuItems,
+  children
+}) {
+  const configApi = useApi(configApiRef);
+  const configComponents = useMemo(
+    () => readConfigComponents(configApi),
+    [configApi]
+  );
+  const allComponents = useMemo(
+    () => [...extensionComponents, ...configComponents].sort(
+      (a, b) => (b.priority ?? 0) - (a.priority ?? 0)
+    ),
+    [extensionComponents, configComponents]
+  );
+  const configMenuItems = useMemo(
+    () => readConfigMenuItems(configApi),
+    [configApi]
+  );
+  const allMenuItems = useMemo(
+    () => [...extensionMenuItems, ...configMenuItems].sort(
+      (a, b) => (b.priority ?? 0) - (a.priority ?? 0)
+    ),
+    [extensionMenuItems, configMenuItems]
+  );
+  return /* @__PURE__ */ jsxs(GlobalHeaderProvider, { components: allComponents, menuItems: allMenuItems, children: [
+    /* @__PURE__ */ jsx(GlobalHeader, {}),
+    children
+  ] });
+}
+const globalHeaderExtension = AppRootWrapperBlueprint.makeWithOverrides({
+  name: "global-header",
+  inputs: {
+    components: createExtensionInput([globalHeaderComponentDataRef]),
+    menuItems: createExtensionInput([globalHeaderMenuItemDataRef])
+  },
+  factory(originalFactory, { inputs }) {
+    const extensionComponents = inputs.components.map((c) => c.get(globalHeaderComponentDataRef)).sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+    const extensionMenuItems = inputs.menuItems.map(
+      (m) => m.get(globalHeaderMenuItemDataRef)
+    );
+    return originalFactory({
+      component: ({ children }) => /* @__PURE__ */ jsx(
+        GlobalHeaderWrapper,
+        {
+          extensionComponents,
+          extensionMenuItems,
+          children
+        }
+      )
+    });
+  }
+});
+const globalHeaderModule = createFrontendModule({
+  pluginId: "app",
+  extensions: [globalHeaderExtension]
+});
+
+export { globalHeaderModule };
+//# sourceMappingURL=globalHeaderModule.esm.js.map

package/dist/alpha/extensions/globalHeaderModule.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalHeaderModule.esm.js","sources":["../../../src/alpha/extensions/globalHeaderModule.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMemo } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport {\n  createExtensionInput,\n  createFrontendModule,\n} from '@backstage/frontend-plugin-api';\nimport { AppRootWrapperBlueprint } from '@backstage/plugin-app-react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport { GlobalHeaderProvider } from './GlobalHeaderContext';\nimport { GlobalHeader } from '../components/GlobalHeader';\nimport {\n  globalHeaderComponentDataRef,\n  globalHeaderMenuItemDataRef,\n} from './dataRefs';\nimport type {\n  GlobalHeaderComponentData,\n  GlobalHeaderMenuItemData,\n} from '../types';\nimport { readConfigMenuItems } from '../utils/readConfigMenuItems';\nimport { readConfigComponents } from '../utils/readConfigComponents';\n\nfunction GlobalHeaderWrapper({\n  extensionComponents,\n  extensionMenuItems,\n  children,\n}: PropsWithChildren<{\n  extensionComponents: GlobalHeaderComponentData[];\n  extensionMenuItems: GlobalHeaderMenuItemData[];\n}>) {\n  const configApi = useApi(configApiRef);\n  const configComponents = useMemo(\n    () => readConfigComponents(configApi),\n    [configApi],\n  );\n  const allComponents = useMemo(\n    () =>\n      [...extensionComponents, ...configComponents].sort(\n        (a, b) => (b.priority ?? 0) - (a.priority ?? 0),\n      ),\n    [extensionComponents, configComponents],\n  );\n  const configMenuItems = useMemo(\n    () => readConfigMenuItems(configApi),\n    [configApi],\n  );\n  const allMenuItems = useMemo(\n    () =>\n      [...extensionMenuItems, ...configMenuItems].sort(\n        (a, b) => (b.priority ?? 0) - (a.priority ?? 0),\n      ),\n    [extensionMenuItems, configMenuItems],\n  );\n  return (\n    <GlobalHeaderProvider components={allComponents} menuItems={allMenuItems}>\n      <GlobalHeader />\n      {children}\n    </GlobalHeaderProvider>\n  );\n}\n\n/**\n * Wrapper extension that collects header component and menu item extensions,\n * merges config-driven items from `globalHeader.components` and\n * `globalHeader.menuItems`, and renders them in a global header bar at the\n * top of the app.\n */\nconst globalHeaderExtension = AppRootWrapperBlueprint.makeWithOverrides({\n  name: 'global-header',\n  inputs: {\n    components: createExtensionInput([globalHeaderComponentDataRef]),\n    menuItems: createExtensionInput([globalHeaderMenuItemDataRef]),\n  },\n  factory(originalFactory, { inputs }) {\n    const extensionComponents = inputs.components\n      .map(c => c.get(globalHeaderComponentDataRef))\n      .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));\n\n    const extensionMenuItems = inputs.menuItems.map(m =>\n      m.get(globalHeaderMenuItemDataRef),\n    );\n\n    return originalFactory({\n      component: ({ children }) => (\n        <GlobalHeaderWrapper\n          extensionComponents={extensionComponents}\n          extensionMenuItems={extensionMenuItems}\n        >\n          {children}\n        </GlobalHeaderWrapper>\n      ),\n    });\n  },\n});\n\n/**\n * Frontend module that provides the global header system.\n * Registers a wrapper extension with input slots for toolbar components\n * and dropdown menu items.\n *\n * Uses `pluginId: 'app'` because the `wrappers` input on `app/root` is\n * marked `internal: true`, restricting attachments to extensions from the\n * `app` plugin.\n *\n * @alpha\n */\nexport const globalHeaderModule = createFrontendModule({\n  pluginId: 'app',\n  extensions: [globalHeaderExtension],\n});\n"],"names":[],"mappings":";;;;;;;;;;;AAuCA,SAAS,mBAAoB,CAAA;AAAA,EAC3B,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAGI,EAAA;AACF,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,gBAAmB,GAAA,OAAA;AAAA,IACvB,MAAM,qBAAqB,SAAS,CAAA;AAAA,IACpC,CAAC,SAAS;AAAA,GACZ;AACA,EAAA,MAAM,aAAgB,GAAA,OAAA;AAAA,IACpB,MACE,CAAC,GAAG,mBAAqB,EAAA,GAAG,gBAAgB,CAAE,CAAA,IAAA;AAAA,MAC5C,CAAC,CAAG,EAAA,CAAA,KAAA,CAAO,EAAE,QAAY,IAAA,CAAA,KAAM,EAAE,QAAY,IAAA,CAAA;AAAA,KAC/C;AAAA,IACF,CAAC,qBAAqB,gBAAgB;AAAA,GACxC;AACA,EAAA,MAAM,eAAkB,GAAA,OAAA;AAAA,IACtB,MAAM,oBAAoB,SAAS,CAAA;AAAA,IACnC,CAAC,SAAS;AAAA,GACZ;AACA,EAAA,MAAM,YAAe,GAAA,OAAA;AAAA,IACnB,MACE,CAAC,GAAG,kBAAoB,EAAA,GAAG,eAAe,CAAE,CAAA,IAAA;AAAA,MAC1C,CAAC,CAAG,EAAA,CAAA,KAAA,CAAO,EAAE,QAAY,IAAA,CAAA,KAAM,EAAE,QAAY,IAAA,CAAA;AAAA,KAC/C;AAAA,IACF,CAAC,oBAAoB,eAAe;AAAA,GACtC;AACA,EAAA,uBACG,IAAA,CAAA,oBAAA,EAAA,EAAqB,UAAY,EAAA,aAAA,EAAe,WAAW,YAC1D,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,CAAA;AAAA,IACb;AAAA,GACH,EAAA,CAAA;AAEJ;AAQA,MAAM,qBAAA,GAAwB,wBAAwB,iBAAkB,CAAA;AAAA,EACtE,IAAM,EAAA,eAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,UAAY,EAAA,oBAAA,CAAqB,CAAC,4BAA4B,CAAC,CAAA;AAAA,IAC/D,SAAW,EAAA,oBAAA,CAAqB,CAAC,2BAA2B,CAAC;AAAA,GAC/D;AAAA,EACA,OAAQ,CAAA,eAAA,EAAiB,EAAE,MAAA,EAAU,EAAA;AACnC,IAAA,MAAM,sBAAsB,MAAO,CAAA,UAAA,CAChC,IAAI,CAAK,CAAA,KAAA,CAAA,CAAE,IAAI,4BAA4B,CAAC,EAC5C,IAAK,CAAA,CAAC,GAAG,CAAO,KAAA,CAAA,CAAA,CAAE,YAAY,CAAM,KAAA,CAAA,CAAE,YAAY,CAAE,CAAA,CAAA;AAEvD,IAAM,MAAA,kBAAA,GAAqB,OAAO,SAAU,CAAA,GAAA;AAAA,MAAI,CAAA,CAAA,KAC9C,CAAE,CAAA,GAAA,CAAI,2BAA2B;AAAA,KACnC;AAEA,IAAA,OAAO,eAAgB,CAAA;AAAA,MACrB,SAAW,EAAA,CAAC,EAAE,QAAA,EACZ,qBAAA,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,mBAAA;AAAA,UACA,kBAAA;AAAA,UAEC;AAAA;AAAA;AACH,KAEH,CAAA;AAAA;AAEL,CAAC,CAAA;AAaM,MAAM,qBAAqB,oBAAqB,CAAA;AAAA,EACrD,QAAU,EAAA,KAAA;AAAA,EACV,UAAA,EAAY,CAAC,qBAAqB;AACpC,CAAC;;;;"}

package/dist/alpha/plugin.esm.js

@@ -0,0 +1,28 @@
+import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { companyLogoExtension, searchExtension, spacerExtension, selfServiceButtonExtension, starredDropdownExtension, applicationLauncherDropdownExtension, helpDropdownExtension, notificationButtonExtension, dividerExtension, profileDropdownExtension } from './defaults/toolbarExtensions.esm.js';
+import { settingsMenuItemExtension, myProfileMenuItemExtension, logoutMenuItemExtension, supportButtonMenuItemExtension, appLauncherDevHubMenuItemExtension, appLauncherRhdhLocalMenuItemExtension } from './defaults/menuItemExtensions.esm.js';
+
+const globalHeaderPlugin = createFrontendPlugin({
+  pluginId: "global-header",
+  extensions: [
+    companyLogoExtension,
+    searchExtension,
+    spacerExtension,
+    selfServiceButtonExtension,
+    starredDropdownExtension,
+    applicationLauncherDropdownExtension,
+    helpDropdownExtension,
+    notificationButtonExtension,
+    dividerExtension,
+    profileDropdownExtension,
+    settingsMenuItemExtension,
+    myProfileMenuItemExtension,
+    logoutMenuItemExtension,
+    supportButtonMenuItemExtension,
+    appLauncherDevHubMenuItemExtension,
+    appLauncherRhdhLocalMenuItemExtension
+  ]
+});
+
+export { globalHeaderPlugin as default };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/alpha/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createFrontendPlugin } from '@backstage/frontend-plugin-api';\n\nimport {\n  companyLogoExtension,\n  searchExtension,\n  spacerExtension,\n  selfServiceButtonExtension,\n  starredDropdownExtension,\n  applicationLauncherDropdownExtension,\n  helpDropdownExtension,\n  notificationButtonExtension,\n  dividerExtension,\n  profileDropdownExtension,\n  settingsMenuItemExtension,\n  myProfileMenuItemExtension,\n  logoutMenuItemExtension,\n  supportButtonMenuItemExtension,\n  appLauncherDevHubMenuItemExtension,\n  appLauncherRhdhLocalMenuItemExtension,\n} from './defaults';\n\n/**\n * Plugin providing the default global header toolbar items and\n * dropdown menu items.\n *\n * @alpha\n */\nconst globalHeaderPlugin = createFrontendPlugin({\n  pluginId: 'global-header',\n  extensions: [\n    companyLogoExtension,\n    searchExtension,\n    spacerExtension,\n    selfServiceButtonExtension,\n    starredDropdownExtension,\n    applicationLauncherDropdownExtension,\n    helpDropdownExtension,\n    notificationButtonExtension,\n    dividerExtension,\n    profileDropdownExtension,\n    settingsMenuItemExtension,\n    myProfileMenuItemExtension,\n    logoutMenuItemExtension,\n    supportButtonMenuItemExtension,\n    appLauncherDevHubMenuItemExtension,\n    appLauncherRhdhLocalMenuItemExtension,\n  ],\n});\n\nexport default globalHeaderPlugin;\n"],"names":[],"mappings":";;;;AA2CA,MAAM,qBAAqB,oBAAqB,CAAA;AAAA,EAC9C,QAAU,EAAA,eAAA;AAAA,EACV,UAAY,EAAA;AAAA,IACV,oBAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,0BAAA;AAAA,IACA,wBAAA;AAAA,IACA,oCAAA;AAAA,IACA,qBAAA;AAAA,IACA,2BAAA;AAAA,IACA,gBAAA;AAAA,IACA,wBAAA;AAAA,IACA,yBAAA;AAAA,IACA,0BAAA;AAAA,IACA,uBAAA;AAAA,IACA,8BAAA;AAAA,IACA,kCAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}

package/dist/alpha/utils/menuItemGrouping.esm.js

@@ -0,0 +1,52 @@
+import { MenuItemLink } from '../../components/MenuItemLink/MenuItemLink.esm.js';
+
+function groupBySection(items) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = item.sectionLabel ?? "";
+    let group = groups.get(key);
+    if (!group) {
+      group = {
+        sectionLabel: key,
+        sectionLink: item.sectionLink,
+        sectionLinkLabel: item.sectionLinkLabel,
+        items: [],
+        priority: item.priority ?? 0
+      };
+      groups.set(key, group);
+    }
+    group.priority = Math.max(group.priority, item.priority ?? 0);
+    group.items.push({
+      Component: item.component ?? MenuItemLink,
+      label: item.title ?? "",
+      labelKey: item.titleKey,
+      icon: item.icon,
+      subLabel: item.subTitle,
+      subLabelKey: item.subTitleKey,
+      link: item.link,
+      onClick: item.onClick
+    });
+  }
+  return Array.from(groups.values());
+}
+function buildDropdownEntries(menuItems) {
+  const custom = menuItems.filter((i) => i.type === "component");
+  const data = menuItems.filter((i) => i.type === "data");
+  const sections = groupBySection(data);
+  const entries = [
+    ...custom.map((item) => ({
+      type: "component",
+      item,
+      priority: item.priority ?? 0
+    })),
+    ...sections.map((group) => ({
+      type: "section",
+      group,
+      priority: group.priority
+    }))
+  ];
+  return entries.sort((a, b) => b.priority - a.priority);
+}
+
+export { buildDropdownEntries, groupBySection };
+//# sourceMappingURL=menuItemGrouping.esm.js.map

package/dist/alpha/utils/menuItemGrouping.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemGrouping.esm.js","sources":["../../../src/alpha/utils/menuItemGrouping.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { MenuItemLink } from '../../components/MenuItemLink/MenuItemLink';\nimport type { GlobalHeaderMenuItemData } from '../types';\nimport type { MenuItemConfig } from '../../components/HeaderDropdownComponent/MenuSection';\n\n/** A group of data-driven menu items sharing the same `sectionLabel` value. */\nexport interface SectionGroup {\n  sectionLabel: string;\n  sectionLink?: string;\n  sectionLinkLabel?: string;\n  items: MenuItemConfig[];\n  priority: number;\n}\n\n/**\n * Groups data-driven menu items by their `sectionLabel` string.\n * Items without a `sectionLabel` default to `''` (rendered without a header).\n * Section metadata (`sectionLink`, `sectionLinkLabel`) is taken from\n * the first item encountered in each group.\n */\nexport function groupBySection(\n  items: GlobalHeaderMenuItemData[],\n): SectionGroup[] {\n  const groups = new Map<string, SectionGroup>();\n  for (const item of items) {\n    const key = item.sectionLabel ?? '';\n    let group = groups.get(key);\n    if (!group) {\n      group = {\n        sectionLabel: key,\n        sectionLink: item.sectionLink,\n        sectionLinkLabel: item.sectionLinkLabel,\n        items: [],\n        priority: item.priority ?? 0,\n      };\n      groups.set(key, group);\n    }\n    group.priority = Math.max(group.priority, item.priority ?? 0);\n    group.items.push({\n      Component: (item.component ??\n        MenuItemLink) as MenuItemConfig['Component'],\n      label: item.title ?? '',\n      labelKey: item.titleKey,\n      icon: item.icon,\n      subLabel: item.subTitle,\n      subLabelKey: item.subTitleKey,\n      link: item.link,\n      onClick: item.onClick,\n    });\n  }\n  return Array.from(groups.values());\n}\n\n/** A single element in the priority-sorted dropdown content list. */\nexport type DropdownEntry =\n  | { type: 'component'; item: GlobalHeaderMenuItemData; priority: number }\n  | { type: 'section'; group: SectionGroup; priority: number };\n\n/**\n * Builds the final dropdown entry list by splitting items into standalone\n * components and data-driven section groups, then sorting by priority.\n */\nexport function buildDropdownEntries(\n  menuItems: GlobalHeaderMenuItemData[],\n): DropdownEntry[] {\n  const custom = menuItems.filter(i => i.type === 'component');\n  const data = menuItems.filter(i => i.type === 'data');\n  const sections = groupBySection(data);\n\n  const entries: DropdownEntry[] = [\n    ...custom.map(item => ({\n      type: 'component' as const,\n      item,\n      priority: item.priority ?? 0,\n    })),\n    ...sections.map(group => ({\n      type: 'section' as const,\n      group,\n      priority: group.priority,\n    })),\n  ];\n\n  return entries.sort((a, b) => b.priority - a.priority);\n}\n"],"names":[],"mappings":";;AAmCO,SAAS,eACd,KACgB,EAAA;AAChB,EAAM,MAAA,MAAA,uBAAa,GAA0B,EAAA;AAC7C,EAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,IAAM,MAAA,GAAA,GAAM,KAAK,YAAgB,IAAA,EAAA;AACjC,IAAI,IAAA,KAAA,GAAQ,MAAO,CAAA,GAAA,CAAI,GAAG,CAAA;AAC1B,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAQ,KAAA,GAAA;AAAA,QACN,YAAc,EAAA,GAAA;AAAA,QACd,aAAa,IAAK,CAAA,WAAA;AAAA,QAClB,kBAAkB,IAAK,CAAA,gBAAA;AAAA,QACvB,OAAO,EAAC;AAAA,QACR,QAAA,EAAU,KAAK,QAAY,IAAA;AAAA,OAC7B;AACA,MAAO,MAAA,CAAA,GAAA,CAAI,KAAK,KAAK,CAAA;AAAA;AAEvB,IAAA,KAAA,CAAM,WAAW,IAAK,CAAA,GAAA,CAAI,MAAM,QAAU,EAAA,IAAA,CAAK,YAAY,CAAC,CAAA;AAC5D,IAAA,KAAA,CAAM,MAAM,IAAK,CAAA;AAAA,MACf,SAAA,EAAY,KAAK,SACf,IAAA,YAAA;AAAA,MACF,KAAA,EAAO,KAAK,KAAS,IAAA,EAAA;AAAA,MACrB,UAAU,IAAK,CAAA,QAAA;AAAA,MACf,MAAM,IAAK,CAAA,IAAA;AAAA,MACX,UAAU,IAAK,CAAA,QAAA;AAAA,MACf,aAAa,IAAK,CAAA,WAAA;AAAA,MAClB,MAAM,IAAK,CAAA,IAAA;AAAA,MACX,SAAS,IAAK,CAAA;AAAA,KACf,CAAA;AAAA;AAEH,EAAA,OAAO,KAAM,CAAA,IAAA,CAAK,MAAO,CAAA,MAAA,EAAQ,CAAA;AACnC;AAWO,SAAS,qBACd,SACiB,EAAA;AACjB,EAAA,MAAM,SAAS,SAAU,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,WAAW,CAAA;AAC3D,EAAA,MAAM,OAAO,SAAU,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,MAAM,CAAA;AACpD,EAAM,MAAA,QAAA,GAAW,eAAe,IAAI,CAAA;AAEpC,EAAA,MAAM,OAA2B,GAAA;AAAA,IAC/B,GAAG,MAAO,CAAA,GAAA,CAAI,CAAS,IAAA,MAAA;AAAA,MACrB,IAAM,EAAA,WAAA;AAAA,MACN,IAAA;AAAA,MACA,QAAA,EAAU,KAAK,QAAY,IAAA;AAAA,KAC3B,CAAA,CAAA;AAAA,IACF,GAAG,QAAS,CAAA,GAAA,CAAI,CAAU,KAAA,MAAA;AAAA,MACxB,IAAM,EAAA,SAAA;AAAA,MACN,KAAA;AAAA,MACA,UAAU,KAAM,CAAA;AAAA,KAChB,CAAA;AAAA,GACJ;AAEA,EAAO,OAAA,OAAA,CAAQ,KAAK,CAAC,CAAA,EAAG,MAAM,CAAE,CAAA,QAAA,GAAW,EAAE,QAAQ,CAAA;AACvD;;;;"}

package/dist/alpha/utils/readConfigComponents.esm.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { HeaderIconButton } from '../../components/HeaderIconButton/HeaderIconButton.esm.js';
+
+function readConfigComponents(configApi) {
+  const items = configApi.getOptionalConfigArray("globalHeader.components");
+  if (!items) return [];
+  return items.map((item) => {
+    const title = item.getString("title");
+    const titleKey = item.getOptionalString("titleKey");
+    const icon = item.getString("icon");
+    const link = item.getString("link");
+    const tooltip = item.getOptionalString("tooltip");
+    const priority = item.getOptionalNumber("priority");
+    const ConfigComponent = () => /* @__PURE__ */ jsx(
+      HeaderIconButton,
+      {
+        title,
+        titleKey,
+        icon,
+        tooltip,
+        to: link
+      }
+    );
+    return { component: ConfigComponent, priority };
+  });
+}
+
+export { readConfigComponents };
+//# sourceMappingURL=readConfigComponents.esm.js.map

package/dist/alpha/utils/readConfigComponents.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readConfigComponents.esm.js","sources":["../../../src/alpha/utils/readConfigComponents.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { Config } from '@backstage/config';\n\nimport { HeaderIconButton } from '../../components/HeaderIconButton/HeaderIconButton';\nimport type { GlobalHeaderComponentData } from '../types';\n\n/**\n * Reads `globalHeader.components` from the app config and maps\n * each entry into a {@link GlobalHeaderComponentData}.\n *\n * Config-driven components are always rendered as a `HeaderIconButton`\n * (icon + link), matching the data-driven tier of\n * `GlobalHeaderComponentBlueprint`.\n */\nexport function readConfigComponents(\n  configApi: Config,\n): GlobalHeaderComponentData[] {\n  const items = configApi.getOptionalConfigArray('globalHeader.components');\n  if (!items) return [];\n\n  return items.map(item => {\n    const title = item.getString('title');\n    const titleKey = item.getOptionalString('titleKey');\n    const icon = item.getString('icon');\n    const link = item.getString('link');\n    const tooltip = item.getOptionalString('tooltip');\n    const priority = item.getOptionalNumber('priority');\n\n    const ConfigComponent = () => (\n      <HeaderIconButton\n        title={title}\n        titleKey={titleKey}\n        icon={icon}\n        tooltip={tooltip}\n        to={link}\n      />\n    );\n\n    return { component: ConfigComponent, priority };\n  });\n}\n"],"names":[],"mappings":";;;AA6BO,SAAS,qBACd,SAC6B,EAAA;AAC7B,EAAM,MAAA,KAAA,GAAQ,SAAU,CAAA,sBAAA,CAAuB,yBAAyB,CAAA;AACxE,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAEpB,EAAO,OAAA,KAAA,CAAM,IAAI,CAAQ,IAAA,KAAA;AACvB,IAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,SAAA,CAAU,OAAO,CAAA;AACpC,IAAM,MAAA,QAAA,GAAW,IAAK,CAAA,iBAAA,CAAkB,UAAU,CAAA;AAClD,IAAM,MAAA,IAAA,GAAO,IAAK,CAAA,SAAA,CAAU,MAAM,CAAA;AAClC,IAAM,MAAA,IAAA,GAAO,IAAK,CAAA,SAAA,CAAU,MAAM,CAAA;AAClC,IAAM,MAAA,OAAA,GAAU,IAAK,CAAA,iBAAA,CAAkB,SAAS,CAAA;AAChD,IAAM,MAAA,QAAA,GAAW,IAAK,CAAA,iBAAA,CAAkB,UAAU,CAAA;AAElD,IAAA,MAAM,kBAAkB,sBACtB,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,QAAA;AAAA,QACA,IAAA;AAAA,QACA,OAAA;AAAA,QACA,EAAI,EAAA;AAAA;AAAA,KACN;AAGF,IAAO,OAAA,EAAE,SAAW,EAAA,eAAA,EAAiB,QAAS,EAAA;AAAA,GAC/C,CAAA;AACH;;;;"}

package/dist/alpha/utils/readConfigMenuItems.esm.js

@@ -0,0 +1,19 @@
+function readConfigMenuItems(configApi) {
+  const items = configApi.getOptionalConfigArray("globalHeader.menuItems");
+  if (!items) return [];
+  return items.map((item) => ({
+    target: item.getString("target"),
+    type: "data",
+    title: item.getString("title"),
+    titleKey: item.getOptionalString("titleKey"),
+    icon: item.getOptionalString("icon"),
+    link: item.getString("link"),
+    sectionLabel: item.getOptionalString("sectionLabel"),
+    sectionLink: item.getOptionalString("sectionLink"),
+    sectionLinkLabel: item.getOptionalString("sectionLinkLabel"),
+    priority: item.getOptionalNumber("priority")
+  }));
+}
+
+export { readConfigMenuItems };
+//# sourceMappingURL=readConfigMenuItems.esm.js.map

package/dist/alpha/utils/readConfigMenuItems.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"readConfigMenuItems.esm.js","sources":["../../../src/alpha/utils/readConfigMenuItems.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { Config } from '@backstage/config';\n\nimport type { GlobalHeaderMenuItemData } from '../types';\n\n/**\n * Reads `globalHeader.menuItems` from the app config and maps\n * each entry into a {@link GlobalHeaderMenuItemData}.\n * Config-driven items are always `type: 'data'` (the default).\n */\nexport function readConfigMenuItems(\n  configApi: Config,\n): GlobalHeaderMenuItemData[] {\n  const items = configApi.getOptionalConfigArray('globalHeader.menuItems');\n  if (!items) return [];\n\n  return items.map(item => ({\n    target: item.getString('target'),\n    type: 'data' as const,\n    title: item.getString('title'),\n    titleKey: item.getOptionalString('titleKey'),\n    icon: item.getOptionalString('icon'),\n    link: item.getString('link'),\n    sectionLabel: item.getOptionalString('sectionLabel'),\n    sectionLink: item.getOptionalString('sectionLink'),\n    sectionLinkLabel: item.getOptionalString('sectionLinkLabel'),\n    priority: item.getOptionalNumber('priority'),\n  }));\n}\n"],"names":[],"mappings":"AAyBO,SAAS,oBACd,SAC4B,EAAA;AAC5B,EAAM,MAAA,KAAA,GAAQ,SAAU,CAAA,sBAAA,CAAuB,wBAAwB,CAAA;AACvE,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAEpB,EAAO,OAAA,KAAA,CAAM,IAAI,CAAS,IAAA,MAAA;AAAA,IACxB,MAAA,EAAQ,IAAK,CAAA,SAAA,CAAU,QAAQ,CAAA;AAAA,IAC/B,IAAM,EAAA,MAAA;AAAA,IACN,KAAA,EAAO,IAAK,CAAA,SAAA,CAAU,OAAO,CAAA;AAAA,IAC7B,QAAA,EAAU,IAAK,CAAA,iBAAA,CAAkB,UAAU,CAAA;AAAA,IAC3C,IAAA,EAAM,IAAK,CAAA,iBAAA,CAAkB,MAAM,CAAA;AAAA,IACnC,IAAA,EAAM,IAAK,CAAA,SAAA,CAAU,MAAM,CAAA;AAAA,IAC3B,YAAA,EAAc,IAAK,CAAA,iBAAA,CAAkB,cAAc,CAAA;AAAA,IACnD,WAAA,EAAa,IAAK,CAAA,iBAAA,CAAkB,aAAa,CAAA;AAAA,IACjD,gBAAA,EAAkB,IAAK,CAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAAA,IAC3D,QAAA,EAAU,IAAK,CAAA,iBAAA,CAAkB,UAAU;AAAA,GAC3C,CAAA,CAAA;AACJ;;;;"}