@campfire-interactive/shell-header 0.8.14 → 0.8.15

package/dist/index.d.ts

@@ -64,6 +64,17 @@ interface TenantOption {
     /** Human-readable role label ("owner", "admin", "member"). Optional. */
     role?: string;
 }
+/**
+ * A host-supplied action rendered in the user (avatar) menu, above Sign out.
+ * For user-scoped destinations that live outside the current app — e.g.
+ * identity's "Connected accounts" surface. The host owns navigation (onClick).
+ */
+interface UserMenuItem {
+    label: string;
+    onClick: () => void;
+    /** Optional leading icon; a 14px icon node aligns with the menu's other rows. */
+    icon?: React.ReactNode;
+}
 interface LocaleOption {
     /** BCP-47-ish language code, e.g. "en", "de". */
     code: string;
@@ -167,6 +178,12 @@ interface ShellHeaderProps {
     onNotificationItemClick?: (item: NotificationItem) => void;
     /** Called when logout is clicked */
     onLogout?: () => void;
+    /**
+     * Extra actions rendered in the user (avatar) menu, above Sign out — for
+     * user-scoped destinations outside the current app (e.g. "Connected
+     * accounts", landing on the identity origin). Omit for none.
+     */
+    userMenuItems?: ReadonlyArray<UserMenuItem>;
     /**
      * The user's currently-active tenant. When provided, the user menu
      * shows an "Acting as: <tenant>" row.
@@ -238,7 +255,7 @@ interface ShellHeaderProps {
     children?: React.ReactNode;
 }
 
-declare function ShellHeader({ appId, user, authorizedApps, currentTenantRole, notificationCount, onNotificationClick, notifications, onMarkRead, onMarkAllRead, onNotificationItemClick, onLogout, locale, supportedLocales, onLocaleChange, currency, supportedCurrencies, onCurrencyChange, tenant, tenants, onTenantSwitch, about, showSuiteLogo, brandWidth, children, }: ShellHeaderProps): react_jsx_runtime.JSX.Element;
+declare function ShellHeader({ appId, user, authorizedApps, currentTenantRole, notificationCount, onNotificationClick, notifications, onMarkRead, onMarkAllRead, onNotificationItemClick, onLogout, locale, supportedLocales, onLocaleChange, currency, supportedCurrencies, onCurrencyChange, tenant, tenants, onTenantSwitch, userMenuItems, about, showSuiteLogo, brandWidth, children, }: ShellHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface LocaleSwitcherProps {
     currentLocale: string;

package/dist/index.js

@@ -356,7 +356,8 @@ function UserMenu({
   onCurrencyChange,
   tenant,
   tenants,
-  onTenantSwitch
+  onTenantSwitch,
+  userMenuItems
 }) {
   const [open, setOpen] = useState3(false);
   const [langExpanded, setLangExpanded] = useState3(false);
@@ -566,6 +567,24 @@ function UserMenu({
           cur.code
         )) })
       ] }),
+      userMenuItems && userMenuItems.length > 0 && /* @__PURE__ */ jsxs4(Fragment, { children: [
+        /* @__PURE__ */ jsx4("div", { className: "cfi-sh-divider" }),
+        userMenuItems.map((item, i) => /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            className: "cfi-sh-menu-item",
+            onClick: () => {
+              setOpen(false);
+              item.onClick();
+            },
+            children: [
+              item.icon,
+              /* @__PURE__ */ jsx4("span", { children: item.label })
+            ]
+          },
+          i
+        ))
+      ] }),
       /* @__PURE__ */ jsx4("div", { className: "cfi-sh-divider" }),
       /* @__PURE__ */ jsxs4(
         "button",
@@ -747,6 +766,7 @@ function ShellHeader({
   tenant,
   tenants,
   onTenantSwitch,
+  userMenuItems,
   about,
   showSuiteLogo,
   brandWidth,
@@ -791,7 +811,8 @@ function ShellHeader({
             onCurrencyChange,
             tenant,
             tenants,
-            onTenantSwitch
+            onTenantSwitch,
+            userMenuItems
           }
         )
       ] })

package/package.json

@@ -1,41 +1,41 @@
-{
-  "name": "@campfire-interactive/shell-header",
-  "version": "0.8.14",
-  "description": "Shared shell header with app switcher for Campfire Suite",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "dependencies": {
-    "@campfire-interactive/design-tokens": "*",
-    "lucide-react": "^0.460.0"
-  },
-  "devDependencies": {
-    "@types/react": "^19.0.0",
-    "esbuild-css-modules-plugin": "^3.1.5",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.0.0"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org",
-    "access": "public"
-  }
-}
+{
+  "name": "@campfire-interactive/shell-header",
+  "version": "0.8.15",
+  "description": "Shared shell header with app switcher for Campfire Suite",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@campfire-interactive/design-tokens": "*",
+    "lucide-react": "^0.460.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "esbuild-css-modules-plugin": "^3.1.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  }
+}