remove deprecated prop profileMenu from TopNavigation (#2906)

.changeset/angry-ears-train.md

@@ -0,0 +1,5 @@
+---
+"@sumup-oss/circuit-ui": minor
+---
+
+Removed the deprecated `profileMenu` and `user` props from the TopNavigation component.

packages/circuit-ui/components/TopNavigation/TopNavigation.spec.tsx

@@ -17,7 +17,6 @@ import { describe, expect, it, vi } from 'vitest';
 import { Shop, SumUpLogo } from '@sumup-oss/icons';
 
 import { axe, render, screen } from '../../util/test-utils.js';
-import type { PopoverProps } from '../Popover/index.js';
 
 import { TopNavigation, type TopNavigationProps } from './TopNavigation.js';
 
@@ -39,29 +38,6 @@ describe('TopNavigation', () => {
       activeLabel: 'Close menu',
       inactiveLabel: 'Open menu',
     },
-    user: {
-      name: 'Jane Doe',
-      id: 'ID: AC3YULT8',
-    },
-    profileMenu: {
-      label: 'Open profile menu',
-      actions: [
-        {
-          onClick: vi.fn(),
-          children: 'View profile',
-        },
-        {
-          onClick: vi.fn(),
-          children: 'Settings',
-        },
-        { type: 'divider' },
-        {
-          onClick: vi.fn(),
-          children: 'Logout',
-          destructive: true,
-        },
-      ] as PopoverProps['actions'],
-    },
     links: [
       {
         icon: Shop,

packages/circuit-ui/components/TopNavigation/TopNavigation.stories.tsx

@@ -90,32 +90,6 @@ export const baseArgs: TopNavigationProps = {
       <SumUpLogo />
     </a>
   ),
-  user: {
-    name: 'Jane Doe',
-    id: 'ID: AC3YULT8',
-  },
-  profileMenu: {
-    label: 'Open profile menu',
-    actions: [
-      {
-        href: '/profile',
-        onClick: action('View profile'),
-        children: 'View profile',
-      },
-      {
-        href: '/settings',
-        onClick: action('Settings'),
-        children: 'Settings',
-      },
-      { type: 'divider' },
-      {
-        onClick: action('Logout'),
-        children: 'Logout',
-        destructive: true,
-      },
-    ],
-    className: 'custom-class-name',
-  },
   links: [
     {
       key: 'custom',

packages/circuit-ui/components/TopNavigation/TopNavigation.tsx

@@ -23,15 +23,10 @@ import { clsx } from '../../styles/clsx.js';
 import { utilClasses } from '../../styles/utility.js';
 import { SkipLink } from '../SkipLink/index.js';
 
-import {
-  ProfileMenu,
-  type ProfileMenuProps,
-} from './components/ProfileMenu/index.js';
 import {
   UtilityLinks,
   type UtilityLinksProps,
 } from './components/UtilityLinks/index.js';
-import type { UserProps } from './types.js';
 import classes from './TopNavigation.module.css';
 
 /**
@@ -44,14 +39,6 @@ export interface TopNavigationProps
     HTMLAttributes<HTMLElement> {
   logo: ReactNode;
   hamburger?: HamburgerProps;
-  /**
-   * @deprecated Use a custom component in the `links` prop instead.
-   */
-  profileMenu?: Omit<ProfileMenuProps, 'user'>;
-  /**
-   * @deprecated Use a custom component in the `links` prop instead.
-   */
-  user?: UserProps;
   isLoading?: boolean;
   /**
    * Hash link to the page's main content to enable keyboard and screen reader
@@ -67,8 +54,6 @@ export interface TopNavigationProps
 
 export function TopNavigation({
   logo,
-  user,
-  profileMenu,
   links,
   hamburger,
   isLoading,
@@ -108,7 +93,6 @@ export function TopNavigation({
         isLoading={Boolean(isLoading)}
       >
         {links && <UtilityLinks links={links} />}
-        {profileMenu && user && <ProfileMenu {...profileMenu} user={user} />}
       </SkeletonContainer>
     </header>
   );