@comicrelief/component-library 7.20.0 → 7.22.0

package/src/components/Organisms/Footer/Footer.js

@@ -52,7 +52,7 @@ Footer.propTypes = {
   navItems: PropTypes.objectOf(PropTypes.shape),
   footerCopy: PropTypes.string,
   campaign: PropTypes.string,
-  overrideWhiteList: PropTypes.bool,
+  overrideallowList: PropTypes.bool,
   additionalLegalLine: PropTypes.string
 };
 
@@ -60,7 +60,7 @@ Footer.defaultProps = {
   navItems: {},
   footerCopy: '',
   campaign: 'Comic Relief',
-  overrideWhiteList: false,
+  overrideallowList: false,
   additionalLegalLine: ''
 };
 

package/src/components/Organisms/Footer/Footer.md

@@ -8,12 +8,12 @@ import footerCopy from './data/footerCopy';
     <p>Standard footer</p>
     <Footer navItems={data} footerCopy={footerCopy.copy} campaign="Comic Relief"  />
 
-    <p>Overrides whitelist functionality for external usage</p>
+    <p>Overrides allowList functionality for external usage</p>
     <Footer 
       navItems={data} 
       footerCopy={footerCopy.copy} 
       campaign="Comic Relief" 
-      overrideWhiteList 
+      overrideallowList 
     />
     
     <p>Adding a additionalLegalLine to the top of the footer</p>

package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap

@@ -1206,7 +1206,7 @@ exports[`renders correctly 1`] = `
                     color="white"
                     size="s"
                   >
-                    Test whitelisted external link
+                    Test allowListed external link
                   </span>
                 </a>
               </li>
@@ -1226,7 +1226,7 @@ exports[`renders correctly 1`] = `
                     color="white"
                     size="s"
                   >
-                    Test non-whitelisted external link
+                    Test non-allowListed external link
                   </span>
                   <span
                     className="c24"

package/src/components/Organisms/Footer/data/data.js

@@ -177,14 +177,14 @@ export default {
           }
         },
         {
-          title: 'Test whitelisted external link',
+          title: 'Test allowListed external link',
           url: 'https://www.sportrelief.com',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
-          title: 'Test non-whitelisted external link',
+          title: 'Test non-allowListed external link',
           url: 'https://bing.com',
           internal: {
             type: 'ContentfulComponentLink'

package/src/components/Organisms/Header/Nav/Nav.js

@@ -6,7 +6,7 @@ import BurgerMenu from '../Burger/BurgerMenu';
 import { sizes } from '../../../../theme/shared/breakpoint';
 import NavHelper from '../../../../utils/navHelper';
 import { InternalLinkHelper } from '../../../../utils/internalLinkHelper';
-import whiteListed from '../../../../utils/whiteListed';
+import allowListed from '../../../../utils/allowListed';
 import chevronDown from './chevron-down.svg';
 
 import {
@@ -77,7 +77,7 @@ const MainNav = ({ navItems }) => {
 
             /* Determine which field represents our url path */
             let thisUrl = NavHelper(thisFirstChild);
-            const relNoopener = !whiteListed(thisUrl) && 'noopener';
+            const relNoopener = !allowListed(thisUrl) && 'noopener';
             const hasSubMenu = group.links && group.links.length > 1;
             const hasPopUp = hasSubMenu ? 'true' : null;
             thisUrl = InternalLinkHelper(thisUrl);

package/src/components/Organisms/Header/data/data.js

@@ -151,14 +151,14 @@ export default {
       id: 'eaec5191-bbb3-5e8d-b966-c53fff34998a',
       links: [
         {
-          title: 'Test whitelisted external link',
+          title: 'Test allowListed external link',
           url: 'https://www.sportrelief.com',
           internal: {
             type: 'ContentfulComponentLink'
           }
         },
         {
-          title: 'Test non-whitelisted external link',
+          title: 'Test non-allowListed external link',
           url: 'https://bing.com',
           internal: {
             type: 'ContentfulComponentLink'

package/src/index.js

@@ -6,7 +6,7 @@ export { default as ThemeProvider } from './theme/ThemeProvider';
 /* Utils */
 export { default as hideVisually } from './theme/shared/hideVisually';
 export { default as zIndex } from './theme/shared/zIndex';
-export { default as whiteListed } from './utils/whiteListed';
+export { default as allowListed } from './utils/allowListed';
 export { default as spacing } from './theme/shared/spacing';
 export { default as breakpoint } from './theme/shared/breakpoint';
 export { media, screen, container } from './theme/shared/size';

package/src/utils/{whiteListed.js → allowListed.js}

@@ -1,21 +1,22 @@
-const whiteList = [
+const allowList = [
   'https://giftaid.comicrelief.com',
   'https://donation.comicrelief.com',
   'https://www.comicrelief.com',
   'https://www.sportrelief.com',
   'https://app.beapplied.com/org/comic-relief',
-  'stories.comicrelief.com'
+  'stories.comicrelief.com',
+  'https://form.typeform.com'
 ];
 
-const whiteListed = url => {
+const allowListed = url => {
   if (
     url !== undefined
     && url !== null
-    && whiteList.some(v => url.indexOf(v) >= 0)
+    && allowList.some(v => url.indexOf(v) >= 0)
   ) {
     return true;
   }
   return false;
 };
 
-export default whiteListed;
+export default allowListed;

package/src/utils/allowListed.test.js

@@ -0,0 +1,9 @@
+import allowListed from './allowListed';
+
+it('link is allowListed', () => {
+  expect(allowListed('https://www.comicrelief.com/home')).toBe(true);
+});
+
+it('link is not allowListed', () => {
+  expect(allowListed('https://www.google.co.uk/')).toBe(false);
+});

package/cypress.json

@@ -1,6 +0,0 @@
-{
-  "baseUrl": "http://localhost:6060",
-  "chromeWebSecurity": false,
-  "viewportWidth": 1000,
-  "viewportHeight": 1000
-}

package/dist/utils/whiteListed.test.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _whiteListed = _interopRequireDefault(require("./whiteListed"));
-
-it('link is whitelisted', function () {
-  expect((0, _whiteListed.default)('https://www.comicrelief.com/home')).toBe(true);
-});
-it('link is not whitelisted', function () {
-  expect((0, _whiteListed.default)('https://www.google.co.uk/')).toBe(false);
-});

package/src/utils/whiteListed.test.js

@@ -1,9 +0,0 @@
-import whiteListed from './whiteListed';
-
-it('link is whitelisted', () => {
-  expect(whiteListed('https://www.comicrelief.com/home')).toBe(true);
-});
-
-it('link is not whitelisted', () => {
-  expect(whiteListed('https://www.google.co.uk/')).toBe(false);
-});