diff --git a/packages/core-components/api-report.md b/packages/core-components/api-report.md
index 628d0d9a63..4cfab11374 100644
--- a/packages/core-components/api-report.md
+++ b/packages/core-components/api-report.md
@@ -1988,6 +1988,22 @@ export const SidebarSpacer: React_2.ComponentType<
}
>;
+// @public
+export const SidebarSubItem: ({
+ title,
+ to,
+ icon: Icon,
+ dropdownItems,
+}: SidebarSubItemProps) => JSX.Element;
+
+// @public
+export type SidebarSubItemProps = {
+ title: string;
+ to: string;
+ icon: IconComponent;
+ dropdownItems?: DropDownItem[];
+};
+
// Warning: (ae-forgotten-export) The symbol "Props" needs to be exported by the entry point index.d.ts
// Warning: (ae-missing-release-tag) "SignInPage" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
@@ -2093,22 +2109,6 @@ export type StructuredMetadataTableListClassKey = 'root';
// @public (undocumented)
export type StructuredMetadataTableNestedListClassKey = 'root';
-// @public
-export const SubmenuItem: ({
- title,
- to,
- icon: Icon,
- dropdownItems,
-}: SubmenuItemProps) => JSX.Element;
-
-// @public
-export type SubmenuItemProps = {
- title: string;
- to: string;
- icon: IconComponent;
- dropdownItems?: DropDownItem[];
-};
-
// Warning: (ae-forgotten-export) The symbol "SubvalueCellProps" needs to be exported by the entry point index.d.ts
// Warning: (ae-missing-release-tag) "SubvalueCell" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
//
diff --git a/packages/core-components/src/layout/Sidebar/Bar.test.tsx b/packages/core-components/src/layout/Sidebar/Bar.test.tsx
index 32f286e22a..56815305fb 100644
--- a/packages/core-components/src/layout/Sidebar/Bar.test.tsx
+++ b/packages/core-components/src/layout/Sidebar/Bar.test.tsx
@@ -24,7 +24,7 @@ import { CatalogSidebarLogo } from './icons/CatalogSidebarLogo';
import { MiscIcon } from './icons/MiscIcon';
import { Sidebar, SidebarExpandButton } from './Bar';
import { SidebarItem, SidebarSearchField } from './Items';
-import { SubmenuItem } from './SubmenuItem';
+import { SidebarSubItem } from './SidebarSubItem';
async function renderScalableSidebar() {
await renderInTestApp(
@@ -37,8 +37,8 @@ async function renderScalableSidebar() {
hasSubMenu
submenuTitle="Catalog"
>
-
-
+ (
hasSubMenu
submenuTitle="Catalog"
>
-
-
-
-
-
-
+
+
+
+
+ {
+}: SidebarSubItemProps) => {
const classes = useStyles();
const { pathname: locationPathname } = useLocation();
const { pathname: toPathname } = useResolvedPath(to);
diff --git a/packages/core-components/src/layout/Sidebar/index.ts b/packages/core-components/src/layout/Sidebar/index.ts
index e572315cf2..f816b8f7f4 100644
--- a/packages/core-components/src/layout/Sidebar/index.ts
+++ b/packages/core-components/src/layout/Sidebar/index.ts
@@ -15,8 +15,8 @@
*/
export { Sidebar, SidebarExpandButton } from './Bar';
-export { SubmenuItem } from './SubmenuItem';
-export type { SubmenuItemProps, DropDownItem } from './SubmenuItem';
+export { SidebarSubItem } from './SidebarSubItem';
+export type { SidebarSubItemProps, DropDownItem } from './SidebarSubItem';
export type { SidebarClassKey } from './Bar';
export { SidebarPage, SidebarPinStateContext } from './Page';
export type { SidebarPinStateContextType, SidebarPageClassKey } from './Page';