@comicrelief/component-library 5.8.5 → 6.0.0

package/PULL_REQUEST_TEMPLATE.md

@@ -1,8 +1,30 @@
-Type: patch
+### PR Titles
+#### To pass testing pipeline, these need to follow Conventional Commits spec:
+https://www.conventionalcommits.org/en/v1.0.0/
+e.g.
+`feat: create NewForm component`
+or
+`fix: update broken link in NewForm component`
 
-Fixes #
 
-## Changes proposed in this PR
+### PR description
+#### What is it doing?
+Tell us what it is doing from a technical perspective.
 
-- Briefly describe the changes in this PR
-- Do you have some test asserting this behavior?
+#### Why is this required?
+Tell us why this is required from a business/product perspective.
+
+#### link to Jira ticket:
+Add a link to the Jira ticket.
+
+
+### Quick Checklist:
+- [ ] My PR title follows the Conventional Commit spec.
+
+- [ ] I have filled out the PR description as per the template above.
+
+- [ ] I have added tests to cover new or changed behaviour.
+
+- [ ] I have updated any relevant documentation.
+
+### Important! - lastly, make sure to squash merge...

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js

@@ -102,7 +102,7 @@ exports.CTA = CTA;
 var Copy = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Copy",
   componentId: "sc-s8zd7s-8"
-})(["position:relative;height:auto;padding:", ";", ";display:flex;flex-direction:column;border-radius:1rem;", ";background:", ";", ";", ";@media ", "{height:448px;width:calc(50% + 1.5rem);flex-grow:0;flex-shrink:0;flex-basis:calc(50% + 1.5rem);padding:", ";", ";", ";}@media ", "{padding:calc(", " * 2);", ";margin:", ";}"], (0, _spacing.default)('m'), (0, _zIndex.default)('low'), boxShadow, function (_ref10) {
+})(["position:relative;height:auto;padding:", ";", ";display:flex;flex-direction:column;border-radius:1rem;", ";background:", ";", ";", ";@media ", "{min-height:448px;height:auto;width:calc(50% + 1.5rem);flex-grow:0;flex-shrink:0;flex-basis:calc(50% + 1.5rem);padding:", ";", ";", ";}@media ", "{padding:calc(", " * 2);", ";margin:", ";}"], (0, _spacing.default)('m'), (0, _zIndex.default)('low'), boxShadow, function (_ref10) {
   var theme = _ref10.theme,
       backgroundColor = _ref10.backgroundColor;
   return theme.color(backgroundColor);

package/dist/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap

@@ -200,7 +200,8 @@ exports[`renders correctly 1`] = `
 
 @media (min-width:740px) {
   .c5 {
-    height: 448px;
+    min-height: 448px;
+    height: auto;
     width: calc(50% + 1.5rem);
     -webkit-box-flex: 0;
     -webkit-flex-grow: 0;

package/dist/components/Organisms/Donate/Form/Form.js

@@ -62,8 +62,12 @@ var Signup = function Signup(_ref) {
       setMoneyBuyCopy = _useState8[1];
 
   (0, _react.useEffect)(function () {
-    var givingData = givingType === 'single' ? singleGiving : regularGiving;
-    setAmountDonate(parseFloat(givingData.moneybuys[1].value));
+    var givingData = givingType === 'single' ? singleGiving : regularGiving; // Check the 2nd moneybuy exists before using it;
+    // 'philantrophy' carts have been set up to use a single moneybuy.
+    // See ENG-1685 for more details
+
+    var thisAmount = givingData.moneybuys[1] ? givingData.moneybuys[1].value : givingData.moneybuys[0].value;
+    setAmountDonate(parseFloat(thisAmount));
   }, [givingType, singleGiving, regularGiving]);
   (0, _react.useEffect)(function () {
     var givingData = givingType === 'single' ? singleGiving : regularGiving;

package/dist/index.js

@@ -101,7 +101,7 @@ Object.defineProperty(exports, "Button", {
     return _Button.default;
   }
 });
-Object.defineProperty(exports, "Radio", {
+Object.defineProperty(exports, "RadioButton", {
   enumerable: true,
   get: function get() {
     return _RadioButton.default;

package/docs/installation.md

@@ -3,10 +3,10 @@
 CR-CL has a dependency of Styled-components.
 
 #### Install the package
-`yarn add @comicrelief/component-library`
+`yarn add @comicrelief/component-library` 
 
 #### Wrap your app with the ThemeProvider and crTheme
-`import { ThemeProvider, theme as crTheme } from '@comic-relief/component-library';`
+`import { ThemeProvider, crTheme } from '@comicrelief/component-library';`
 
 #### Import components
-`import { HeroBanner } from '@comic-relief/component-library';`
+`import { HeroBanner } from '@comicrelief/component-library';`

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
-  "version": "5.8.5",
+  "version": "6.0.0",
   "main": "dist/index.js",
   "license": "ISC",
   "jest": {

package/src/components/Molecules/SingleMessageDS/SingleMessageDs.style.js

@@ -134,7 +134,8 @@ const Copy = styled.div`
 
 
   @media ${({ theme }) => theme.breakpoint('small')} {
-    height: 448px;
+    min-height: 448px;
+    height: auto;
     width: calc(50% + 1.5rem);
     flex-grow: 0;
     flex-shrink: 0;

package/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap

@@ -200,7 +200,8 @@ exports[`renders correctly 1`] = `
 
 @media (min-width:740px) {
   .c5 {
-    height: 448px;
+    min-height: 448px;
+    height: auto;
     width: calc(50% + 1.5rem);
     -webkit-box-flex: 0;
     -webkit-flex-grow: 0;

package/src/components/Organisms/Donate/Form/Form.js

@@ -40,7 +40,14 @@ const Signup = ({
   useEffect(() => {
     const givingData = givingType === 'single' ? singleGiving : regularGiving;
 
-    setAmountDonate(parseFloat(givingData.moneybuys[1].value));
+    // Check the 2nd moneybuy exists before using it;
+    // 'philantrophy' carts have been set up to use a single moneybuy.
+    // See ENG-1685 for more details
+    const thisAmount = givingData.moneybuys[1]
+      ? givingData.moneybuys[1].value
+      : givingData.moneybuys[0].value;
+
+    setAmountDonate(parseFloat(thisAmount));
   }, [givingType, singleGiving, regularGiving]);
 
   useEffect(() => {

package/src/index.js

@@ -18,7 +18,7 @@ export { default as Logo } from './components/Atoms/Logo/Logo';
 export { default as Picture } from './components/Atoms/Picture/Picture';
 export { default as Link } from './components/Atoms/Link/Link';
 export { default as Button } from './components/Atoms/Button/Button';
-export { default as Radio } from './components/Atoms/RadioButton/RadioButton';
+export { default as RadioButton } from './components/Atoms/RadioButton/RadioButton';
 export { default as Checkbox } from './components/Atoms/Checkbox/Checkbox';
 export { default as Input } from './components/Atoms/Input/Input';
 export { default as Select } from './components/Atoms/Select/Select';

package/styleguide.config.js

@@ -3,7 +3,7 @@ const path = require('path');
 module.exports = {
   getComponentPathLine(componentPath) {
     const name = path.basename(componentPath, '.js');
-    return `import { ${name} } from '@comic-relief/component-library';`;
+    return `import { ${name} } from '@comicrelief/component-library';`;
   },
   assetsDir: 'src/styleguide/assets/',
   styleguideComponents: {