@comicrelief/component-library 8.83.1 → 8.84.0

package/src/components/Organisms/FilterCard/_utils/_utils.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Download, External } from '../../../Atoms/Icons/index';
+
+const preprocessNodes = nodesToProcess => {
+  const outputNodes = [];
+  const outputTags = {};
+
+  nodesToProcess.forEach((thisNode, index) => {
+    // Copy over this entire node:
+    outputNodes[index] = { ...thisNode };
+
+    // Create a way simplier, non-nested representation of the nested 'FilterTag' content:
+    outputNodes[index].tags = thisNode.filterTags.map(thisTag => {
+      // But, while we're here, first keep a dedicated array of *every* tags we've seen:
+      outputTags[thisTag.title] = {
+        tag: thisTag?.tag,
+        selectedIcon: thisTag?.filterIconSelected?.file?.url,
+        unselectedIcon: thisTag?.filterIconUnselected?.file?.url
+      };
+
+      return thisTag.tag;
+    });
+
+    // Finally, remove the obtuse Contentful object we no longer need:
+    delete outputNodes[index].filterTags;
+  });
+
+  return { outputNodes, outputTags };
+};
+
+const getIcon = whichIcon => {
+  switch (whichIcon) {
+    case 'Download':
+      return <Download colour="black" size={20} />;
+    case 'External URL':
+      return <External colour="black" size={20} />;
+    case 'None':
+    default:
+      return null;
+  }
+};
+
+// Over-engineered to allow us to easily add more options in the future:
+const renderNodeLimit = (optionLabel, hasHero) => {
+  switch (optionLabel) {
+    case 'Load 6 cards at a time + Hero Node (if set)':
+      // Factor in any Hero node which would result in an uneven grid:
+      return (hasHero ? 7 : 6);
+    case 'Load all cards at once':
+    default:
+      return 0;
+  }
+};
+
+export {
+  preprocessNodes, getIcon, renderNodeLimit
+};

package/src/components/Organisms/FilterCard/assets/Rectangle.svg

@@ -0,0 +1,3 @@
+<svg width="47" height="41" viewBox="0 0 47 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.726 2.34314C20.8501 -0.781058 25.9155 -0.781061 29.0397 2.34313L46.7646 20.0681L29.0397 37.7931C25.9155 40.9173 20.8502 40.9173 17.726 37.7931L0.000976755 20.0681L17.726 2.34314Z" fill="white"/>
+</svg>

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

@@ -46,7 +46,7 @@ exports[`does not render copyright text when not supplied 1`] = `
 
 .c23:disabled {
   cursor: not-allowed;
-  opacity: 0.5;
+  opacity: 0.35;
 }
 
 .c17 {
@@ -961,7 +961,7 @@ exports[`does not render copyright text when not supplied 1`] = `
                   >
                     <button
                       className="c23 c24"
-                      data-testid="Button"
+                      data-testid="EmailSignUpButton"
                       type="submit"
                     >
                       <span
@@ -1386,7 +1386,7 @@ exports[`renders correctly 1`] = `
 
 .c23:disabled {
   cursor: not-allowed;
-  opacity: 0.5;
+  opacity: 0.35;
 }
 
 .c17 {
@@ -2301,7 +2301,7 @@ exports[`renders correctly 1`] = `
                   >
                     <button
                       className="c23 c24"
-                      data-testid="Button"
+                      data-testid="EmailSignUpButton"
                       type="submit"
                     >
                       <span

package/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js

@@ -145,7 +145,7 @@ const CheckInput = styled.input`${({ theme }) => css`
   opacity: 0;
   position: absolute;
   margin: 0;
-
+  
   + span {
     width: 30px;
     height: 30px;