@glamcor/dna-shared-nav 1.0.3 → 1.0.4

package/dist/DNAHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DNAHeader.d.ts","sourceRoot":"","sources":["../src/DNAHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AAsCrD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,UAAwB,EACxB,KAAyB,EACzB,OAAO,EACP,QAAQ,GACT,EAAE,cAAc,2CAoDhB"}
+{"version":3,"file":"DNAHeader.d.ts","sourceRoot":"","sources":["../src/DNAHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AAsCrD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,UAAwB,EACxB,KAAyB,EACzB,OAAO,EACP,QAAQ,GACT,EAAE,cAAc,2CAyDhB"}

package/dist/DNAHeader.js

@@ -5,17 +5,17 @@ import { AvatarMenu } from './AvatarMenu';
 const DNA_LOGO_URL = 'https://dscoblw2zo8x9.cloudfront.net/assets/1770003640504-w0rs6vl-DNA_LOGO.png';
 const DEFAULT_NAV_ITEMS = [
     { name: 'Dashboard', href: process.env.NEXT_PUBLIC_DNA_DASHBOARD_URL || '/' },
-    { name: 'SPOT', href: process.env.NEXT_PUBLIC_SPOT_URL || '/spot' },
-    { name: 'Nitrogen', href: process.env.NEXT_PUBLIC_DNA_NITROGEN_URL || '/nitrogen' },
-    { name: 'Water', href: process.env.NEXT_PUBLIC_DNA_WATER_URL || '/water' },
-    { name: 'Heat', href: process.env.NEXT_PUBLIC_DNA_HEAT_URL || '/heat' },
-    { name: 'Methane', href: process.env.NEXT_PUBLIC_DNA_METHANE_URL || '/methane' },
-    { name: 'Hydrogen', href: process.env.NEXT_PUBLIC_DNA_HYDROGEN_URL || '/hydrogen' },
-    { name: 'Oxygen', href: process.env.NEXT_PUBLIC_DNA_OXYGEN_URL || '/oxygen' },
-    { name: 'Ammonia', href: process.env.NEXT_PUBLIC_DNA_AMMONIA_URL || '/ammonia' },
-    { name: 'Carbon', href: process.env.NEXT_PUBLIC_DNA_CARBON_URL || '/carbon' },
-    { name: 'Lightning', href: process.env.NEXT_PUBLIC_DNA_LIGHTNING_URL || '/lightning' },
-    { name: 'CRUSH', href: process.env.NEXT_PUBLIC_DNA_CRUSH_URL || '/crush' },
+    { name: 'SPOT', href: process.env.NEXT_PUBLIC_SPOT_URL || '/spot', appKey: 'spot' },
+    { name: 'Nitrogen', href: process.env.NEXT_PUBLIC_DNA_NITROGEN_URL || '/nitrogen', appKey: 'nitrogen' },
+    { name: 'Water', href: process.env.NEXT_PUBLIC_DNA_WATER_URL || '/water', appKey: 'water' },
+    { name: 'Heat', href: process.env.NEXT_PUBLIC_DNA_HEAT_URL || '/heat', appKey: 'heat' },
+    { name: 'Methane', href: process.env.NEXT_PUBLIC_DNA_METHANE_URL || '/methane', appKey: 'methane' },
+    { name: 'Hydrogen', href: process.env.NEXT_PUBLIC_DNA_HYDROGEN_URL || '/hydrogen', appKey: 'hydrogen' },
+    { name: 'Oxygen', href: process.env.NEXT_PUBLIC_DNA_OXYGEN_URL || '/oxygen', appKey: 'oxygen' },
+    { name: 'Ammonia', href: process.env.NEXT_PUBLIC_DNA_AMMONIA_URL || '/ammonia', appKey: 'ammonia' },
+    { name: 'Carbon', href: process.env.NEXT_PUBLIC_DNA_CARBON_URL || '/carbon', appKey: 'carbon' },
+    { name: 'Lightning', href: process.env.NEXT_PUBLIC_DNA_LIGHTNING_URL || '/lightning', appKey: 'lightning' },
+    { name: 'CRUSH', href: process.env.NEXT_PUBLIC_DNA_CRUSH_URL || '/crush', appKey: 'crush' },
 ];
 const ROLE_HIERARCHY = ['viewer', 'editor', 'admin', 'superadmin'];
 function hasPermission(userRole, requiredRole) {
@@ -35,11 +35,17 @@ function getUserInitials(name) {
 }
 export function DNAHeader({ user, currentApp = 'Dashboard', items = DEFAULT_NAV_ITEMS, logoSrc, onLogout, }) {
     const visibleItems = items.filter((item) => {
-        if (!item.requiredRole)
-            return true;
-        if (!user)
-            return false;
-        return hasPermission(user.role, item.requiredRole);
+        if (item.requiredRole) {
+            if (!user)
+                return false;
+            if (!hasPermission(user.role, item.requiredRole))
+                return false;
+        }
+        if (item.appKey && user?.appAccess && user.appAccess.length > 0 && user.role !== 'superadmin') {
+            if (!user.appAccess.includes(item.appKey))
+                return false;
+        }
+        return true;
     });
     // Use provided logoSrc, or fall back to CDN URL
     const logoSource = logoSrc || DNA_LOGO_URL;

package/dist/types.d.ts

@@ -4,11 +4,13 @@ export interface DNAUser {
     name: string;
     role?: 'superadmin' | 'admin' | 'editor' | 'viewer';
     avatar?: string;
+    appAccess?: string[];
 }
 export interface DNANavItem {
     name: string;
     href: string;
     requiredRole?: 'viewer' | 'editor' | 'admin' | 'superadmin';
+    appKey?: string;
     hasNotification?: boolean;
 }
 export interface AppSubnavItem {

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IAC5D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,WAAW,EAAE,aAAa,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,WAAW,EAAE,aAAa,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glamcor/dna-shared-nav",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Shared navigation component for DNA microsites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/README.md

@@ -1,190 +0,0 @@
-# @glamcor/dna-shared-nav
-
-Shared navigation component for DNA microsites. Provides a consistent two-row navigation across all DNA applications.
-
-## Installation
-
-```bash
-npm install @glamcor/dna-shared-nav
-```
-
-## Usage
-
-```tsx
-import { DNANavigation } from '@glamcor/dna-shared-nav';
-import '@glamcor/dna-shared-nav/dist/styles.css';
-
-export default function Layout({ children }) {
-  const user = {
-    id: '1',
-    name: 'John Doe',
-    email: 'john@example.com',
-    role: 'admin',
-  };
-
-  return (
-    <>
-      <DNANavigation
-        user={user}
-        currentApp="Water"
-        appName="Water"
-        subnavItems={[
-          { name: 'Dashboard', href: '/admin', isActive: true },
-          { name: 'Customers', href: '/admin/customers' },
-          { name: 'Jobs', href: '/admin/jobs' },
-        ]}
-        pinnedJobs={[
-          {
-            id: '1',
-            appName: 'Water',
-            jobName: 'Q4 Enrichment',
-            progress: 59,
-            appColor: '#38bdf8',
-          },
-        ]}
-        onUnpinJob={(id) => console.log('Unpin:', id)}
-        onLogout={() => signOut()}
-      />
-      <main>{children}</main>
-    </>
-  );
-}
-```
-
-## Components
-
-### DNANavigation
-
-Main wrapper that renders both the header and app subnav.
-
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `user` | `DNAUser \| null` | Yes | Current user object |
-| `currentApp` | `string` | No | Name of active app in header nav |
-| `appName` | `string` | Yes | Name shown in subnav |
-| `headerItems` | `DNANavItem[]` | No | Override default header nav items |
-| `subnavItems` | `AppSubnavItem[]` | Yes | App-specific subnav links |
-| `pinnedJobs` | `PinnedJob[]` | No | Jobs to show in pinned area |
-| `logoSrc` | `string` | No | Custom logo URL (defaults to CloudFront CDN) |
-| `onLogout` | `() => void` | No | Logout handler |
-| `onUnpinJob` | `(id: string) => void` | No | Handler for unpinning jobs |
-
-### DNAHeader
-
-Just the top header bar (logo, inter-app nav, avatar).
-
-### AppSubnav
-
-Just the second row (app name, pages, pinned jobs).
-
-### AvatarMenu
-
-Standalone avatar dropdown component.
-
-### PinnedJobs
-
-Standalone pinned jobs carousel.
-
-## Default Nav Items
-
-The header includes these nav links by default:
-
-| Name | Environment Variable |
-|------|---------------------|
-| Dashboard | `NEXT_PUBLIC_DNA_DASHBOARD_URL` |
-| SPOT | `NEXT_PUBLIC_SPOT_URL` |
-| Nitrogen | `NEXT_PUBLIC_DNA_NITROGEN_URL` |
-| Water | `NEXT_PUBLIC_DNA_WATER_URL` |
-| Methane | `NEXT_PUBLIC_DNA_METHANE_URL` |
-| Hydrogen | `NEXT_PUBLIC_DNA_HYDROGEN_URL` |
-| Oxygen | `NEXT_PUBLIC_DNA_OXYGEN_URL` |
-| Ammonia | `NEXT_PUBLIC_DNA_AMMONIA_URL` |
-| Carbon | `NEXT_PUBLIC_DNA_CARBON_URL` |
-| Lightning | `NEXT_PUBLIC_DNA_LIGHTNING_URL` |
-| CRUSH | `NEXT_PUBLIC_DNA_CRUSH_URL` |
-
-## Logo
-
-The logo defaults to the CloudFront CDN URL. To use a custom logo:
-
-```tsx
-<DNANavigation
-  logoSrc="/your-custom-logo.png"
-  // ... other props
-/>
-```
-
-## Environment Variables
-
-Configure inter-app navigation URLs in your `.env.local`:
-
-```bash
-NEXT_PUBLIC_DNA_DASHBOARD_URL=https://dna-dashboard.vercel.app
-NEXT_PUBLIC_SPOT_URL=https://spot.vercel.app
-NEXT_PUBLIC_DNA_NITROGEN_URL=https://dna-nitrogen.vercel.app
-NEXT_PUBLIC_DNA_WATER_URL=https://dna-water.vercel.app
-NEXT_PUBLIC_DNA_METHANE_URL=https://dna-methane.vercel.app
-NEXT_PUBLIC_DNA_HYDROGEN_URL=https://dna-hydrogen.vercel.app
-NEXT_PUBLIC_DNA_OXYGEN_URL=https://dna-oxygen.vercel.app
-NEXT_PUBLIC_DNA_AMMONIA_URL=https://dna-ammonia.vercel.app
-NEXT_PUBLIC_DNA_CARBON_URL=https://dna-carbon.vercel.app
-NEXT_PUBLIC_DNA_LIGHTNING_URL=https://dna-lightning.vercel.app
-NEXT_PUBLIC_DNA_CRUSH_URL=https://dna-crush.vercel.app
-```
-
-## Development
-
-```bash
-# Install dependencies
-npm install
-
-# Build
-npm run build
-
-# Watch mode
-npm run dev
-```
-
-## Types
-
-```typescript
-interface DNAUser {
-  id: string;
-  email: string;
-  name: string;
-  role?: 'superadmin' | 'admin' | 'editor' | 'viewer';
-  avatar?: string;
-}
-
-interface DNANavItem {
-  name: string;
-  href: string;
-  requiredRole?: 'viewer' | 'editor' | 'admin' | 'superadmin';
-  hasNotification?: boolean;
-}
-
-interface AppSubnavItem {
-  name: string;
-  href: string;
-  isActive?: boolean;
-}
-
-interface PinnedJob {
-  id: string;
-  appName: string;
-  appColor?: string;
-  jobName: string;
-  progress: number;
-  meta?: string;
-}
-```
-
-## Changelog
-
-### 1.0.2
-- Updated nav items: SPOT, Nitrogen, Water, Methane, Hydrogen, Oxygen, Ammonia, Carbon, Lightning, CRUSH
-- Logo now defaults to CloudFront CDN URL
-- Fixed installation instructions for npm
-
-### 1.0.1
-- Initial npm publish