@contact_incruiter/fcc 1.0.9 → 1.1.0

package/dist/shared/InCruiterSidebar.d.ts

@@ -15,7 +15,7 @@ export interface SidebarNavItemConfig {
     /** Shows a chevron and uses expandedContent as a collapsible panel */
     hasChevron?: boolean;
     expandedContent?: ReactNode;
-    /** Content rendered below the nav row when the sidebar is collapsed and this item is expanded */
+    /** Rendered in place of the nav row while the sidebar is collapsed (e.g. one icon per product) */
     collapsedExpandedContent?: ReactNode;
     onClick?: () => void;
 }
@@ -33,12 +33,16 @@ export interface InCruiterSidebarUser {
 }
 export interface InCruiterSidebarProps {
     logoSrc?: string;
+    /**
+     * @deprecated Pass `user` and `profileItems` to InCruiterTopBar instead. When set, the sidebar
+     * still renders the old profile block under the logo, so apps that have not moved yet keep it.
+     */
     user?: InCruiterSidebarUser;
     /** Main nav items. Defaults to empty — pass your own. */
     navItems?: SidebarNavItemConfig[];
     /** Bottom "other" nav items (e.g. Support, Logout). Defaults to empty. */
     otherItems?: SidebarNavItemConfig[];
-    /** Profile dropdown items. Defaults to My Profile + Accounts & Billing. */
+    /** @deprecated Rows of the old sidebar profile block; only used together with `user`. */
     profileItems?: SidebarProfileItemConfig[];
     activeHref?: string;
     onNavigate?: (href: string) => void;
@@ -55,6 +59,8 @@ export interface SidebarSubItemProps {
     icon?: string;
     active: boolean;
     onClick: () => void;
+    /** Collapsed-rail layout: icon stacked over the name. Use it for collapsedExpandedContent. */
+    collapsed?: boolean;
 }
-export declare function SidebarSubItem({ name, icon, active, onClick }: SidebarSubItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarSubItem({ name, icon, active, onClick, collapsed, }: SidebarSubItemProps): import("react/jsx-runtime").JSX.Element;
 export declare function InCruiterSidebar({ logoSrc, user, navItems, otherItems, profileItems, activeHref, onNavigate, collapsed: collapsedProp, onToggleCollapse, defaultExpandedItem, children, }: InCruiterSidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/InCruiterTopBar.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode, type Ref } from 'react';
+import type { InCruiterSidebarUser, SidebarProfileItemConfig } from './InCruiterSidebar';
 export interface TopBarNavLink {
     label: string;
     active?: boolean;
@@ -20,5 +21,30 @@ export interface InCruiterTopBarProps {
     navLinks?: TopBarNavLink[];
     /** ReactNode rendered just before navLinks (e.g. a "What's New" button) */
     rightExtra?: ReactNode;
+    /** Signed-in user — shows their avatar after the bell, which opens the profile menu */
+    user?: InCruiterSidebarUser;
+    /** Profile menu rows (My Profile, Accounts & Billing, …): onClick, else link in a new tab, else href */
+    profileItems?: SidebarProfileItemConfig[];
+    /** Receives the href of a profile row that has neither onClick nor link */
+    onNavigate?: (href: string) => void;
+    /** Accessible name of the tabs' <nav> (e.g. "Main") */
+    navLabel?: string;
+    /** Passed to the avatar's ProfileMenu as buttonLabel, title and zIndex */
+    profileButtonLabel?: string;
+    profileTitle?: string;
+    profileMenuZIndex?: number;
 }
-export declare function InCruiterTopBar({ title, notificationCount, onBellClick, bellRef, notificationDropdown, leftButton, navLinks, rightExtra, }: InCruiterTopBarProps): import("react/jsx-runtime").JSX.Element;
+/** The top bar's avatar menu, exported on its own for apps that keep their own header */
+export interface ProfileMenuProps {
+    user: InCruiterSidebarUser;
+    items: SidebarProfileItemConfig[];
+    onNavigate?: (href: string) => void;
+    /** Accessible name of the avatar button. Defaults to "Profile menu". */
+    buttonLabel?: string;
+    /** Tooltip on the avatar (e.g. the signed-in email) */
+    title?: string;
+    /** z-index of the open menu, which is portalled to <body>. Defaults to 1050. */
+    zIndex?: number;
+}
+export declare function ProfileMenu({ user, items, onNavigate, buttonLabel, title, zIndex, }: ProfileMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function InCruiterTopBar({ title, notificationCount, onBellClick, bellRef, notificationDropdown, leftButton, navLinks, rightExtra, user, profileItems, onNavigate, navLabel, profileButtonLabel, profileTitle, profileMenuZIndex, }: InCruiterTopBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/UserAvatar.d.ts

@@ -0,0 +1,9 @@
+import type { InCruiterSidebarUser } from './InCruiterSidebar';
+export interface UserAvatarProps {
+    user: InCruiterSidebarUser;
+    size?: number;
+    /** Draws a brand-coloured ring around the avatar */
+    highlighted?: boolean;
+}
+/** Round photo, or initials on a gradient when there is no photo */
+export declare function UserAvatar({ user, size, highlighted }: UserAvatarProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contact_incruiter/fcc",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "InCruiter Front-end Component Collection — reusable React components for InCruiter products",
   "type": "module",
   "main": "./dist/index.cjs",