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

package/dist/hooks/useDropdownManager.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownManager.esm.js","sources":["../../src/hooks/useDropdownManager.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 { useState } from 'react';\nimport type { MouseEvent } from 'react';\n\nexport const useDropdownManager = () => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n\n  const handleOpen = (event: MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  return {\n    anchorEl,\n    open: !!anchorEl,\n    handleOpen,\n    handleClose,\n  };\n};\n"],"names":[],"mappings":";;AAmBO,MAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA6B,IAAI,CAAA;AAEjE,EAAM,MAAA,UAAA,GAAa,CAAC,KAAmC,KAAA;AACrD,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,GAClB;AAEA,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,IAAA,EAAM,CAAC,CAAC,QAAA;AAAA,IACR,UAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useDropdownManager.esm.js","sources":["../../src/hooks/useDropdownManager.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 { useCallback, useEffect, useState } from 'react';\nimport type { MouseEvent } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nexport const useDropdownManager = () => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const location = useLocation();\n\n  const handleOpen = useCallback((event: MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setAnchorEl(null);\n  }, []);\n\n  // Close the dropdown on any route change — acts as a safety net when\n  // a Link-based MenuItem navigates before the Menu transition completes.\n  useEffect(() => {\n    setAnchorEl(null);\n  }, [location.pathname]);\n\n  return {\n    anchorEl,\n    open: !!anchorEl,\n    handleOpen,\n    handleClose,\n  };\n};\n"],"names":[],"mappings":";;;AAoBO,MAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA6B,IAAI,CAAA;AACjE,EAAA,MAAM,WAAW,WAAY,EAAA;AAE7B,EAAM,MAAA,UAAA,GAAa,WAAY,CAAA,CAAC,KAAmC,KAAA;AACjE,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,GAClB,EAAG,EAAE,CAAA;AAIL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,GACf,EAAA,CAAC,QAAS,CAAA,QAAQ,CAAC,CAAA;AAEtB,EAAO,OAAA;AAAA,IACL,QAAA;AAAA,IACA,IAAA,EAAM,CAAC,CAAC,QAAA;AAAA,IACR,UAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/index.d.ts

@@ -1,8 +1,10 @@
+import { ComponentType, CSSProperties } from 'react';
+import { H as HeaderIconButtonProps } from './types/index.d-CdKdPbQ2.js';
+export { a as globalHeaderTranslationRef, g as globalHeaderTranslations } from './types/index.d-CdKdPbQ2.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-import { ComponentType, CSSProperties } from 'react';
-import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
 import { MenuItemProps } from '@mui/material/MenuItem';
+import '@backstage/frontend-plugin-api';
 
 /**
  * Global Header Config
@@ -118,21 +120,6 @@ interface HeaderIconProps {
     layout?: CSSProperties;
 }
 
-/**
- * @public
- */
-interface HeaderIconButtonProps {
-    title: string;
-    titleKey?: string;
-    icon: string;
-    tooltip?: string;
-    color?: 'inherit' | 'primary' | 'secondary' | 'default';
-    size?: 'small' | 'medium' | 'large';
-    ariaLabel?: string;
-    to: string;
-    layout?: CSSProperties;
-}
-
 /**
  * Menu item configuration
  *
@@ -146,6 +133,7 @@ interface MenuItemConfig {
     subLabel?: string;
     subLabelKey?: string;
     link?: string;
+    onClick?: () => void;
 }
 
 /**
@@ -250,53 +238,6 @@ interface NotificationBannerProps {
  */
 declare const defaultGlobalHeaderComponentsMountPoints: GlobalHeaderComponentMountPoint[];
 
-/**
- * Translation reference for the global header plugin.
- *
- * @public
- */
-declare const globalHeaderTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"plugin.global-header", {
-    readonly "search.placeholder": string;
-    readonly "search.noResults": string;
-    readonly "search.errorFetching": string;
-    readonly "help.tooltip": string;
-    readonly "help.noSupportLinks": string;
-    readonly "help.noSupportLinksSubtitle": string;
-    readonly "help.quickStart": string;
-    readonly "help.supportTitle": string;
-    readonly "profile.picture": string;
-    readonly "profile.settings": string;
-    readonly "profile.myProfile": string;
-    readonly "profile.signOut": string;
-    readonly "applicationLauncher.tooltip": string;
-    readonly "applicationLauncher.noLinksTitle": string;
-    readonly "applicationLauncher.noLinksSubtitle": string;
-    readonly "applicationLauncher.developerHub": string;
-    readonly "applicationLauncher.rhdhLocal": string;
-    readonly "applicationLauncher.sections.documentation": string;
-    readonly "applicationLauncher.sections.developerTools": string;
-    readonly "starred.title": string;
-    readonly "starred.removeTooltip": string;
-    readonly "starred.noItemsTitle": string;
-    readonly "starred.noItemsSubtitle": string;
-    readonly "notifications.title": string;
-    readonly "notifications.unsupportedDismissOption": string;
-    readonly "create.title": string;
-    readonly "create.registerComponent.title": string;
-    readonly "create.registerComponent.subtitle": string;
-    readonly "create.templates.errorFetching": string;
-    readonly "create.templates.sectionTitle": string;
-    readonly "create.templates.allTemplates": string;
-    readonly "create.templates.noTemplatesAvailable": string;
-}>;
-
-/**
- * Translation resource for the global header plugin, providing support for multiple languages.
- *
- * @public
- */
-declare const globalHeaderTranslations: _backstage_core_plugin_api_alpha.TranslationResource<"plugin.global-header">;
-
 /**
  * Global Header Plugin
  *
@@ -326,7 +267,7 @@ declare const HeaderIcon: ({ icon, size, layout, }: HeaderIconProps) => react_js
 /**
  * @public
  */
-declare const HeaderIconButton: ({ title, titleKey, icon, tooltip, color, size, ariaLabel, to, layout, }: HeaderIconButtonProps) => react_jsx_runtime.JSX.Element;
+declare const HeaderIconButton: ({ title, titleKey, icon, tooltip, color, size, ariaLabel, to, }: HeaderIconButtonProps) => react_jsx_runtime.JSX.Element;
 /**
  * Search Component
  *
@@ -420,4 +361,4 @@ declare const ApplicationLauncherDropdown: () => react_jsx_runtime.JSX.Element;
  */
 declare const CompanyLogo: ({ logo, width, height, to, }: CompanyLogoProps) => react_jsx_runtime.JSX.Element;
 
-export { ApplicationLauncherDropdown, CompanyLogo, type CompanyLogoProps, CreateDropdown, type CreateDropdownProps, Divider, type DividerProps, GlobalHeader, GlobalHeaderComponent, type GlobalHeaderComponentMountPoint, type GlobalHeaderComponentMountPointConfig, type GlobalHeaderComponentProps, HeaderButton, type HeaderButtonProps, HeaderIcon, HeaderIconButton, type HeaderIconButtonProps, type HeaderIconProps, HelpDropdown, type HelpDropdownProps, type LogoURLs, LogoutButton, type MenuItemConfig, MenuItemLink, type MenuItemLinkProps, NotificationBanner, type NotificationBannerDismiss, type NotificationBannerProps, NotificationButton, type NotificationButtonProps, ProfileDropdown, type ProfileDropdownProps, RegisterAComponentSection, type RegisterAComponentSectionProps, SearchComponent, SoftwareTemplatesSection, type SoftwareTemplatesSectionProps, Spacer, type SpacerProps, StarredDropdown, SupportButton, type SupportButtonProps, defaultGlobalHeaderComponentsMountPoints, globalHeaderPlugin, globalHeaderTranslationRef, globalHeaderTranslations };
+export { ApplicationLauncherDropdown, CompanyLogo, type CompanyLogoProps, CreateDropdown, type CreateDropdownProps, Divider, type DividerProps, GlobalHeader, GlobalHeaderComponent, type GlobalHeaderComponentMountPoint, type GlobalHeaderComponentMountPointConfig, type GlobalHeaderComponentProps, HeaderButton, type HeaderButtonProps, HeaderIcon, HeaderIconButton, HeaderIconButtonProps, type HeaderIconProps, HelpDropdown, type HelpDropdownProps, type LogoURLs, LogoutButton, type MenuItemConfig, MenuItemLink, type MenuItemLinkProps, NotificationBanner, type NotificationBannerDismiss, type NotificationBannerProps, NotificationButton, type NotificationButtonProps, ProfileDropdown, type ProfileDropdownProps, RegisterAComponentSection, type RegisterAComponentSectionProps, SearchComponent, SoftwareTemplatesSection, type SoftwareTemplatesSectionProps, Spacer, type SpacerProps, StarredDropdown, SupportButton, type SupportButtonProps, defaultGlobalHeaderComponentsMountPoints, globalHeaderPlugin };

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/index.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 */\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';\n\nClassNameGenerator.configure(componentName => {\n  return componentName.startsWith('v5-')\n    ? componentName\n    : `v5-${componentName}`;\n});\n\nexport * from './plugin';\n\nexport * from './alpha';\n"],"names":["ClassNameGenerator"],"mappings":";;;;;;AAiBAA,2BAAA,CAAmB,UAAU,CAAiB,aAAA,KAAA;AAC5C,EAAA,OAAO,cAAc,UAAW,CAAA,KAAK,CACjC,GAAA,aAAA,GACA,MAAM,aAAa,CAAA,CAAA;AACzB,CAAC,CAAA"}
+{"version":3,"file":"index.esm.js","sources":["../src/index.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 */\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';\n\nClassNameGenerator.configure(componentName => {\n  return componentName.startsWith('v5-')\n    ? componentName\n    : `v5-${componentName}`;\n});\n\nexport * from './plugin';\n\nexport * from './translations';\n"],"names":["ClassNameGenerator"],"mappings":";;;;;;AAiBAA,2BAAA,CAAmB,UAAU,CAAiB,aAAA,KAAA;AAC5C,EAAA,OAAO,cAAc,UAAW,CAAA,KAAK,CACjC,GAAA,aAAA,GACA,MAAM,aAAa,CAAA,CAAA;AACzB,CAAC,CAAA"}

package/dist/plugin.esm.js

@@ -10,12 +10,6 @@ import '@mui/material/styles';
 import '@mui/icons-material/Launch';
 import '@backstage/core-plugin-api/alpha';
 import 'react';
-import '@mui/icons-material/ArrowDropDownOutlined';
-import '@scalprum/react-core';
-import '@mui/material/Menu';
-import '@mui/material/Button';
-import '@mui/material/IconButton';
-import '@mui/material/Tooltip';
 import '@backstage/plugin-user-settings';
 import '@backstage/plugin-catalog-react';
 import '@backstage/catalog-model';
@@ -24,9 +18,14 @@ import '@mui/icons-material/KeyboardArrowDownOutlined';
 import '@mui/material/Avatar';
 import '@backstage/core-components';
 import '@mui/material/ListSubheader';
+import '@mui/material/Menu';
+import '@mui/material/Button';
+import '@mui/material/IconButton';
+import '@mui/material/Tooltip';
+import '@scalprum/react-core';
+import 'react-router-dom';
 import '@backstage/plugin-search-react';
 import '@mui/material/Autocomplete';
-import 'react-router-dom';
 import '@mui/material/TextField';
 import '@mui/material/InputAdornment';
 import '@mui/icons-material/Search';

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/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 type { ComponentType } from 'react';\n\nimport {\n  createPlugin,\n  createComponentExtension,\n} from '@backstage/core-plugin-api';\n\nimport { GlobalHeaderComponentProps } from './components/GlobalHeaderComponent';\nimport { MenuItemLinkProps } from './components/MenuItemLink/MenuItemLink';\nimport { SoftwareTemplatesSectionProps } from './components/HeaderDropdownComponent/SoftwareTemplatesSection';\nimport { RegisterAComponentSectionProps } from './components/HeaderDropdownComponent/RegisterAComponentSection';\nimport { CreateDropdownProps } from './components/HeaderDropdownComponent/CreateDropdown';\nimport { ProfileDropdownProps } from './components/HeaderDropdownComponent/ProfileDropdown';\nimport { SupportButtonProps } from './plugin';\nimport { HelpDropdownProps } from './components/HeaderDropdownComponent/HelpDropdown';\nimport { globalHeaderTranslationRef } from './translations';\n\nexport type { GlobalHeaderComponentProps } from './components/GlobalHeaderComponent';\n\nexport type { HeaderButtonProps } from './components/HeaderButton/HeaderButton';\nexport type { HeaderIconProps } from './components/HeaderIcon/HeaderIcon';\nexport type { HeaderIconButtonProps } from './components/HeaderIconButton/HeaderIconButton';\nexport type { CreateDropdownProps } from './components/HeaderDropdownComponent/CreateDropdown';\nexport type { ProfileDropdownProps } from './components/HeaderDropdownComponent/ProfileDropdown';\nexport type { HelpDropdownProps } from './components/HeaderDropdownComponent/HelpDropdown';\n\nexport type { MenuItemLinkProps } from './components/MenuItemLink/MenuItemLink';\nexport type { MenuItemConfig } from './components/HeaderDropdownComponent/MenuSection';\nexport type { SoftwareTemplatesSectionProps } from './components/HeaderDropdownComponent/SoftwareTemplatesSection';\nexport type { RegisterAComponentSectionProps } from './components/HeaderDropdownComponent/RegisterAComponentSection';\nexport type { DividerProps } from './components/Divider/Divider';\nexport type { SpacerProps } from './components/Spacer/Spacer';\nexport type { SupportButtonProps } from './components/SupportButton/SupportButton';\nexport type { NotificationButtonProps } from './components/NotificationButton/NotificationButton';\nexport type {\n  LogoURLs,\n  CompanyLogoProps,\n} from './components/CompanyLogo/CompanyLogo';\n\nexport type {\n  NotificationBannerProps,\n  NotificationBannerDismiss,\n} from './components/NotificationBanner';\n\nexport type {\n  GlobalHeaderComponentMountPoint,\n  GlobalHeaderComponentMountPointConfig,\n} from './types';\n\nexport { defaultGlobalHeaderComponentsMountPoints } from './defaultMountPoints/defaultMountPoints';\n\n/**\n * Global Header Plugin\n *\n * @public\n */\nexport const globalHeaderPlugin = createPlugin({\n  id: 'global-header',\n  __experimentalTranslations: {\n    availableLanguages: ['en', 'de', 'es', 'fr', 'it', 'ja'],\n    resources: [globalHeaderTranslationRef],\n  },\n} as any);\n\n/**\n * Global Header\n *\n * @public\n */\nexport const GlobalHeader = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'GlobalHeader',\n    component: {\n      lazy: () => import('./components/GlobalHeader').then(m => m.GlobalHeader),\n    },\n  }),\n);\n\n/**\n * Global Header Component\n *\n * @public\n */\nexport const GlobalHeaderComponent: ComponentType<GlobalHeaderComponentProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'GlobalHeaderComponent',\n      component: {\n        lazy: () =>\n          import('./components/GlobalHeaderComponent').then(\n            m => m.GlobalHeaderComponent,\n          ),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const HeaderButton = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'HeaderButton',\n    component: {\n      lazy: () =>\n        import('./components/HeaderButton/HeaderButton').then(\n          m => m.HeaderButton,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const HeaderIcon = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'HeaderIcon',\n    component: {\n      lazy: () =>\n        import('./components/HeaderIcon/HeaderIcon').then(m => m.HeaderIcon),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const HeaderIconButton = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'HeaderIconButton',\n    component: {\n      lazy: () =>\n        import('./components/HeaderIconButton/HeaderIconButton').then(\n          m => m.HeaderIconButton,\n        ),\n    },\n  }),\n);\n\n/**\n * Search Component\n *\n * @public\n */\nexport const SearchComponent: ComponentType = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'SearchComponent',\n    component: {\n      lazy: () =>\n        import('./components/SearchComponent/SearchComponent').then(\n          m => m.SearchComponent,\n        ),\n    },\n  }),\n);\n\n/**\n * Create Dropdown\n *\n * @public\n */\nexport const CreateDropdown: ComponentType<CreateDropdownProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'CreateDropdown',\n      component: {\n        lazy: () =>\n          import('./components/HeaderDropdownComponent/CreateDropdown').then(\n            m => m.CreateDropdown,\n          ),\n      },\n    }),\n  );\n\n/**\n * Profile Dropdown\n *\n * @public\n */\nexport const ProfileDropdown: ComponentType<ProfileDropdownProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'ProfileDropdown',\n      component: {\n        lazy: () =>\n          import('./components/HeaderDropdownComponent/ProfileDropdown').then(\n            m => m.ProfileDropdown,\n          ),\n      },\n    }),\n  );\n\n/**\n * Help Dropdown\n *\n * @public\n */\nexport const HelpDropdown: ComponentType<HelpDropdownProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'HelpDropdown',\n      component: {\n        lazy: () =>\n          import('./components/HeaderDropdownComponent/HelpDropdown').then(\n            m => m.HelpDropdown,\n          ),\n      },\n    }),\n  );\n\n/**\n * Software Templates List\n *\n * @public\n */\nexport const SoftwareTemplatesSection: ComponentType<SoftwareTemplatesSectionProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'SoftwareTemplatesSection',\n      component: {\n        lazy: () =>\n          import(\n            './components/HeaderDropdownComponent/SoftwareTemplatesSection'\n          ).then(m => m.SoftwareTemplatesSection),\n      },\n    }),\n  );\n\n/**\n * Register A Component Link\n *\n * @public\n */\nexport const RegisterAComponentSection: ComponentType<RegisterAComponentSectionProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'RegisterAComponentSection',\n      component: {\n        lazy: () =>\n          import(\n            './components/HeaderDropdownComponent/RegisterAComponentSection'\n          ).then(m => m.RegisterAComponentSection),\n      },\n    }),\n  );\n\n/**\n * Header Link\n *\n * @public\n */\nexport const MenuItemLink: ComponentType<MenuItemLinkProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'MenuItemLink',\n      component: {\n        lazy: () =>\n          import('./components/MenuItemLink/MenuItemLink').then(\n            m => m.MenuItemLink,\n          ),\n      },\n    }),\n  );\n\n/**\n * Header Logout Button\n *\n * @public\n */\nexport const LogoutButton: ComponentType = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'LogoutButton',\n    component: {\n      lazy: () =>\n        import('./components/LogoutButton/LogoutButton').then(\n          m => m.LogoutButton,\n        ),\n    },\n  }),\n);\n\n/**\n * Spacer component that allow users to add a flexible spacing between components.\n *\n * Supports two props: `growFactor` with default 1 and `minWidth` width default 8 pixels.\n *\n * @public\n */\nexport const Spacer = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'Spacer',\n    component: {\n      lazy: () => import('./components/Spacer/Spacer').then(m => m.Spacer),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const Divider = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'Divider',\n    component: {\n      lazy: () => import('./components/Divider/Divider').then(m => m.Divider),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const SupportButton: ComponentType<SupportButtonProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'SupportButton',\n      component: {\n        lazy: () =>\n          import('./components/SupportButton/SupportButton').then(\n            m => m.SupportButton,\n          ),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const NotificationButton = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'NotificationButton',\n    component: {\n      lazy: () =>\n        import('./components/NotificationButton/NotificationButton').then(\n          m => m.NotificationButton,\n        ),\n    },\n  }),\n);\n\n/**\n * NotificationBanner\n *\n * @public\n */\nexport const NotificationBanner = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'NotificationBanner',\n    component: {\n      lazy: () =>\n        import('./components/NotificationBanner').then(\n          m => m.NotificationBanner,\n        ),\n    },\n  }),\n);\n\n/**\n * Starred Dropdown\n *\n * @public\n */\nexport const StarredDropdown = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'StarredDropdown',\n    component: {\n      lazy: () =>\n        import('./components/HeaderDropdownComponent/StarredDropdown').then(\n          m => m.StarredDropdown,\n        ),\n    },\n  }),\n);\n\n/**\n * Application Launcher Dropdown\n *\n * @public\n */\nexport const ApplicationLauncherDropdown = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'ApplicationLauncherDropdown',\n    component: {\n      lazy: () =>\n        import(\n          './components/HeaderDropdownComponent/ApplicationLauncherDropdown'\n        ).then(m => m.ApplicationLauncherDropdown),\n    },\n  }),\n);\n\n/**\n * Company Logo\n *\n * @public\n */\nexport const CompanyLogo = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'CompanyLogo',\n    component: {\n      lazy: () =>\n        import('./components/CompanyLogo/CompanyLogo').then(m => m.CompanyLogo),\n    },\n  }),\n);\n\n/**\n * Translation resource for the global header plugin\n *\n * @public\n */\nexport { globalHeaderTranslations } from './translations';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/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 type { ComponentType } from 'react';\n\nimport {\n  createPlugin,\n  createComponentExtension,\n} from '@backstage/core-plugin-api';\n\nimport { GlobalHeaderComponentProps } from './components/GlobalHeaderComponent';\nimport { MenuItemLinkProps } from './components/MenuItemLink/MenuItemLink';\nimport { SoftwareTemplatesSectionProps } from './components/HeaderDropdownComponent/SoftwareTemplatesSection';\nimport { RegisterAComponentSectionProps } from './components/HeaderDropdownComponent/RegisterAComponentSection';\nimport { CreateDropdownProps } from './components/HeaderDropdownComponent/CreateDropdown';\nimport { ProfileDropdownProps } from './components/HeaderDropdownComponent/ProfileDropdown';\nimport { SupportButtonProps } from './plugin';\nimport { HelpDropdownProps } from './components/HeaderDropdownComponent/HelpDropdown';\nimport { globalHeaderTranslationRef } from './translations';\n\nexport type { GlobalHeaderComponentProps } from './components/GlobalHeaderComponent';\n\nexport type { HeaderButtonProps } from './components/HeaderButton/HeaderButton';\nexport type { HeaderIconProps } from './components/HeaderIcon/HeaderIcon';\nexport type { HeaderIconButtonProps } from './components/HeaderIconButton/HeaderIconButton';\nexport type { CreateDropdownProps } from './components/HeaderDropdownComponent/CreateDropdown';\nexport type { ProfileDropdownProps } from './components/HeaderDropdownComponent/ProfileDropdown';\nexport type { HelpDropdownProps } from './components/HeaderDropdownComponent/HelpDropdown';\n\nexport type { MenuItemLinkProps } from './components/MenuItemLink/MenuItemLink';\nexport type { MenuItemConfig } from './components/HeaderDropdownComponent/MenuSection';\nexport type { SoftwareTemplatesSectionProps } from './components/HeaderDropdownComponent/SoftwareTemplatesSection';\nexport type { RegisterAComponentSectionProps } from './components/HeaderDropdownComponent/RegisterAComponentSection';\nexport type { DividerProps } from './components/Divider/Divider';\nexport type { SpacerProps } from './components/Spacer/Spacer';\nexport type { SupportButtonProps } from './components/SupportButton/SupportButton';\nexport type { NotificationButtonProps } from './components/NotificationButton/NotificationButton';\nexport type {\n  LogoURLs,\n  CompanyLogoProps,\n} from './components/CompanyLogo/CompanyLogo';\n\nexport type {\n  NotificationBannerProps,\n  NotificationBannerDismiss,\n} from './components/NotificationBanner';\n\nexport type {\n  GlobalHeaderComponentMountPoint,\n  GlobalHeaderComponentMountPointConfig,\n} from './types';\n\nexport { defaultGlobalHeaderComponentsMountPoints } from './defaultMountPoints/defaultMountPoints';\n\n/**\n * Global Header Plugin\n *\n * @public\n */\nexport const globalHeaderPlugin = createPlugin({\n  id: 'global-header',\n  __experimentalTranslations: {\n    availableLanguages: ['en', 'de', 'es', 'fr', 'it', 'ja'],\n    resources: [globalHeaderTranslationRef],\n  },\n} as any);\n\n/**\n * Global Header\n *\n * @public\n */\nexport const GlobalHeader = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'GlobalHeader',\n    component: {\n      lazy: () => import('./components/GlobalHeader').then(m => m.GlobalHeader),\n    },\n  }),\n);\n\n/**\n * Global Header Component\n *\n * @public\n */\nexport const GlobalHeaderComponent: ComponentType<GlobalHeaderComponentProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'GlobalHeaderComponent',\n      component: {\n        lazy: () =>\n          import('./components/GlobalHeaderComponent').then(\n            m => m.GlobalHeaderComponent,\n          ),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const HeaderButton = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'HeaderButton',\n    component: {\n      lazy: () =>\n        import('./components/HeaderButton/HeaderButton').then(\n          m => m.HeaderButton,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const HeaderIcon = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'HeaderIcon',\n    component: {\n      lazy: () =>\n        import('./components/HeaderIcon/HeaderIcon').then(m => m.HeaderIcon),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const HeaderIconButton = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'HeaderIconButton',\n    component: {\n      lazy: () =>\n        import('./components/HeaderIconButton/HeaderIconButton').then(\n          m => m.HeaderIconButton,\n        ),\n    },\n  }),\n);\n\n/**\n * Search Component\n *\n * @public\n */\nexport const SearchComponent: ComponentType = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'SearchComponent',\n    component: {\n      lazy: () =>\n        import('./components/SearchComponent/SearchComponent').then(\n          m => m.SearchComponent,\n        ),\n    },\n  }),\n);\n\n/**\n * Create Dropdown\n *\n * @public\n */\nexport const CreateDropdown: ComponentType<CreateDropdownProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'CreateDropdown',\n      component: {\n        lazy: () =>\n          import('./components/HeaderDropdownComponent/CreateDropdown').then(\n            m => m.CreateDropdown,\n          ),\n      },\n    }),\n  );\n\n/**\n * Profile Dropdown\n *\n * @public\n */\nexport const ProfileDropdown: ComponentType<ProfileDropdownProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'ProfileDropdown',\n      component: {\n        lazy: () =>\n          import('./components/HeaderDropdownComponent/ProfileDropdown').then(\n            m => m.ProfileDropdown,\n          ),\n      },\n    }),\n  );\n\n/**\n * Help Dropdown\n *\n * @public\n */\nexport const HelpDropdown: ComponentType<HelpDropdownProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'HelpDropdown',\n      component: {\n        lazy: () =>\n          import('./components/HeaderDropdownComponent/HelpDropdown').then(\n            m => m.HelpDropdown,\n          ),\n      },\n    }),\n  );\n\n/**\n * Software Templates List\n *\n * @public\n */\nexport const SoftwareTemplatesSection: ComponentType<SoftwareTemplatesSectionProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'SoftwareTemplatesSection',\n      component: {\n        lazy: () =>\n          import(\n            './components/HeaderDropdownComponent/SoftwareTemplatesSection'\n          ).then(m => m.SoftwareTemplatesSection),\n      },\n    }),\n  );\n\n/**\n * Register A Component Link\n *\n * @public\n */\nexport const RegisterAComponentSection: ComponentType<RegisterAComponentSectionProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'RegisterAComponentSection',\n      component: {\n        lazy: () =>\n          import(\n            './components/HeaderDropdownComponent/RegisterAComponentSection'\n          ).then(m => m.RegisterAComponentSection),\n      },\n    }),\n  );\n\n/**\n * Header Link\n *\n * @public\n */\nexport const MenuItemLink: ComponentType<MenuItemLinkProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'MenuItemLink',\n      component: {\n        lazy: () =>\n          import('./components/MenuItemLink/MenuItemLink').then(\n            m => m.MenuItemLink,\n          ),\n      },\n    }),\n  );\n\n/**\n * Header Logout Button\n *\n * @public\n */\nexport const LogoutButton: ComponentType = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'LogoutButton',\n    component: {\n      lazy: () =>\n        import('./components/LogoutButton/LogoutButton').then(\n          m => m.LogoutButton,\n        ),\n    },\n  }),\n);\n\n/**\n * Spacer component that allow users to add a flexible spacing between components.\n *\n * Supports two props: `growFactor` with default 1 and `minWidth` width default 8 pixels.\n *\n * @public\n */\nexport const Spacer = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'Spacer',\n    component: {\n      lazy: () => import('./components/Spacer/Spacer').then(m => m.Spacer),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const Divider = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'Divider',\n    component: {\n      lazy: () => import('./components/Divider/Divider').then(m => m.Divider),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const SupportButton: ComponentType<SupportButtonProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'SupportButton',\n      component: {\n        lazy: () =>\n          import('./components/SupportButton/SupportButton').then(\n            m => m.SupportButton,\n          ),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const NotificationButton = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'NotificationButton',\n    component: {\n      lazy: () =>\n        import('./components/NotificationButton/NotificationButton').then(\n          m => m.NotificationButton,\n        ),\n    },\n  }),\n);\n\n/**\n * NotificationBanner\n *\n * @public\n */\nexport const NotificationBanner = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'NotificationBanner',\n    component: {\n      lazy: () =>\n        import('./components/NotificationBanner').then(\n          m => m.NotificationBanner,\n        ),\n    },\n  }),\n);\n\n/**\n * Starred Dropdown\n *\n * @public\n */\nexport const StarredDropdown = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'StarredDropdown',\n    component: {\n      lazy: () =>\n        import('./components/HeaderDropdownComponent/StarredDropdown').then(\n          m => m.StarredDropdown,\n        ),\n    },\n  }),\n);\n\n/**\n * Application Launcher Dropdown\n *\n * @public\n */\nexport const ApplicationLauncherDropdown = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'ApplicationLauncherDropdown',\n    component: {\n      lazy: () =>\n        import(\n          './components/HeaderDropdownComponent/ApplicationLauncherDropdown'\n        ).then(m => m.ApplicationLauncherDropdown),\n    },\n  }),\n);\n\n/**\n * Company Logo\n *\n * @public\n */\nexport const CompanyLogo = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'CompanyLogo',\n    component: {\n      lazy: () =>\n        import('./components/CompanyLogo/CompanyLogo').then(m => m.CompanyLogo),\n    },\n  }),\n);\n\n/**\n * Translation resource for the global header plugin\n *\n * @public\n */\nexport { globalHeaderTranslations } from './translations';\n"],"names":[],"mappings":"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"}

package/dist/types/index.d-CdKdPbQ2.d.ts

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+/**
+ * @public
+ */
+interface HeaderIconButtonProps {
+    title: string;
+    titleKey?: string;
+    icon: string;
+    tooltip?: string;
+    color?: 'inherit' | 'primary' | 'secondary' | 'default';
+    size?: 'small' | 'medium' | 'large';
+    ariaLabel?: string;
+    to: string;
+}
+/** @public */
+declare const HeaderIconButton: ({ title, titleKey, icon, tooltip, color, size, ariaLabel, to, }: HeaderIconButtonProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Translation reference for the global header plugin.
+ *
+ * @public
+ */
+declare const globalHeaderTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"plugin.global-header", {
+    readonly "search.placeholder": string;
+    readonly "search.noResults": string;
+    readonly "search.errorFetching": string;
+    readonly "help.tooltip": string;
+    readonly "help.noSupportLinks": string;
+    readonly "help.noSupportLinksSubtitle": string;
+    readonly "help.quickStart": string;
+    readonly "help.supportTitle": string;
+    readonly "profile.picture": string;
+    readonly "profile.settings": string;
+    readonly "profile.myProfile": string;
+    readonly "profile.signOut": string;
+    readonly "applicationLauncher.tooltip": string;
+    readonly "applicationLauncher.noLinksTitle": string;
+    readonly "applicationLauncher.noLinksSubtitle": string;
+    readonly "applicationLauncher.developerHub": string;
+    readonly "applicationLauncher.rhdhLocal": string;
+    readonly "applicationLauncher.sections.documentation": string;
+    readonly "applicationLauncher.sections.developerTools": string;
+    readonly "starred.title": string;
+    readonly "starred.removeTooltip": string;
+    readonly "starred.noItemsTitle": string;
+    readonly "starred.noItemsSubtitle": string;
+    readonly "notifications.title": string;
+    readonly "notifications.unsupportedDismissOption": string;
+    readonly "create.title": string;
+    readonly "create.registerComponent.title": string;
+    readonly "create.registerComponent.subtitle": string;
+    readonly "create.templates.errorFetching": string;
+    readonly "create.templates.sectionTitle": string;
+    readonly "create.templates.allTemplates": string;
+    readonly "create.templates.noTemplatesAvailable": string;
+}>;
+
+/**
+ * Translation resource for the global header plugin, providing support for multiple languages.
+ *
+ * @public
+ */
+declare const globalHeaderTranslations: _backstage_frontend_plugin_api.TranslationResource<"plugin.global-header">;
+
+export { type HeaderIconButtonProps as H, globalHeaderTranslationRef as a, HeaderIconButton as b, globalHeaderTranslations as g };

package/package.json

@@ -1,13 +1,35 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-global-header",
-  "version": "1.20.3",
-  "main": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "version": "1.21.0",
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.esm.js"
+    },
+    "./alpha": {
+      "backstage": "@backstage/FrontendPlugin",
+      "import": "./dist/alpha.esm.js",
+      "types": "./dist/alpha.d.ts",
+      "default": "./dist/alpha.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "alpha": [
+        "dist/alpha.d.ts"
+      ],
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "license": "Apache-2.0",
   "publishConfig": {
-    "access": "public",
-    "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "access": "public"
   },
   "repository": {
     "type": "git",
@@ -19,7 +41,10 @@
     "pluginId": "global-header",
     "pluginPackages": [
       "@red-hat-developer-hub/backstage-plugin-global-header"
-    ]
+    ],
+    "features": {
+      "./alpha": "@backstage/FrontendPlugin"
+    }
   },
   "sideEffects": false,
   "scripts": {
@@ -33,22 +58,24 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.7.6",
-    "@backstage/core-components": "^0.18.3",
-    "@backstage/core-plugin-api": "^1.12.0",
-    "@backstage/plugin-catalog-react": "^1.21.3",
-    "@backstage/plugin-notifications": "^0.5.11",
-    "@backstage/plugin-notifications-common": "^0.2.0",
-    "@backstage/plugin-search": "^1.5.0",
-    "@backstage/plugin-search-backend": "^2.0.8",
-    "@backstage/plugin-search-backend-module-catalog": "^0.3.10",
-    "@backstage/plugin-search-backend-module-pg": "^0.5.50",
-    "@backstage/plugin-search-backend-module-techdocs": "^0.4.8",
-    "@backstage/plugin-search-common": "^1.2.21",
-    "@backstage/plugin-search-react": "^1.10.0",
-    "@backstage/plugin-signals-react": "^0.0.17",
-    "@backstage/plugin-user-settings": "^0.8.29",
-    "@backstage/theme": "^0.7.0",
+    "@backstage/catalog-model": "^1.7.7",
+    "@backstage/core-components": "^0.18.8",
+    "@backstage/core-plugin-api": "^1.12.4",
+    "@backstage/frontend-plugin-api": "^0.15.1",
+    "@backstage/plugin-app-react": "^0.2.1",
+    "@backstage/plugin-catalog-react": "^2.1.0",
+    "@backstage/plugin-notifications": "^0.5.15",
+    "@backstage/plugin-notifications-common": "^0.2.1",
+    "@backstage/plugin-search": "^1.7.0",
+    "@backstage/plugin-search-backend": "^2.1.0",
+    "@backstage/plugin-search-backend-module-catalog": "^0.3.13",
+    "@backstage/plugin-search-backend-module-pg": "^0.5.53",
+    "@backstage/plugin-search-backend-module-techdocs": "^0.4.12",
+    "@backstage/plugin-search-common": "^1.2.22",
+    "@backstage/plugin-search-react": "^1.11.0",
+    "@backstage/plugin-signals-react": "^0.0.20",
+    "@backstage/plugin-user-settings": "^0.9.1",
+    "@backstage/theme": "^0.7.2",
     "@mui/icons-material": "5.18.0",
     "@mui/material": "5.18.0",
     "@mui/styled-engine": "5.18.0",
@@ -60,14 +87,14 @@
     "react-router-dom": "^6.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.34.5",
+    "@backstage/cli": "^0.36.0",
     "@backstage/config": "^1.3.6",
-    "@backstage/core-app-api": "^1.19.2",
-    "@backstage/dev-utils": "^1.1.17",
-    "@backstage/frontend-test-utils": "^0.4.1",
-    "@backstage/plugin-search-common": "^1.2.21",
-    "@backstage/test-utils": "^1.7.13",
-    "@backstage/ui": "^0.9.1",
+    "@backstage/core-app-api": "^1.19.6",
+    "@backstage/dev-utils": "^1.1.21",
+    "@backstage/frontend-test-utils": "^0.5.1",
+    "@backstage/plugin-search-common": "^1.2.22",
+    "@backstage/test-utils": "^1.7.16",
+    "@backstage/ui": "^0.13.1",
     "@openshift/dynamic-plugin-sdk": "^5.0.1",
     "@red-hat-developer-hub/backstage-plugin-theme": "^0.12.0",
     "@testing-library/jest-dom": "^6.0.0",
@@ -87,12 +114,5 @@
     "config.d.ts"
   ],
   "configSchema": "config.d.ts",
-  "typesVersions": {
-    "*": {
-      "package.json": [
-        "package.json"
-      ]
-    }
-  },
   "module": "./dist/index.esm.js"
 }