@financial-times/dotcom-ui-header 7.3.0 → 7.3.2

package/src/__stories__/story-data/editionsInternational.ts

@@ -0,0 +1,8 @@
+import { TNavEditions } from '@financial-times/dotcom-types-navigation'
+
+const data: TNavEditions = {
+  current: { id: 'international', name: 'International Edition', url: '#' },
+  others: [{ id: 'uk', name: 'UK Edition', url: '#' }]
+}
+
+export default data

package/src/__stories__/story-data/editionsUK.ts

@@ -0,0 +1,8 @@
+import { TNavEditions } from '@financial-times/dotcom-types-navigation'
+
+const data: TNavEditions = {
+  current: { id: 'uk', name: 'UK', url: '#' },
+  others: [{ id: 'international', name: 'International', url: '#' }]
+}
+
+export default data

package/src/__stories__/story-data/index.ts

@@ -0,0 +1,41 @@
+import anon from './anon'
+import drawerUK from './drawerUK'
+import actionsUK from './actionsUK'
+import editionsUK from './editionsUK'
+import navbarRight from './navbarRight'
+import navbarRightAnon from './navbarRightAnon'
+import navbarSimple from './navbarSimple'
+import navbarUK from './navbarUK'
+import subNavigation from './subNavigationUK'
+import user from './user'
+
+import { THeaderProps } from '../../interfaces'
+
+const breadcrumb = subNavigation.ancestors.concat(subNavigation.item)
+const subsections = subNavigation.children
+
+const data: THeaderProps = {
+  userIsAnonymous: false,
+  userIsLoggedIn: true,
+  showSubNavigation: true,
+  showUserNavigation: false,
+  showStickyHeader: true,
+  data: {
+    account: null,
+    anon,
+    breadcrumb,
+    drawer: drawerUK,
+    subscribeAction: actionsUK,
+    editions: editionsUK,
+    footer: null,
+    navbar: navbarUK,
+    'navbar-right': navbarRight,
+    'navbar-right-anon': navbarRightAnon,
+    'navbar-simple': navbarSimple,
+    subsections,
+    'subsections-right': [],
+    user
+  }
+}
+
+export default data

package/src/__stories__/story-data/navbarRight.ts

@@ -0,0 +1,19 @@
+import { TNavMenu } from '@financial-times/dotcom-types-navigation'
+
+const data: TNavMenu = {
+  label: 'Navigation',
+  items: [
+    {
+      label: 'Portfolio',
+      url: 'https://markets.ft.com/data/portfolio/dashboard',
+      submenu: null
+    },
+    {
+      label: 'Settings & Account',
+      url: 'https://www.ft.com/myaccount',
+      submenu: null
+    }
+  ]
+}
+
+export default data

package/src/__stories__/story-data/navbarRightAnon.ts

@@ -0,0 +1,19 @@
+import { TNavMenu } from '@financial-times/dotcom-types-navigation'
+
+const data: TNavMenu = {
+  label: 'Navigation',
+  items: [
+    {
+      label: 'Sign In',
+      url: '/login?location=#',
+      submenu: null
+    },
+    {
+      label: 'Subscribe',
+      url: '/products?segmentId=#',
+      submenu: null
+    }
+  ]
+}
+
+export default data

package/src/__stories__/story-data/navbarSimple.ts

@@ -0,0 +1,24 @@
+import { TNavMenu } from '@financial-times/dotcom-types-navigation'
+
+const data: TNavMenu = {
+  label: 'Navigation',
+  items: [
+    {
+      label: 'Home',
+      url: '/',
+      submenu: null
+    },
+    {
+      label: 'fastFT',
+      url: '/fastft',
+      submenu: null
+    },
+    {
+      label: 'Markets Data',
+      url: 'https://markets.ft.com/data',
+      submenu: null
+    }
+  ]
+}
+
+export default data