@red-hat-developer-hub/backstage-plugin-global-header 0.0.4 → 0.2.0

package/dist/index.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
+import React$1 from 'react';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-import React from 'react';
 
 /**
  * @public
@@ -21,58 +22,126 @@ interface NotificationBannerProps {
 
 /**
  * @public
- * Create button properties
  */
-interface CreateButtonProps {
-    handleMenu: (event: React.MouseEvent<HTMLElement>) => void;
-    anchorEl: HTMLElement | null;
-    setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+interface NotificationButtonProps {
+    title?: string;
+    tooltip?: string;
+    color?: 'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    size?: 'small' | 'medium' | 'large';
+    badgeColor?: 'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning';
+    to?: string;
+    layout?: React$1.CSSProperties;
+}
+
+/**
+ * @public
+ */
+interface SupportButtonProps {
+    title?: string;
+    tooltip?: string;
+    color?: 'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    size?: 'small' | 'medium' | 'large';
+    to?: string;
+    layout?: React$1.CSSProperties;
+}
+
+/**
+ * @public
+ */
+interface DividerProps {
+    layout?: React$1.CSSProperties;
+}
+
+/**
+ * @public
+ */
+interface SpacerProps {
+    growFactor?: number;
+    minWidth?: number | string;
+    layout?: React$1.CSSProperties;
 }
 
 /**
- * Header Icon Button properties
  * @public
  */
 interface HeaderIconButtonProps {
+    title: string;
     icon: string;
-    to?: string;
     tooltip?: string;
+    color?: 'inherit' | 'primary' | 'secondary' | 'default';
+    size?: 'small' | 'medium' | 'large';
+    ariaLabel?: string;
+    to: string;
+    layout?: React$1.CSSProperties;
 }
 
 /**
  * @public
- * ProfileDropdown component properties
  */
-interface ProfileDropdownProps {
-    handleMenu: (event: React.MouseEvent<HTMLElement>) => void;
-    anchorEl: HTMLElement | null;
-    setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+interface HeaderIconProps {
+    icon: string;
+    size?: 'small' | 'medium' | 'large';
+    layout?: React$1.CSSProperties;
 }
 
 /**
- * Header Icon Button properties
  * @public
  */
-interface HeaderLinkProps {
-    to: string;
-    title?: string;
-    subTitle?: string;
-    icon?: string;
+interface HeaderButtonProps {
+    title: string;
     tooltip?: string;
+    color?: 'inherit' | 'primary' | 'secondary' | 'default';
+    size?: 'small' | 'medium' | 'large';
+    variant?: 'text' | 'outlined' | 'contained';
+    ariaLabel?: string;
+    startIcon?: string;
+    endIcon?: string;
+    externalLinkIcon?: boolean;
+    to: string;
+    layout?: React$1.CSSProperties;
 }
 
 /**
- * Menu item configuration
+ * Global Header Config
  *
  * @public
  */
-interface MenuItemConfig {
-    Component: React.ComponentType<HeaderLinkProps | {}>;
-    type: string;
-    label: string;
+interface GlobalHeaderComponentMountPointConfig {
+    priority?: number;
+}
+/**
+ * Global Header Component Mount Point
+ *
+ * @public
+ */
+interface GlobalHeaderComponentMountPoint {
+    Component: React.ComponentType<{
+        layout?: React.CSSProperties;
+    }>;
+    config?: GlobalHeaderComponentMountPointConfig & {
+        props?: Record<string, any>;
+        layout?: React.CSSProperties;
+    };
+}
+
+/**
+ * Global Header Component properties
+ * @public
+ */
+interface GlobalHeaderComponentProps {
+    globalHeaderMountPoints: GlobalHeaderComponentMountPoint[];
+}
+
+/**
+ * Header Icon Button properties
+ * @public
+ */
+interface MenuItemLinkProps {
+    to: string;
+    title?: string;
+    subTitle?: string;
     icon?: string;
-    subLabel?: string;
-    link?: string;
+    tooltip?: string;
 }
 
 /**
@@ -81,7 +150,6 @@ interface MenuItemConfig {
  * @public
  */
 type SoftwareTemplatesSectionProps = {
-    items: MenuItemConfig[];
     handleClose: () => void;
     hideDivider?: boolean;
 };
@@ -96,6 +164,42 @@ type RegisterAComponentSectionProps = {
     handleClose: () => void;
 };
 
+/**
+ * @public
+ * Props for Create Dropdown
+ */
+interface CreateDropdownProps {
+    layout?: React$1.CSSProperties;
+}
+
+/**
+ * @public
+ * Props for Profile Dropdown
+ */
+interface ProfileDropdownProps {
+    layout?: React$1.CSSProperties;
+}
+
+/**
+ * Menu item configuration
+ *
+ * @public
+ */
+interface MenuItemConfig {
+    Component: React$1.ComponentType<MenuItemLinkProps | {}>;
+    label: string;
+    icon?: string;
+    subLabel?: string;
+    link?: string;
+}
+
+/**
+ * default Global Header Components mount points
+ *
+ * @public
+ */
+declare const defaultGlobalHeaderComponentsMountPoints: GlobalHeaderComponentMountPoint[];
+
 /**
  * Global Header Plugin
  *
@@ -107,60 +211,92 @@ declare const globalHeaderPlugin: _backstage_core_plugin_api.BackstagePlugin<{},
  *
  * @public
  */
-declare const GlobalHeader: () => React.JSX.Element;
+declare const GlobalHeader: () => React$1.JSX.Element;
 /**
- * Search Component
+ * Global Header Component
  *
  * @public
  */
-declare const SearchComponent: React.ComponentType;
+declare const GlobalHeaderComponent: React$1.ComponentType<GlobalHeaderComponentProps>;
 /**
- * Create Dropdown
+ * @public
+ */
+declare const HeaderButton: ({ title, tooltip, color, size, variant, ariaLabel, startIcon, endIcon, externalLinkIcon, to, layout, }: HeaderButtonProps) => React$1.JSX.Element;
+/**
+ * @public
+ */
+declare const HeaderIcon: ({ icon, size, layout, }: HeaderIconProps) => React$1.JSX.Element | null;
+/**
+ * @public
+ */
+declare const HeaderIconButton: ({ title, icon, tooltip, color, size, ariaLabel, to, layout, }: HeaderIconButtonProps) => React$1.JSX.Element;
+/**
+ * Search Component
  *
  * @public
  */
-declare const CreateDropdown: React.ComponentType<CreateButtonProps>;
+declare const SearchComponent: React$1.ComponentType;
 /**
- * Header Icon Button
+ * Create Dropdown
  *
  * @public
  */
-declare const HeaderIconButton: React.ComponentType<HeaderIconButtonProps>;
+declare const CreateDropdown: React$1.ComponentType<CreateDropdownProps>;
 /**
  * Profile Dropdown
  *
  * @public
  */
-declare const ProfileDropdown: React.ComponentType<ProfileDropdownProps>;
+declare const ProfileDropdown: React$1.ComponentType<ProfileDropdownProps>;
 /**
  * Software Templates List
  *
  * @public
  */
-declare const SoftwareTemplatesSection: React.ComponentType<SoftwareTemplatesSectionProps>;
+declare const SoftwareTemplatesSection: React$1.ComponentType<SoftwareTemplatesSectionProps>;
 /**
  * Register A Component Link
  *
  * @public
  */
-declare const RegisterAComponentSection: React.ComponentType<RegisterAComponentSectionProps>;
+declare const RegisterAComponentSection: React$1.ComponentType<RegisterAComponentSectionProps>;
 /**
  * Header Link
  *
  * @public
  */
-declare const HeaderLink: React.ComponentType<HeaderLinkProps>;
+declare const MenuItemLink: React$1.ComponentType<MenuItemLinkProps>;
 /**
  * Header Logout Button
  *
  * @public
  */
-declare const LogoutButton: React.ComponentType;
+declare const LogoutButton: React$1.ComponentType;
+/**
+ * Spacer component that allow users to add a flexibel spacing between components.
+ *
+ * Supports two props: `growFactor` with default 1 and `minWidth` width default 8 pixels.
+ *
+ * @public
+ */
+declare const Spacer: ({ growFactor, minWidth, layout, }: SpacerProps) => React$1.JSX.Element;
+/**
+ * @public
+ */
+declare const Divider: ({ layout }: DividerProps) => React$1.JSX.Element;
+/**
+ * @public
+ */
+declare const SupportButton: ({ title, tooltip, color, size, to, layout, }: SupportButtonProps) => React$1.JSX.Element | null;
+/**
+ * @public
+ */
+declare const NotificationButton: ({ title, tooltip, color, size, badgeColor, to, layout, }: NotificationButtonProps) => React$1.JSX.Element | null;
 /**
  * NotificationBanner
  *
  * @public
  */
-declare const NotificationBanner: (props: NotificationBannerProps) => React.JSX.Element | null;
+declare const NotificationBanner: (props: NotificationBannerProps) => React$1.JSX.Element | null;
 
-export { type CreateButtonProps, CreateDropdown, GlobalHeader, HeaderIconButton, type HeaderIconButtonProps, HeaderLink, type HeaderLinkProps, LogoutButton, type MenuItemConfig, NotificationBanner, type NotificationBannerDismiss, type NotificationBannerProps, ProfileDropdown, type ProfileDropdownProps, RegisterAComponentSection, type RegisterAComponentSectionProps, SearchComponent, SoftwareTemplatesSection, type SoftwareTemplatesSectionProps, globalHeaderPlugin };
+export { CreateDropdown, type CreateDropdownProps, Divider, type DividerProps, GlobalHeader, GlobalHeaderComponent, type GlobalHeaderComponentMountPoint, type GlobalHeaderComponentMountPointConfig, type GlobalHeaderComponentProps, HeaderButton, type HeaderButtonProps, HeaderIcon, HeaderIconButton, type HeaderIconButtonProps, type HeaderIconProps, 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, SupportButton, type SupportButtonProps, defaultGlobalHeaderComponentsMountPoints, globalHeaderPlugin };

package/dist/index.esm.js

@@ -1,5 +1,6 @@
 import { unstable_ClassNameGenerator } from '@mui/material/className';
-export { CreateDropdown, GlobalHeader, HeaderIconButton, HeaderLink, LogoutButton, NotificationBanner, ProfileDropdown, RegisterAComponentSection, SearchComponent, SoftwareTemplatesSection, globalHeaderPlugin } from './plugin.esm.js';
+export { CreateDropdown, Divider, GlobalHeader, GlobalHeaderComponent, HeaderButton, HeaderIcon, HeaderIconButton, LogoutButton, MenuItemLink, NotificationBanner, NotificationButton, ProfileDropdown, RegisterAComponentSection, SearchComponent, SoftwareTemplatesSection, Spacer, SupportButton, globalHeaderPlugin } from './plugin.esm.js';
+export { defaultGlobalHeaderComponentsMountPoints } from './defaultMountPoints/defaultMountPoints.esm.js';
 
 unstable_ClassNameGenerator.configure((componentName) => {
   return componentName.startsWith("v5-") ? componentName : `v5-${componentName}`;

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"],"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"],"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

@@ -1,4 +1,33 @@
 import { createPlugin, createComponentExtension } from '@backstage/core-plugin-api';
+import 'react';
+import '@mui/material/Box';
+import '@mui/material/Typography';
+import '@mui/material/Icon';
+import '@mui/material/styles';
+import '@mui/icons-material/ArrowDropDownOutlined';
+import '@scalprum/react-core';
+import './components/HeaderDropdownComponent/HeaderDropdownComponent.esm.js';
+import '@mui/icons-material/AccountCircleOutlined';
+import '@mui/icons-material/KeyboardArrowDownOutlined';
+import '@mui/material/Divider';
+import '@mui/material/MenuItem';
+import '@backstage/core-components';
+import '@mui/material/Tooltip';
+import 'react-router-dom';
+import '@backstage/plugin-catalog-react';
+import '@backstage/plugin-search-react';
+import '@mui/material/Autocomplete';
+import '@mui/material/TextField';
+import '@mui/material/InputAdornment';
+import '@mui/icons-material/Search';
+import '@mui/material/ListItem';
+import '@mui/icons-material/ArrowForward';
+import '@mui/material/IconButton';
+import '@mui/icons-material/HelpOutline';
+import '@mui/material/Badge';
+import '@mui/icons-material/NotificationsOutlined';
+import '@backstage/plugin-notifications';
+import '@backstage/plugin-signals-react';
 
 const globalHeaderPlugin = createPlugin({
   id: "global-header"
@@ -11,6 +40,44 @@ const GlobalHeader = globalHeaderPlugin.provide(
     }
   })
 );
+const GlobalHeaderComponent = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "GlobalHeaderComponent",
+    component: {
+      lazy: () => import('./components/GlobalHeaderComponent.esm.js').then(
+        (m) => m.GlobalHeaderComponent
+      )
+    }
+  })
+);
+const HeaderButton = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "HeaderButton",
+    component: {
+      lazy: () => import('./components/HeaderButton/HeaderButton.esm.js').then(
+        (m) => m.HeaderButton
+      )
+    }
+  })
+);
+const HeaderIcon = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "HeaderIcon",
+    component: {
+      lazy: () => import('./components/HeaderIcon/HeaderIcon.esm.js').then((m) => m.HeaderIcon)
+    }
+  })
+);
+const HeaderIconButton = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "HeaderIconButton",
+    component: {
+      lazy: () => import('./components/HeaderIconButton/HeaderIconButton.esm.js').then(
+        (m) => m.HeaderIconButton
+      )
+    }
+  })
+);
 const SearchComponent = globalHeaderPlugin.provide(
   createComponentExtension({
     name: "SearchComponent",
@@ -31,14 +98,6 @@ const CreateDropdown = globalHeaderPlugin.provide(
     }
   })
 );
-const HeaderIconButton = globalHeaderPlugin.provide(
-  createComponentExtension({
-    name: "HeaderIconButton",
-    component: {
-      lazy: () => import('./components/HeaderIconButtonComponent/HeaderIconButton.esm.js').then((m) => m.HeaderIconButton)
-    }
-  })
-);
 const ProfileDropdown = globalHeaderPlugin.provide(
   createComponentExtension({
     name: "ProfileDropdown",
@@ -65,12 +124,12 @@ const RegisterAComponentSection = globalHeaderPlugin.provide(
     }
   })
 );
-const HeaderLink = globalHeaderPlugin.provide(
+const MenuItemLink = globalHeaderPlugin.provide(
   createComponentExtension({
-    name: "HeaderLink",
+    name: "MenuItemLink",
     component: {
-      lazy: () => import('./components/HeaderLinkComponent/HeaderLink.esm.js').then(
-        (m) => m.HeaderLink
+      lazy: () => import('./components/MenuItemLink/MenuItemLink.esm.js').then(
+        (m) => m.MenuItemLink
       )
     }
   })
@@ -79,12 +138,48 @@ const LogoutButton = globalHeaderPlugin.provide(
   createComponentExtension({
     name: "LogoutButton",
     component: {
-      lazy: () => import('./components/HeaderButtonComponent/LogoutButton.esm.js').then(
+      lazy: () => import('./components/LogoutButton/LogoutButton.esm.js').then(
         (m) => m.LogoutButton
       )
     }
   })
 );
+const Spacer = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "Spacer",
+    component: {
+      lazy: () => import('./components/Spacer/Spacer.esm.js').then((m) => m.Spacer)
+    }
+  })
+);
+const Divider = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "Divider",
+    component: {
+      lazy: () => import('./components/Divider/Divider.esm.js').then((m) => m.Divider)
+    }
+  })
+);
+const SupportButton = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "SupportButton",
+    component: {
+      lazy: () => import('./components/SupportButton/SupportButton.esm.js').then(
+        (m) => m.SupportButton
+      )
+    }
+  })
+);
+const NotificationButton = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "NotificationButton",
+    component: {
+      lazy: () => import('./components/NotificationButton/NotificationButton.esm.js').then(
+        (m) => m.NotificationButton
+      )
+    }
+  })
+);
 const NotificationBanner = globalHeaderPlugin.provide(
   createComponentExtension({
     name: "NotificationBanner",
@@ -96,5 +191,5 @@ const NotificationBanner = globalHeaderPlugin.provide(
   })
 );
 
-export { CreateDropdown, GlobalHeader, HeaderIconButton, HeaderLink, LogoutButton, NotificationBanner, ProfileDropdown, RegisterAComponentSection, SearchComponent, SoftwareTemplatesSection, globalHeaderPlugin };
+export { CreateDropdown, Divider, GlobalHeader, GlobalHeaderComponent, HeaderButton, HeaderIcon, HeaderIconButton, LogoutButton, MenuItemLink, NotificationBanner, NotificationButton, ProfileDropdown, RegisterAComponentSection, SearchComponent, SoftwareTemplatesSection, Spacer, SupportButton, globalHeaderPlugin };
 //# sourceMappingURL=plugin.esm.js.map

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 React from 'react';\nimport {\n  createPlugin,\n  createComponentExtension,\n} from '@backstage/core-plugin-api';\nimport { CreateButtonProps } from './components/HeaderDropdownComponent/CreateDropdown';\nimport { HeaderIconButtonProps } from './components/HeaderIconButtonComponent/HeaderIconButton';\nimport { ProfileDropdownProps } from './components/HeaderDropdownComponent/ProfileDropdown';\nimport { HeaderLinkProps } from './components/HeaderLinkComponent/HeaderLink';\nimport { SoftwareTemplatesSectionProps } from './components/HeaderDropdownComponent/SoftwareTemplatesSection';\nimport { RegisterAComponentSectionProps } from './components/HeaderDropdownComponent/RegisterAComponentSection';\n\nexport type { CreateButtonProps } from './components/HeaderDropdownComponent/CreateDropdown';\nexport type { HeaderLinkProps } from './components/HeaderLinkComponent/HeaderLink';\nexport type { MenuItemConfig } from './components/HeaderDropdownComponent/MenuSection';\nexport type { SoftwareTemplatesSectionProps } from './components/HeaderDropdownComponent/SoftwareTemplatesSection';\nexport type { RegisterAComponentSectionProps } from './components/HeaderDropdownComponent/RegisterAComponentSection';\nexport type { HeaderIconButtonProps } from './components/HeaderIconButtonComponent/HeaderIconButton';\nexport type { ProfileDropdownProps } from './components/HeaderDropdownComponent/ProfileDropdown';\n\nexport type {\n  NotificationBannerProps,\n  NotificationBannerDismiss,\n} from './components/NotificationBanner';\n\n/**\n * Global Header Plugin\n *\n * @public\n */\nexport const globalHeaderPlugin = createPlugin({\n  id: 'global-header',\n});\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 * Search Component\n *\n * @public\n */\nexport const SearchComponent: React.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: React.ComponentType<CreateButtonProps> =\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 * Header Icon Button\n *\n * @public\n */\nexport const HeaderIconButton: React.ComponentType<HeaderIconButtonProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'HeaderIconButton',\n      component: {\n        lazy: () =>\n          import(\n            './components/HeaderIconButtonComponent/HeaderIconButton'\n          ).then(m => m.HeaderIconButton),\n      },\n    }),\n  );\n\n/**\n * Profile Dropdown\n *\n * @public\n */\nexport const ProfileDropdown: React.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 * Software Templates List\n *\n * @public\n */\nexport const SoftwareTemplatesSection: React.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: React.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 HeaderLink: React.ComponentType<HeaderLinkProps> =\n  globalHeaderPlugin.provide(\n    createComponentExtension({\n      name: 'HeaderLink',\n      component: {\n        lazy: () =>\n          import('./components/HeaderLinkComponent/HeaderLink').then(\n            m => m.HeaderLink,\n          ),\n      },\n    }),\n  );\n\n/**\n * Header Logout Button\n *\n * @public\n */\nexport const LogoutButton: React.ComponentType = globalHeaderPlugin.provide(\n  createComponentExtension({\n    name: 'LogoutButton',\n    component: {\n      lazy: () =>\n        import('./components/HeaderButtonComponent/LogoutButton').then(\n          m => m.LogoutButton,\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"],"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 React 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';\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';\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';\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});\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: React.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: React.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: React.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: React.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 * Software Templates List\n *\n * @public\n */\nexport const SoftwareTemplatesSection: React.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: React.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: React.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: React.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 flexibel 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 = 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"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-global-header",
-  "version": "0.0.4",
+  "version": "0.2.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -37,6 +37,8 @@
     "@backstage/core-components": "^0.16.3",
     "@backstage/core-plugin-api": "^1.10.3",
     "@backstage/plugin-catalog-react": "^1.15.1",
+    "@backstage/plugin-notifications": "^0.5.1",
+    "@backstage/plugin-notifications-common": "^0.0.8",
     "@backstage/plugin-search": "^1.4.22",
     "@backstage/plugin-search-backend": "^1.8.1",
     "@backstage/plugin-search-backend-module-catalog": "^0.3.0",
@@ -44,6 +46,7 @@
     "@backstage/plugin-search-backend-module-techdocs": "^0.3.5",
     "@backstage/plugin-search-common": "^1.2.17",
     "@backstage/plugin-search-react": "^1.8.5",
+    "@backstage/plugin-signals-react": "^0.0.9",
     "@backstage/theme": "^0.6.3",
     "@mui/icons-material": "5.16.13",
     "@mui/material": "5.16.13",
@@ -61,9 +64,11 @@
     "@backstage/cli": "^0.29.5",
     "@backstage/core-app-api": "^1.15.4",
     "@backstage/dev-utils": "^1.1.6",
+    "@backstage/frontend-test-utils": "^0.2.5",
     "@backstage/plugin-search-common": "^1.2.17",
     "@backstage/test-utils": "^1.7.4",
     "@openshift/dynamic-plugin-sdk": "^5.0.1",
+    "@redhat-developer/red-hat-developer-hub-theme": "^0.5.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",

package/dist/components/HeaderButtonComponent/HeaderButton.esm.js

@@ -1,17 +0,0 @@
-import Box from '@mui/material/Box';
-import React from 'react';
-import HeaderItemContent from '../HeaderLinkComponent/HeaderItemContent.esm.js';
-
-const HeaderButton = ({ title, icon, onClick }) => {
-  return /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      onClick,
-      sx: { cursor: "pointer", width: "100%", color: "inherit" }
-    },
-    /* @__PURE__ */ React.createElement(HeaderItemContent, { icon, label: title })
-  );
-};
-
-export { HeaderButton };
-//# sourceMappingURL=HeaderButton.esm.js.map

package/dist/components/HeaderButtonComponent/HeaderButton.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderButton.esm.js","sources":["../../../src/components/HeaderButtonComponent/HeaderButton.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 Box from '@mui/material/Box';\nimport React from 'react';\nimport HeaderItemContent from '../HeaderLinkComponent/HeaderItemContent';\n\nexport type HeaderButtonProps = {\n  title: string;\n  icon: string;\n  onClick?: () => void;\n};\n\nexport const HeaderButton = ({ title, icon, onClick }: HeaderButtonProps) => {\n  return (\n    <Box\n      onClick={onClick}\n      sx={{ cursor: 'pointer', width: '100%', color: 'inherit' }}\n    >\n      <HeaderItemContent icon={icon} label={title} />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;AA0BO,MAAM,eAAe,CAAC,EAAE,KAAO,EAAA,IAAA,EAAM,SAAiC,KAAA;AAC3E,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAI,EAAE,MAAA,EAAQ,WAAW,KAAO,EAAA,MAAA,EAAQ,OAAO,SAAU;AAAA,KAAA;AAAA,oBAExD,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,IAAY,EAAA,KAAA,EAAO,KAAO,EAAA;AAAA,GAC/C;AAEJ;;;;"}

package/dist/components/HeaderButtonComponent/LogoutButton.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogoutButton.esm.js","sources":["../../../src/components/HeaderButtonComponent/LogoutButton.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 React from 'react';\nimport {\n  errorApiRef,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport { HeaderButton } from './HeaderButton';\n\nexport const LogoutButton = () => {\n  const errorApi = useApi(errorApiRef);\n  const identityApi = useApi(identityApiRef);\n\n  const handleLogout = () => {\n    identityApi.signOut().catch(error => errorApi.post(error));\n  };\n\n  return <HeaderButton title=\"Logout\" icon=\"logout\" onClick={handleLogout} />;\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AAEzC,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,WAAA,CAAY,SAAU,CAAA,KAAA,CAAM,WAAS,QAAS,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA;AAAA,GAC3D;AAEA,EAAA,2CAAQ,YAAa,EAAA,EAAA,KAAA,EAAM,UAAS,IAAK,EAAA,QAAA,EAAS,SAAS,YAAc,EAAA,CAAA;AAC3E;;;;"}

package/dist/components/HeaderIconButtonComponent/HeaderIcon.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderIcon.esm.js","sources":["../../../src/components/HeaderIconButtonComponent/HeaderIcon.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 */\nimport React from 'react';\nimport { useApp } from '@backstage/core-plugin-api';\nimport MuiIcon from '@mui/material/Icon';\nimport Box from '@mui/material/Box';\n\ninterface HeaderIconProps {\n  icon: string;\n  styles?: React.CSSProperties;\n}\n\nexport const HeaderIcon = ({ icon, styles }: HeaderIconProps) => {\n  const app = useApp();\n  if (!icon) {\n    return null;\n  }\n\n  const SystemIcon = app.getSystemIcon(icon);\n\n  if (SystemIcon) {\n    return (\n      <Box sx={{ display: 'flex', alignItems: 'center', ...styles }}>\n        <SystemIcon fontSize=\"small\" />\n      </Box>\n    );\n  }\n\n  if (icon.startsWith('<svg')) {\n    const svgDataUri = `data:image/svg+xml;base64,${btoa(icon)}`;\n    return (\n      <MuiIcon style={{ fontSize: 20, ...styles }}>\n        <img src={svgDataUri} alt=\"\" />\n      </MuiIcon>\n    );\n  }\n\n  if (\n    icon.startsWith('https://') ||\n    icon.startsWith('http://') ||\n    icon.startsWith('/')\n  ) {\n    return (\n      <MuiIcon\n        style={{ fontSize: 20, ...styles }}\n        baseClassName=\"material-icons-outlined\"\n      >\n        <img src={icon} alt=\"\" />\n      </MuiIcon>\n    );\n  }\n\n  return (\n    <MuiIcon style={{ fontSize: 20 }} baseClassName=\"material-icons-outlined\">\n      {icon}\n    </MuiIcon>\n  );\n};\n"],"names":[],"mappings":";;;;;AAyBO,MAAM,UAAa,GAAA,CAAC,EAAE,IAAA,EAAM,QAA8B,KAAA;AAC/D,EAAA,MAAM,MAAM,MAAO,EAAA;AACnB,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,UAAA,GAAa,GAAI,CAAA,aAAA,CAAc,IAAI,CAAA;AAEzC,EAAA,IAAI,UAAY,EAAA;AACd,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,SAAS,MAAQ,EAAA,UAAA,EAAY,QAAU,EAAA,GAAG,QACnD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,QAAA,EAAS,SAAQ,CAC/B,CAAA;AAAA;AAIJ,EAAI,IAAA,IAAA,CAAK,UAAW,CAAA,MAAM,CAAG,EAAA;AAC3B,IAAA,MAAM,UAAa,GAAA,CAAA,0BAAA,EAA6B,IAAK,CAAA,IAAI,CAAC,CAAA,CAAA;AAC1D,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,EAAE,UAAU,EAAI,EAAA,GAAG,MAAO,EAAA,EAAA,sCACvC,KAAI,EAAA,EAAA,GAAA,EAAK,UAAY,EAAA,GAAA,EAAI,IAAG,CAC/B,CAAA;AAAA;AAIJ,EACE,IAAA,IAAA,CAAK,UAAW,CAAA,UAAU,CAC1B,IAAA,IAAA,CAAK,UAAW,CAAA,SAAS,CACzB,IAAA,IAAA,CAAK,UAAW,CAAA,GAAG,CACnB,EAAA;AACA,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,EAAE,QAAU,EAAA,EAAA,EAAI,GAAG,MAAO,EAAA;AAAA,QACjC,aAAc,EAAA;AAAA,OAAA;AAAA,sBAEb,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,IAAA,EAAM,KAAI,EAAG,EAAA;AAAA,KACzB;AAAA;AAIJ,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,EAAE,UAAU,EAAG,EAAA,EAAG,aAAc,EAAA,yBAAA,EAAA,EAC7C,IACH,CAAA;AAEJ;;;;"}

package/dist/components/HeaderIconButtonComponent/HeaderIconButton.esm.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import IconButton from '@mui/material/IconButton';
-import Tooltip from '@mui/material/Tooltip';
-import { HeaderIcon } from './HeaderIcon.esm.js';
-import { Link } from 'react-router-dom';
-
-const HeaderIconButton = ({
-  icon,
-  tooltip,
-  to
-}) => {
-  return /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip ?? icon }, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      color: "inherit",
-      "aria-label": "help",
-      sx: { mr: 1.5 },
-      ...to ? { component: Link, to } : {}
-    },
-    tooltip !== "Support" && /* @__PURE__ */ React.createElement(HeaderIcon, { icon })
-  ));
-};
-
-export { HeaderIconButton };
-//# sourceMappingURL=HeaderIconButton.esm.js.map