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

package/dist/hooks/useCreateDropdownMountPoints.esm.js

@@ -0,0 +1,10 @@
+import { useScalprum } from '@scalprum/react-core';
+
+const useCreateDropdownMountPoints = () => {
+  const scalprum = useScalprum();
+  const createDropdownMountPoints = scalprum?.api?.dynamicRootConfig?.mountPoints?.["global.header/create"];
+  return createDropdownMountPoints ?? [];
+};
+
+export { useCreateDropdownMountPoints };
+//# sourceMappingURL=useCreateDropdownMountPoints.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateDropdownMountPoints.esm.js","sources":["../../src/hooks/useCreateDropdownMountPoints.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 { CreateDropdownMountPoint, ScalprumState } from '../types';\nimport { useScalprum } from '@scalprum/react-core';\n\nexport const useCreateDropdownMountPoints = ():\n  | CreateDropdownMountPoint[]\n  | undefined => {\n  const scalprum = useScalprum<ScalprumState>();\n\n  const createDropdownMountPoints =\n    scalprum?.api?.dynamicRootConfig?.mountPoints?.['global.header/create'];\n\n  return createDropdownMountPoints ?? [];\n};\n"],"names":[],"mappings":";;AAmBO,MAAM,+BAA+B,MAE3B;AACf,EAAA,MAAM,WAAW,WAA2B,EAAA;AAE5C,EAAA,MAAM,yBACJ,GAAA,QAAA,EAAU,GAAK,EAAA,iBAAA,EAAmB,cAAc,sBAAsB,CAAA;AAExE,EAAA,OAAO,6BAA6B,EAAC;AACvC;;;;"}

package/dist/hooks/useGlobalHeaderMountPoints.esm.js

@@ -0,0 +1,10 @@
+import { useScalprum } from '@scalprum/react-core';
+
+const useGlobalHeaderMountPoints = () => {
+  const scalprum = useScalprum();
+  const globalHeaderComponentsMountPoints = scalprum?.api?.dynamicRootConfig?.mountPoints?.["global.header/component"];
+  return globalHeaderComponentsMountPoints;
+};
+
+export { useGlobalHeaderMountPoints };
+//# sourceMappingURL=useGlobalHeaderMountPoints.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGlobalHeaderMountPoints.esm.js","sources":["../../src/hooks/useGlobalHeaderMountPoints.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 { useScalprum } from '@scalprum/react-core';\nimport { GlobalHeaderComponentMountPoint, ScalprumState } from '../types';\n\nexport const useGlobalHeaderMountPoints = ():\n  | GlobalHeaderComponentMountPoint[]\n  | undefined => {\n  const scalprum = useScalprum<ScalprumState>();\n\n  const globalHeaderComponentsMountPoints =\n    scalprum?.api?.dynamicRootConfig?.mountPoints?.['global.header/component'];\n\n  return globalHeaderComponentsMountPoints;\n};\n"],"names":[],"mappings":";;AAmBO,MAAM,6BAA6B,MAEzB;AACf,EAAA,MAAM,WAAW,WAA2B,EAAA;AAE5C,EAAA,MAAM,iCACJ,GAAA,QAAA,EAAU,GAAK,EAAA,iBAAA,EAAmB,cAAc,yBAAyB,CAAA;AAE3E,EAAO,OAAA,iCAAA;AACT;;;;"}

package/dist/hooks/useProfileDropdownMountPoints.esm.js

@@ -0,0 +1,10 @@
+import { useScalprum } from '@scalprum/react-core';
+
+const useProfileDropdownMountPoints = () => {
+  const scalprum = useScalprum();
+  const profileDropdownMountPoints = scalprum?.api?.dynamicRootConfig?.mountPoints?.["global.header/profile"];
+  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 { 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  return profileDropdownMountPoints ?? [];\n};\n"],"names":[],"mappings":";;AAmBO,MAAM,gCAAgC,MAE5B;AACf,EAAA,MAAM,WAAW,WAA2B,EAAA;AAE5C,EAAA,MAAM,0BACJ,GAAA,QAAA,EAAU,GAAK,EAAA,iBAAA,EAAmB,cAAc,uBAAuB,CAAA;AAEzE,EAAA,OAAO,8BAA8B,EAAC;AACxC;;;;"}

package/dist/index.d.ts

@@ -1,16 +1,166 @@
-/// <reference types="react" />
-import * as react from 'react';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import React from 'react';
 
 /**
  * @public
+ */
+type NotificationBannerDismiss = 'none' | 'session' | 'localstorage';
+/**
+ * @public
+ */
+interface NotificationBannerProps {
+    id?: string;
+    title: string;
+    markdown?: boolean;
+    textColor?: string;
+    backgroundColor?: string;
+    border?: string;
+    borderRadius?: string;
+    dismiss?: NotificationBannerDismiss;
+}
+
+/**
+ * @public
+ * Create button properties
+ */
+interface CreateButtonProps {
+    handleMenu: (event: React.MouseEvent<HTMLElement>) => void;
+    anchorEl: HTMLElement | null;
+    setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+}
+
+/**
+ * Header Icon Button properties
+ * @public
+ */
+interface HeaderIconButtonProps {
+    icon: string;
+    to?: string;
+    tooltip?: string;
+}
+
+/**
+ * @public
+ * ProfileDropdown component properties
+ */
+interface ProfileDropdownProps {
+    handleMenu: (event: React.MouseEvent<HTMLElement>) => void;
+    anchorEl: HTMLElement | null;
+    setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+}
+
+/**
+ * Header Icon Button properties
+ * @public
+ */
+interface HeaderLinkProps {
+    to: string;
+    title?: string;
+    subTitle?: string;
+    icon?: string;
+    tooltip?: string;
+}
+
+/**
+ * Menu item configuration
+ *
+ * @public
+ */
+interface MenuItemConfig {
+    Component: React.ComponentType<HeaderLinkProps | {}>;
+    type: string;
+    label: string;
+    icon?: string;
+    subLabel?: string;
+    link?: string;
+}
+
+/**
+ * Software Templates Section properties
+ *
+ * @public
+ */
+type SoftwareTemplatesSectionProps = {
+    items: MenuItemConfig[];
+    handleClose: () => void;
+    hideDivider?: boolean;
+};
+
+/**
+ * Register A Component Section properties
+ *
+ * @public
+ */
+type RegisterAComponentSectionProps = {
+    hideDivider: boolean;
+    handleClose: () => void;
+};
+
+/**
  * Global Header Plugin
+ *
+ * @public
  */
 declare const globalHeaderPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}, {}>;
 /**
- * @public
  * Global Header
+ *
+ * @public
+ */
+declare const GlobalHeader: () => React.JSX.Element;
+/**
+ * Search Component
+ *
+ * @public
+ */
+declare const SearchComponent: React.ComponentType;
+/**
+ * Create Dropdown
+ *
+ * @public
+ */
+declare const CreateDropdown: React.ComponentType<CreateButtonProps>;
+/**
+ * Header Icon Button
+ *
+ * @public
+ */
+declare const HeaderIconButton: React.ComponentType<HeaderIconButtonProps>;
+/**
+ * Profile Dropdown
+ *
+ * @public
+ */
+declare const ProfileDropdown: React.ComponentType<ProfileDropdownProps>;
+/**
+ * Software Templates List
+ *
+ * @public
+ */
+declare const SoftwareTemplatesSection: React.ComponentType<SoftwareTemplatesSectionProps>;
+/**
+ * Register A Component Link
+ *
+ * @public
+ */
+declare const RegisterAComponentSection: React.ComponentType<RegisterAComponentSectionProps>;
+/**
+ * Header Link
+ *
+ * @public
+ */
+declare const HeaderLink: React.ComponentType<HeaderLinkProps>;
+/**
+ * Header Logout Button
+ *
+ * @public
+ */
+declare const LogoutButton: React.ComponentType;
+/**
+ * NotificationBanner
+ *
+ * @public
  */
-declare const GlobalHeader: () => react.JSX.Element;
+declare const NotificationBanner: (props: NotificationBannerProps) => React.JSX.Element | null;
 
-export { GlobalHeader, globalHeaderPlugin };
+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 };

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { unstable_ClassNameGenerator } from '@mui/material/className';
-export { GlobalHeader, globalHeaderPlugin } from './plugin.esm.js';
+export { CreateDropdown, GlobalHeader, HeaderIconButton, HeaderLink, LogoutButton, NotificationBanner, ProfileDropdown, RegisterAComponentSection, SearchComponent, SoftwareTemplatesSection, globalHeaderPlugin } from './plugin.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 { globalHeaderPlugin, GlobalHeader } 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

@@ -11,6 +11,90 @@ const GlobalHeader = globalHeaderPlugin.provide(
     }
   })
 );
+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 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",
+    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 HeaderLink = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "HeaderLink",
+    component: {
+      lazy: () => import('./components/HeaderLinkComponent/HeaderLink.esm.js').then(
+        (m) => m.HeaderLink
+      )
+    }
+  })
+);
+const LogoutButton = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "LogoutButton",
+    component: {
+      lazy: () => import('./components/HeaderButtonComponent/LogoutButton.esm.js').then(
+        (m) => m.LogoutButton
+      )
+    }
+  })
+);
+const NotificationBanner = globalHeaderPlugin.provide(
+  createComponentExtension({
+    name: "NotificationBanner",
+    component: {
+      lazy: () => import('./components/NotificationBanner.esm.js').then(
+        (m) => m.NotificationBanner
+      )
+    }
+  })
+);
 
-export { GlobalHeader, globalHeaderPlugin };
+export { CreateDropdown, GlobalHeader, HeaderIconButton, HeaderLink, LogoutButton, NotificationBanner, ProfileDropdown, RegisterAComponentSection, SearchComponent, SoftwareTemplatesSection, 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\n/**\n * @public\n * Global Header Plugin\n */\nexport const globalHeaderPlugin = createPlugin({\n  id: 'global-header',\n});\n\n/**\n * @public\n * Global Header\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"],"names":[],"mappings":";;AAyBO,MAAM,qBAAqB,YAAa,CAAA;AAAA,EAC7C,EAAI,EAAA;AACN,CAAC;AAMM,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;;;;"}
+{"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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"}

package/dist/types.esm.js

@@ -0,0 +1,17 @@
+var Slot = /* @__PURE__ */ ((Slot2) => {
+  Slot2["HEADER_START"] = "header-start";
+  Slot2["HEADER_END"] = "header-end";
+  return Slot2;
+})(Slot || {});
+var ComponentType = /* @__PURE__ */ ((ComponentType2) => {
+  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, Slot };
+//# 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 * Slot\n *\n * @public\n */\nexport enum Slot {\n  /**\n   * Positions the global header component at the start of the global header\n   */\n  HEADER_START = 'header-start',\n  /**\n   * Positions the global header component at the end of the global header\n   */\n  HEADER_END = 'header-end',\n}\n\n/**\n * Component\n *\n * @public\n */\nexport enum ComponentType {\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  key?: string;\n  slot?: Slot;\n  priority?: number;\n  size?: 'small' | 'medium' | 'large';\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    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":["Slot","ComponentType"],"mappings":"AAqBY,IAAA,IAAA,qBAAAA,KAAL,KAAA;AAIL,EAAAA,MAAA,cAAe,CAAA,GAAA,cAAA;AAIf,EAAAA,MAAA,YAAa,CAAA,GAAA,YAAA;AARH,EAAAA,OAAAA,KAAAA;AAAA,CAAA,EAAA,IAAA,IAAA,EAAA;AAgBA,IAAA,aAAA,qBAAAC,cAAL,KAAA;AAIL,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;AAxBC,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.2",
+  "version": "0.0.4",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -33,19 +33,22 @@
     "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-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/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 +58,12 @@
     "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/plugin-search-common": "^1.2.17",
+    "@backstage/test-utils": "^1.7.4",
+    "@openshift/dynamic-plugin-sdk": "^5.0.1",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",
@@ -67,7 +71,14 @@
     "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"
   ],
   "typesVersions": {

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;;;;"}

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import IconButton from '@mui/material/IconButton';
-import SmallIconWrapper from './SmallIconWrapper.esm.js';
-
-const HeaderIconButton = ({
-  Icon,
-  onClick
-}) => {
-  return /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      color: "inherit",
-      "aria-label": "help",
-      sx: { mr: 1.5 },
-      onClick
-    },
-    /* @__PURE__ */ React.createElement(SmallIconWrapper, { IconComponent: Icon })
-  );
-};
-
-export { HeaderIconButton };
-//# sourceMappingURL=HeaderIconButton.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderIconButton.esm.js","sources":["../../../src/components/HeaderIconButton/HeaderIconButton.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 IconButton from '@mui/material/IconButton';\nimport SmallIconWrapper, { IconComponentType } from './SmallIconWrapper';\n\ninterface HeaderIconButtonProps {\n  Icon: IconComponentType;\n  onClick: () => void;\n}\n\nexport const HeaderIconButton: React.FC<HeaderIconButtonProps> = ({\n  Icon,\n  onClick,\n}) => {\n  return (\n    <IconButton\n      color=\"inherit\"\n      aria-label=\"help\"\n      sx={{ mr: 1.5 }}\n      onClick={onClick}\n    >\n      <SmallIconWrapper IconComponent={Icon} />\n    </IconButton>\n  );\n};\n"],"names":[],"mappings":";;;;AAyBO,MAAM,mBAAoD,CAAC;AAAA,EAChE,IAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,SAAA;AAAA,MACN,YAAW,EAAA,MAAA;AAAA,MACX,EAAA,EAAI,EAAE,EAAA,EAAI,GAAI,EAAA;AAAA,MACd;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,aAAA,EAAe,IAAM,EAAA;AAAA,GACzC;AAEJ;;;;"}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-
-const SmallIconWrapper = ({
-  IconComponent,
-  ...props
-}) => {
-  return /* @__PURE__ */ React.createElement(IconComponent, { fontSize: "small", ...props });
-};
-
-export { SmallIconWrapper as default };
-//# sourceMappingURL=SmallIconWrapper.esm.js.map

package/dist/components/HeaderIconButton/SmallIconWrapper.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SmallIconWrapper.esm.js","sources":["../../../src/components/HeaderIconButton/SmallIconWrapper.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 { SvgIconProps } from '@mui/material/SvgIcon';\n\nexport type IconComponentType = React.ElementType<SvgIconProps>;\n\ninterface SmallIconWrapperProps extends SvgIconProps {\n  IconComponent: IconComponentType;\n}\n\nconst SmallIconWrapper: React.FC<SmallIconWrapperProps> = ({\n  IconComponent,\n  ...props\n}) => {\n  return <IconComponent fontSize=\"small\" {...props} />;\n};\n\nexport default SmallIconWrapper;\n"],"names":[],"mappings":";;AAyBA,MAAM,mBAAoD,CAAC;AAAA,EACzD,aAAA;AAAA,EACA,GAAG;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,QAAS,EAAA,OAAA,EAAS,GAAG,KAAO,EAAA,CAAA;AACpD;;;;"}