@jmruthers/pace-core 0.5.90 → 0.5.91

package/dist/{PublicLoadingSpinner-BQXD1fbO.d.ts → PublicLoadingSpinner-Dx5c2g3S.d.ts}

@@ -1866,6 +1866,8 @@ interface HeaderProps {
     currentPath?: string;
     /** Custom navigation handler */
     onNavigate?: (item: NavigationItem) => void;
+    /** URL to navigate to when logo is clicked (e.g., '/dashboard') */
+    logoHref?: string;
 }
 /**
  * Header component for application layouts with comprehensive navigation, user management,
@@ -1876,6 +1878,7 @@ interface HeaderProps {
  *
  * Features:
  * - Customizable logo (URL or custom component)
+ * - Clickable logo that automatically routes to dashboard (configurable via logoHref)
  * - Navigation menu integration with highlighting
  * - User menu with authentication and password management
  * - Event selector for multi-tenant applications
@@ -1886,7 +1889,7 @@ interface HeaderProps {
  * - Flexible layout with configurable sections
  *
  * @example
- * Basic header with logo and navigation:
+ * Basic header with logo and navigation (logo routes to /dashboard when clicked):
  * ```tsx
  * import { Header } from '@jmruthers/pace-core';
  * import { useNavigate, useLocation } from 'react-router-dom';
@@ -1905,6 +1908,7 @@ interface HeaderProps {
  *     <Header
  *       logoUrl="/company-logo.svg"
  *       logoAlt="My Company"
+ *       logoHref="/dashboard"
  *       navItems={navItems}
  *       currentPath={location.pathname}
  *       onNavigate={(item) => navigate(item.href)}
@@ -1961,7 +1965,7 @@ interface HeaderProps {
  *
  * @since 0.1.0
  */
-declare function Header({ logoUrl, logoAlt, logo, navItems, user, onSignOut, onChangePassword, actions, userMenu, className, showEventSelector, showUserMenu, currentPath, onNavigate }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ logoUrl, logoAlt, logo, navItems, user, onSignOut, onChangePassword, actions, userMenu, className, showEventSelector, showUserMenu, currentPath, onNavigate, logoHref }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 /**
  * @file Footer Component
@@ -2212,6 +2216,8 @@ interface PaceAppLayoutProps {
     headerActions?: React__default.ReactNode;
     /** Custom logo component (overrides default logo) */
     customLogo?: React__default.ReactNode;
+    /** URL to navigate to when logo is clicked (defaults to '/dashboard') */
+    logoHref?: string;
     /** Custom user menu component (overrides default user menu) */
     customUserMenu?: React__default.ReactNode;
     /** Custom className for the header */
@@ -2399,7 +2405,7 @@ interface PaceAppLayoutProps {
  *
  * @since 0.1.0
  */
-declare function PaceAppLayout({ appName, navItems, showEventSelector, headerActions, customLogo, customUserMenu, headerClassName, showUserMenu, enforcePermissions, defaultPermission, routePermissions, permissionFallback, filterNavigationByPermissions, pageIdMapping, strictMode, enforcePagePermissions, pagePermissionFallback, auditLog, onPageAccessDenied, onStrictModeViolation, roleBasedRouting, routeConfig, fallbackRoute, onRouteAccessDenied, onRouteStrictModeViolation }: PaceAppLayoutProps): react_jsx_runtime.JSX.Element;
+declare function PaceAppLayout({ appName, navItems, showEventSelector, headerActions, customLogo, logoHref, customUserMenu, headerClassName, showUserMenu, enforcePermissions, defaultPermission, routePermissions, permissionFallback, filterNavigationByPermissions, pageIdMapping, strictMode, enforcePagePermissions, pagePermissionFallback, auditLog, onPageAccessDenied, onStrictModeViolation, roleBasedRouting, routeConfig, fallbackRoute, onRouteAccessDenied, onRouteStrictModeViolation }: PaceAppLayoutProps): react_jsx_runtime.JSX.Element;
 
 /**
  * @file PACE Login Page Component

package/dist/{chunk-EWMXLDIX.js → chunk-VJJNZKHO.js}

@@ -1123,6 +1123,7 @@ var NavigationMenu = React9.forwardRef(({
 NavigationMenu.displayName = "NavigationMenu";
 
 // src/components/Header/Header.tsx
+import { Link } from "react-router-dom";
 import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function Header({
   logoUrl,
@@ -1138,20 +1139,35 @@ function Header({
   showEventSelector = true,
   showUserMenu = true,
   currentPath,
-  onNavigate
+  onNavigate,
+  logoHref
 }) {
   return /* @__PURE__ */ jsx12("header", { className: cn(
     "w-full border-b border-main-200 h-16 shadow-sm bg-main-100 ",
     className
   ), role: "banner", children: /* @__PURE__ */ jsxs8("nav", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto grid grid-cols-[auto_auto_1fr_auto] gap-4 h-full items-center", children: [
-    logo ? logo : logoUrl ? /* @__PURE__ */ jsx12(
+    logo ? logoHref ? /* @__PURE__ */ jsx12(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: logo }) : logo : logoUrl ? logoHref ? /* @__PURE__ */ jsx12(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx12(
+      "img",
+      {
+        src: logoUrl,
+        alt: logoAlt || "Logo",
+        className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
+      }
+    ) }) : /* @__PURE__ */ jsx12(
       "img",
       {
         src: logoUrl,
         alt: logoAlt || "Logo",
         className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
       }
-    ) : /* @__PURE__ */ jsx12(
+    ) : logoHref ? /* @__PURE__ */ jsx12(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx12(
+      "img",
+      {
+        src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E",
+        alt: logoAlt || "Logo",
+        className: "h-8 w-8 shadow-md"
+      }
+    ) }) : /* @__PURE__ */ jsx12(
       "img",
       {
         src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E",
@@ -1227,6 +1243,7 @@ function PaceAppLayout({
   showEventSelector,
   headerActions,
   customLogo,
+  logoHref = "/dashboard",
   customUserMenu,
   headerClassName,
   showUserMenu = true,
@@ -1500,6 +1517,7 @@ function PaceAppLayout({
         logo: customLogo || void 0,
         logoUrl: !customLogo ? `/${appName.toLowerCase()}_logo_wide.svg` : void 0,
         logoAlt: `${appName} Logo`,
+        logoHref,
         navItems: filteredMenuItems,
         actions: headerActions,
         userMenu: customUserMenu,
@@ -4534,4 +4552,4 @@ export {
   PublicPageDiagnostic,
   PublicPageContextChecker
 };
-//# sourceMappingURL=chunk-EWMXLDIX.js.map
+//# sourceMappingURL=chunk-VJJNZKHO.js.map