@financial-times/dotcom-ui-footer 11.3.0 → 12.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/dotcom-ui-footer",
-  "version": "11.3.0",
+  "version": "12.0.1",
   "description": "",
   "main": "component.js",
   "styles": "styles.scss",
@@ -20,7 +20,7 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@financial-times/dotcom-types-navigation": "^11.3.0"
+    "@financial-times/dotcom-types-navigation": "^12.0.1"
   },
   "peerDependencies": {
     "@financial-times/o-footer": "^9.2.0",
@@ -45,8 +45,5 @@
   "homepage": "https://github.com/Financial-Times/dotcom-page-kit/tree/HEAD/packages/dotcom-ui-footer",
   "volta": {
     "extends": "../../package.json"
-  },
-  "devDependencies": {
-    "@financial-times/o-footer": "^9.2.0"
   }
 }

package/src/__test__/component.spec.tsx

@@ -4,10 +4,10 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 
-import dataFixture from '../__stories__/story-data'
+import dataFixture from './fixtures/data'
 import { Footer, LegalFooter } from '../index'
 
-describe('dotcom-ui-footer', () => {  
+describe('dotcom-ui-footer', () => {
   it('renders the available footer variants', () => {
     const footer = render(<Footer {...dataFixture} />)
     const legalFooter = render(<LegalFooter {...dataFixture} />)
@@ -16,7 +16,7 @@ describe('dotcom-ui-footer', () => {
   })
 
   it('renders the copyright section', () => {
-    const { container: footerContainer } = render(<Footer {...dataFixture} /> )
+    const { container: footerContainer } = render(<Footer {...dataFixture} />)
     const { container: legalFooterContainer } = render(<LegalFooter {...dataFixture} />)
 
     expect(footerContainer.querySelector('.o-footer__copyright')).not.toBeNull()
@@ -24,7 +24,7 @@ describe('dotcom-ui-footer', () => {
   })
 
   it('renders the Nikkei banner', () => {
-    const { container: footerContainer } = render(<Footer {...dataFixture} /> )
+    const { container: footerContainer } = render(<Footer {...dataFixture} />)
     const { container: legalFooterContainer } = render(<LegalFooter {...dataFixture} />)
 
     expect(legalFooterContainer.querySelector('.o-footer__copyright')).not.toBeNull()
@@ -33,7 +33,7 @@ describe('dotcom-ui-footer', () => {
 
   describe('standard footer', () => {
     it('renders the navigation sections', () => {
-      const { container } = render(<Footer {...dataFixture} /> )
+      const { container } = render(<Footer {...dataFixture} />)
 
       const matrix = container.querySelector('.o-footer__matrix')
 
@@ -46,7 +46,7 @@ describe('dotcom-ui-footer', () => {
     })
 
     it('does not render the legal links section', () => {
-      const { container } = render(<Footer {...dataFixture} /> )
+      const { container } = render(<Footer {...dataFixture} />)
 
       const legalLinks = container.querySelector('.o-footer__legal-links')
 
@@ -54,7 +54,7 @@ describe('dotcom-ui-footer', () => {
     })
 
     it('renders the More from FT section', () => {
-      const { container } = render(<Footer {...dataFixture} /> )
+      const { container } = render(<Footer {...dataFixture} />)
 
       const moreFromFt = container.querySelector('.o-footer__matrix-link__copy')
       expect(moreFromFt).not.toBeNull()
@@ -63,19 +63,19 @@ describe('dotcom-ui-footer', () => {
 
   describe('legal footer', () => {
     it('does not render the navigation sections', () => {
-      const { container } = render(<LegalFooter {...dataFixture} /> )
+      const { container } = render(<LegalFooter {...dataFixture} />)
 
       expect(container.querySelector('.o-footer__matrix')).toBeNull()
     })
 
     it('renders the legal links section', () => {
-      const { container } = render(<LegalFooter {...dataFixture} /> )
+      const { container } = render(<LegalFooter {...dataFixture} />)
 
       expect(container.querySelector('.o-footer__legal-links')).not.toBeNull()
     })
 
     it('does not render the More from FT section', () => {
-      const { container } = render(<LegalFooter {...dataFixture} /> )
+      const { container } = render(<LegalFooter {...dataFixture} />)
 
       expect(container.querySelector('.o-footer__more-from-ft')).toBeNull()
     })

package/src/{__stories__/story-data.ts → __test__/fixtures/data.ts}

@@ -1,4 +1,4 @@
-import { TFooterProps } from '..'
+import { TFooterProps } from '../..'
 import footer from './footer'
 
 const fixture: TFooterProps = {

package/src/{__stories__ → __test__/fixtures}/footer.ts

@@ -1,4 +1,4 @@
-import { TNavMenu } from '../../../dotcom-types-navigation'
+import { TNavMenu } from '../../../../dotcom-types-navigation'
 
 const data: TNavMenu = {
   label: 'Footer',

package/styles.scss

@@ -1,4 +1,4 @@
-// This will be overridden by dotcom-ui-layout, it's necessary here for storybook builds
+// This will be overridden by dotcom-ui-layout
 $system-code: 'page-kit-footer' !default;
 
 @import '@financial-times/o-footer/main';

package/src/__stories__/story.tsx

@@ -1,45 +0,0 @@
-import React from 'react'
-import { OnReady } from '../../../../.storybook/components/OnReady'
-
-import storyData from './story-data'
-
-import * as footer from '../../browser.js'
-import { Footer, LegalFooter } from '../../src'
-import '../../styles.scss'
-
-export default {
-  title: 'FT / Footer',
-  args: { theme: 'dark' },
-  argTypes: {
-    theme: {
-      control: {
-        type: 'radio',
-        options: ['dark', 'light']
-      }
-    }
-  }
-}
-
-export const _Footer = (args) => {
-  return (
-    <OnReady callback={() => footer.init()}>
-      <Footer {...storyData} {...args} />
-    </OnReady>
-  )
-}
-
-_Footer.story = {
-  name: 'footer'
-}
-
-export const _LegalFooter = (args) => {
-  return (
-    <OnReady callback={() => footer.init()}>
-      <LegalFooter {...storyData} {...args} />
-    </OnReady>
-  )
-}
-
-_LegalFooter.story = {
-  name: 'legal footer'
-}