@red-hat-developer-hub/backstage-plugin-global-header 0.0.3 → 0.1.0

package/dist/hooks/useProfileDropdownMountPoints.esm.js

@@ -0,0 +1,14 @@
+import { defaultProfileDropdownMountPoints } from '../defaultMountPoints/defaultMountPoints.esm.js';
+import { useScalprum } from '@scalprum/react-core';
+
+const useProfileDropdownMountPoints = () => {
+  const scalprum = useScalprum();
+  const profileDropdownMountPoints = scalprum?.api?.dynamicRootConfig?.mountPoints?.["global.header/profile"];
+  if (Object.keys(scalprum?.api || {}).length === 0) {
+    return defaultProfileDropdownMountPoints;
+  }
+  return profileDropdownMountPoints ?? [];
+};
+
+export { useProfileDropdownMountPoints };
+//# sourceMappingURL=useProfileDropdownMountPoints.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProfileDropdownMountPoints.esm.js","sources":["../../src/hooks/useProfileDropdownMountPoints.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 { defaultProfileDropdownMountPoints } from '../defaultMountPoints/defaultMountPoints';\nimport { ProfileDropdownMountPoint, ScalprumState } from '../types';\nimport { useScalprum } from '@scalprum/react-core';\n\nexport const useProfileDropdownMountPoints = ():\n  | ProfileDropdownMountPoint[]\n  | undefined => {\n  const scalprum = useScalprum<ScalprumState>();\n\n  const profileDropdownMountPoints =\n    scalprum?.api?.dynamicRootConfig?.mountPoints?.['global.header/profile'];\n\n  // default profile dropdown components for dev env\n  if (Object.keys(scalprum?.api || {}).length === 0) {\n    return defaultProfileDropdownMountPoints;\n  }\n\n  return profileDropdownMountPoints ?? [];\n};\n"],"names":[],"mappings":";;;AAoBO,MAAM,gCAAgC,MAE5B;AACf,EAAA,MAAM,WAAW,WAA2B,EAAA;AAE5C,EAAA,MAAM,0BACJ,GAAA,QAAA,EAAU,GAAK,EAAA,iBAAA,EAAmB,cAAc,uBAAuB,CAAA;AAGzE,EAAI,IAAA,MAAA,CAAO,KAAK,QAAU,EAAA,GAAA,IAAO,EAAE,CAAA,CAAE,WAAW,CAAG,EAAA;AACjD,IAAO,OAAA,iCAAA;AAAA;AAGT,EAAA,OAAO,8BAA8B,EAAC;AACxC;;;;"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import * as react from 'react';
+import React$1 from 'react';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 
 /**
@@ -20,6 +20,199 @@ interface NotificationBannerProps {
     dismiss?: NotificationBannerDismiss;
 }
 
+/**
+ * @public
+ */
+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;
+}
+
+/**
+ * @public
+ */
+interface SupportButtonProps {
+    title?: string;
+    tooltip?: string;
+    color?: 'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    size?: 'small' | 'medium' | 'large';
+    to?: string;
+}
+
+/**
+ * @public
+ */
+interface SpacerProps {
+    growFactor?: number;
+    minWidth?: number | string;
+}
+
+/**
+ * @public
+ */
+interface HeaderIconButtonProps {
+    title: string;
+    icon: string;
+    tooltip?: string;
+    color?: 'inherit' | 'primary' | 'secondary' | 'default';
+    size?: 'small' | 'medium' | 'large';
+    ariaLabel?: string;
+    to: string;
+    style?: React$1.CSSProperties;
+}
+
+/**
+ * @public
+ */
+interface HeaderIconProps {
+    icon: string;
+    size?: 'small' | 'medium' | 'large';
+    styles?: React$1.CSSProperties;
+}
+
+/**
+ * @public
+ */
+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;
+    style?: React$1.CSSProperties;
+}
+
+/**
+ * Component
+ *
+ * @public
+ */
+declare enum ComponentType {
+    /**
+     * Global Header spacer
+     */
+    SPACER = "spacer",
+    /**
+     * Global Header support button
+     */
+    SUPPORT_BUTTON = "support_button",
+    /**
+     * Global Header Component dropdown button
+     */
+    DROPDOWN_BUTTON = "dropdown_button",
+    /**
+     * Global Header Component icon button
+     */
+    ICON_BUTTON = "icon_button",
+    /**
+     * Global Header Component link
+     */
+    LINK = "link",
+    /**
+     * Global Header Component list
+     */
+    LIST = "list",
+    /**
+     * Global Header Component search
+     */
+    SEARCH = "search",
+    /**
+     * Global Header Component logout
+     */
+    LOGOUT = "logout"
+}
+/**
+ * Global Header Config
+ *
+ * @public
+ */
+interface GlobalHeaderComponentMountPointConfig {
+    type?: ComponentType;
+    priority?: number;
+}
+/**
+ * Global Header Component Mount Point
+ *
+ * @public
+ */
+interface GlobalHeaderComponentMountPoint {
+    Component: React.ComponentType<{}>;
+    config?: GlobalHeaderComponentMountPointConfig & {
+        layout?: Record<string, any>;
+        props?: Record<string, any>;
+    };
+}
+
+/**
+ * @public
+ * Global Header Component properties
+ */
+interface GlobalHeaderComponentProps {
+    globalHeaderMountPoints: GlobalHeaderComponentMountPoint[];
+}
+
+/**
+ * Header Icon Button properties
+ * @public
+ */
+interface MenuItemLinkProps {
+    to: string;
+    title?: string;
+    subTitle?: string;
+    icon?: string;
+    tooltip?: string;
+}
+
+/**
+ * Software Templates Section properties
+ *
+ * @public
+ */
+type SoftwareTemplatesSectionProps = {
+    handleClose: () => void;
+    hideDivider?: boolean;
+};
+
+/**
+ * Register A Component Section properties
+ *
+ * @public
+ */
+type RegisterAComponentSectionProps = {
+    hideDivider: boolean;
+    handleClose: () => void;
+};
+
+/**
+ * Menu item configuration
+ *
+ * @public
+ */
+interface MenuItemConfig {
+    Component: React$1.ComponentType<MenuItemLinkProps | {}>;
+    type: string;
+    label: string;
+    icon?: string;
+    subLabel?: string;
+    link?: string;
+}
+
+/**
+ * default Global Header Components mount points
+ *
+ * @public
+ */
+declare const defaultGlobalHeaderComponentsMountPoints: GlobalHeaderComponentMountPoint[];
+
 /**
  * Global Header Plugin
  *
@@ -31,12 +224,92 @@ declare const globalHeaderPlugin: _backstage_core_plugin_api.BackstagePlugin<{},
  *
  * @public
  */
-declare const GlobalHeader: () => react.JSX.Element;
+declare const GlobalHeader: () => React$1.JSX.Element;
+/**
+ * Global Header Component
+ *
+ * @public
+ */
+declare const GlobalHeaderComponent: React$1.ComponentType<GlobalHeaderComponentProps>;
+/**
+ * @public
+ */
+declare const HeaderButton: ({ title, tooltip, color, size, variant, ariaLabel, startIcon, endIcon, externalLinkIcon, to, style, }: HeaderButtonProps) => React$1.JSX.Element;
+/**
+ * @public
+ */
+declare const HeaderIcon: ({ icon, size, styles, }: HeaderIconProps) => React$1.JSX.Element | null;
+/**
+ * @public
+ */
+declare const HeaderIconButton: ({ title, icon, tooltip, color, size, ariaLabel, to, style, }: HeaderIconButtonProps) => React$1.JSX.Element;
+/**
+ * Search Component
+ *
+ * @public
+ */
+declare const SearchComponent: React$1.ComponentType;
+/**
+ * Create Dropdown
+ *
+ * @public
+ */
+declare const CreateDropdown: () => React$1.JSX.Element | null;
+/**
+ * Profile Dropdown
+ *
+ * @public
+ */
+declare const ProfileDropdown: () => React$1.JSX.Element | null;
+/**
+ * Software Templates List
+ *
+ * @public
+ */
+declare const SoftwareTemplatesSection: React$1.ComponentType<SoftwareTemplatesSectionProps>;
+/**
+ * Register A Component Link
+ *
+ * @public
+ */
+declare const RegisterAComponentSection: React$1.ComponentType<RegisterAComponentSectionProps>;
+/**
+ * Header Link
+ *
+ * @public
+ */
+declare const MenuItemLink: React$1.ComponentType<MenuItemLinkProps>;
+/**
+ * Header Logout Button
+ *
+ * @public
+ */
+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 }: SpacerProps) => React$1.JSX.Element;
+/**
+ * @public
+ */
+declare const Divider: () => React$1.JSX.Element;
+/**
+ * @public
+ */
+declare const SupportButton: ({ title, tooltip, color, size, to, }: SupportButtonProps) => React$1.JSX.Element | null;
+/**
+ * @public
+ */
+declare const NotificationButton: ({ title, tooltip, color, size, badgeColor, to, }: 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 { GlobalHeader, NotificationBanner, type NotificationBannerDismiss, type NotificationBannerProps, globalHeaderPlugin };
+export { ComponentType, CreateDropdown, Divider, 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, 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 { GlobalHeader, NotificationBanner, 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,5 @@
 import { createPlugin, createComponentExtension } from '@backstage/core-plugin-api';
+export { defaultGlobalHeaderComponentsMountPoints } from './defaultMountPoints/defaultMountPoints.esm.js';
 
 const globalHeaderPlugin = createPlugin({
   id: "global-header"
@@ -11,6 +12,146 @@ 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",
+    component: {
+      lazy: () => import('./components/SearchComponent/SearchComponent.esm.js').then(
+        (m) => m.SearchComponent
+      )
+    }
+  })
+);
+const CreateDropdown = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "CreateDropdown",
+    component: {
+      lazy: () => import('./components/HeaderDropdownComponent/CreateDropdown.esm.js').then(
+        (m) => m.CreateDropdown
+      )
+    }
+  })
+);
+const ProfileDropdown = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "ProfileDropdown",
+    component: {
+      lazy: () => import('./components/HeaderDropdownComponent/ProfileDropdown.esm.js').then(
+        (m) => m.ProfileDropdown
+      )
+    }
+  })
+);
+const SoftwareTemplatesSection = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "SoftwareTemplatesSection",
+    component: {
+      lazy: () => import('./components/HeaderDropdownComponent/SoftwareTemplatesSection.esm.js').then((m) => m.SoftwareTemplatesSection)
+    }
+  })
+);
+const RegisterAComponentSection = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "RegisterAComponentSection",
+    component: {
+      lazy: () => import('./components/HeaderDropdownComponent/RegisterAComponentSection.esm.js').then((m) => m.RegisterAComponentSection)
+    }
+  })
+);
+const MenuItemLink = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "MenuItemLink",
+    component: {
+      lazy: () => import('./components/MenuItemLink/MenuItemLink.esm.js').then(
+        (m) => m.MenuItemLink
+      )
+    }
+  })
+);
+const LogoutButton = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "LogoutButton",
+    component: {
+      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",
@@ -22,5 +163,5 @@ const NotificationBanner = globalHeaderPlugin.provide(
   })
 );
 
-export { GlobalHeader, NotificationBanner, 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 {\n  createPlugin,\n  createComponentExtension,\n} from '@backstage/core-plugin-api';\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 * 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":";;AA+BO,MAAM,qBAAqB,YAAa,CAAA;AAAA,EAC7C,EAAI,EAAA;AACN,CAAC;AAOM,MAAM,eAAe,kBAAmB,CAAA,OAAA;AAAA,EAC7C,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,cAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,kCAA2B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,YAAY;AAAA;AAC1E,GACD;AACH;AAOO,MAAM,qBAAqB,kBAAmB,CAAA,OAAA;AAAA,EACnD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,oBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,wCAAiC,CAAE,CAAA,IAAA;AAAA,QACxC,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;;;;"}
+{"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';\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';\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 { 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  ComponentType,\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 = 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 = 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/dist/types.esm.js

@@ -0,0 +1,14 @@
+var ComponentType = /* @__PURE__ */ ((ComponentType2) => {
+  ComponentType2["SPACER"] = "spacer";
+  ComponentType2["SUPPORT_BUTTON"] = "support_button";
+  ComponentType2["DROPDOWN_BUTTON"] = "dropdown_button";
+  ComponentType2["ICON_BUTTON"] = "icon_button";
+  ComponentType2["LINK"] = "link";
+  ComponentType2["LIST"] = "list";
+  ComponentType2["SEARCH"] = "search";
+  ComponentType2["LOGOUT"] = "logout";
+  return ComponentType2;
+})(ComponentType || {});
+
+export { ComponentType };
+//# sourceMappingURL=types.esm.js.map

package/dist/types.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.esm.js","sources":["../src/types.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\n/**\n * Component\n *\n * @public\n */\nexport enum ComponentType {\n  /**\n   * Global Header spacer\n   */\n  SPACER = 'spacer',\n  /**\n   * Global Header support button\n   */\n  SUPPORT_BUTTON = 'support_button',\n  /**\n   * Global Header Component dropdown button\n   */\n  DROPDOWN_BUTTON = 'dropdown_button',\n  /**\n   * Global Header Component icon button\n   */\n  ICON_BUTTON = 'icon_button',\n  /**\n   * Global Header Component link\n   */\n  LINK = 'link',\n  /**\n   * Global Header Component list\n   */\n  LIST = 'list',\n  /**\n   * Global Header Component search\n   */\n  SEARCH = 'search',\n  /**\n   * Global Header Component logout\n   */\n  LOGOUT = 'logout',\n}\n\n/**\n * Global Header Config\n *\n * @public\n */\nexport interface GlobalHeaderComponentMountPointConfig {\n  type?: ComponentType;\n  priority?: number;\n}\n\n/**\n * Create Dropdown Config\n *\n * @public\n */\nexport interface CreateDropdownMountPointConfig {\n  type: ComponentType;\n  priority?: number;\n  props?: Record<string, any>;\n}\n/**\n * Profile Dropdown Config\n *\n * @public\n */\nexport interface ProfileDropdownMountPointConfig {\n  type: ComponentType;\n  priority?: number;\n  icon?: string;\n  title?: string;\n  link?: string;\n  props?: Record<string, any>;\n}\n\n/**\n * Global Header Component Mount Point\n *\n * @public\n */\nexport interface GlobalHeaderComponentMountPoint {\n  Component: React.ComponentType<{}>;\n  config?: GlobalHeaderComponentMountPointConfig & {\n    layout?: Record<string, any>;\n    props?: Record<string, any>;\n  };\n}\n\n/**\n * Create Dropdown Mount Point\n *\n * @public\n */\nexport interface CreateDropdownMountPoint {\n  Component: React.ComponentType;\n  config?: CreateDropdownMountPointConfig & {\n    props?: Record<string, any>;\n  };\n}\n\n/**\n * Profile Dropdown Mount Point\n *\n * @public\n */\nexport interface ProfileDropdownMountPoint {\n  Component: React.ComponentType;\n  config?: ProfileDropdownMountPointConfig & {\n    props?: Record<string, any>;\n  };\n}\n\n/**\n * ScalprumState\n *\n * @public\n */\nexport interface ScalprumState {\n  api?: {\n    dynamicRootConfig?: {\n      mountPoints?: {\n        'global.header/component': GlobalHeaderComponentMountPoint[];\n        'global.header/create': CreateDropdownMountPoint[];\n        'global.header/profile': ProfileDropdownMountPoint[];\n      };\n    };\n  };\n}\n"],"names":["ComponentType"],"mappings":"AAqBY,IAAA,aAAA,qBAAAA,cAAL,KAAA;AAIL,EAAAA,eAAA,QAAS,CAAA,GAAA,QAAA;AAIT,EAAAA,eAAA,gBAAiB,CAAA,GAAA,gBAAA;AAIjB,EAAAA,eAAA,iBAAkB,CAAA,GAAA,iBAAA;AAIlB,EAAAA,eAAA,aAAc,CAAA,GAAA,aAAA;AAId,EAAAA,eAAA,MAAO,CAAA,GAAA,MAAA;AAIP,EAAAA,eAAA,MAAO,CAAA,GAAA,MAAA;AAIP,EAAAA,eAAA,QAAS,CAAA,GAAA,QAAA;AAIT,EAAAA,eAAA,QAAS,CAAA,GAAA,QAAA;AAhCC,EAAAA,OAAAA,cAAAA;AAAA,CAAA,EAAA,aAAA,IAAA,EAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-global-header",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -33,19 +33,25 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.15.1",
-    "@backstage/core-plugin-api": "^1.10.0",
-    "@backstage/plugin-search": "1.4.18",
-    "@backstage/plugin-search-backend": "1.6.1",
-    "@backstage/plugin-search-backend-module-catalog": "^0.2.4",
-    "@backstage/plugin-search-backend-module-pg": "0.5.37",
-    "@backstage/plugin-search-backend-module-techdocs": "^0.3.1",
-    "@backstage/plugin-search-common": "^1.2.15",
-    "@backstage/plugin-search-react": "^1.8.1",
-    "@backstage/theme": "^0.6.0",
+    "@backstage/catalog-model": "^1.7.3",
+    "@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",
+    "@backstage/plugin-search-backend-module-pg": "^0.5.40",
+    "@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",
     "@mui/styled-engine": "5.16.13",
+    "@scalprum/react-core": "0.9.3",
     "react-dom": "18.3.1",
     "react-router-dom": "^6.26.2",
     "react-use": "^17.5.0"
@@ -55,11 +61,14 @@
     "react-router-dom": "^6.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.29.0",
-    "@backstage/core-app-api": "^1.15.2",
-    "@backstage/dev-utils": "^1.1.4",
-    "@backstage/plugin-search-common": "^1.2.16",
-    "@backstage/test-utils": "^1.7.2",
+    "@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",
@@ -67,6 +76,12 @@
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "^6.0.0"
   },
+  "keywords": [
+    "support:tech-preview",
+    "lifecycle:active",
+    "backstage",
+    "plugin"
+  ],
   "files": [
     "app-config.dynamic.yaml",
     "dist"

package/dist/components/HeaderDropdownComponent/MenuItemContent.esm.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import SmallIconWrapper from '../HeaderIconButton/SmallIconWrapper.esm.js';
-
-const MenuItemContent = ({ Icon, label, subLabel }) => /* @__PURE__ */ React.createElement(Box, { sx: { display: "flex", alignItems: "center", margin: "8px 0" } }, Icon && /* @__PURE__ */ React.createElement(
-  SmallIconWrapper,
-  {
-    IconComponent: Icon,
-    sx: { marginRight: "0.5rem", flexShrink: 0 }
-  }
-), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, label), subLabel && /* @__PURE__ */ React.createElement(Typography, { variant: "caption", color: "text.secondary" }, subLabel)));
-
-export { MenuItemContent as default };
-//# sourceMappingURL=MenuItemContent.esm.js.map

package/dist/components/HeaderDropdownComponent/MenuItemContent.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItemContent.esm.js","sources":["../../../src/components/HeaderDropdownComponent/MenuItemContent.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 Typography from '@mui/material/Typography';\nimport { SvgIconProps } from '@mui/material/SvgIcon';\nimport Box from '@mui/material/Box';\nimport SmallIconWrapper from '../HeaderIconButton/SmallIconWrapper';\n\nconst MenuItemContent: React.FC<{\n  Icon?: React.ElementType<SvgIconProps>;\n  label: string;\n  subLabel?: string;\n}> = ({ Icon, label, subLabel }) => (\n  <Box sx={{ display: 'flex', alignItems: 'center', margin: '8px 0' }}>\n    {Icon && (\n      <SmallIconWrapper\n        IconComponent={Icon}\n        sx={{ marginRight: '0.5rem', flexShrink: 0 }}\n      />\n    )}\n    <Box>\n      <Typography variant=\"body2\">{label}</Typography>\n      {subLabel && (\n        <Typography variant=\"caption\" color=\"text.secondary\">\n          {subLabel}\n        </Typography>\n      )}\n    </Box>\n  </Box>\n);\n\nexport default MenuItemContent;\n"],"names":[],"mappings":";;;;;AAsBA,MAAM,kBAID,CAAC,EAAE,MAAM,KAAO,EAAA,QAAA,uBAClB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,SAAS,MAAQ,EAAA,UAAA,EAAY,UAAU,MAAQ,EAAA,OAAA,MACvD,IACC,oBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,gBAAA;AAAA,EAAA;AAAA,IACC,aAAe,EAAA,IAAA;AAAA,IACf,EAAI,EAAA,EAAE,WAAa,EAAA,QAAA,EAAU,YAAY,CAAE;AAAA;AAC7C,CAAA,sCAED,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAS,KAAM,CAAA,EAClC,QACC,oBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,OAAM,gBACjC,EAAA,EAAA,QACH,CAEJ,CACF;;;;"}