@comicrelief/component-library 8.25.6 → 8.25.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Organisms/Donate/Donate.js +1 -2
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +2 -2
- package/dist/components/Organisms/Donate/__snapshots__/Donate.test.js.snap +4 -8
- package/dist/components/Organisms/Footer/FundraisingRegulatorLogo.js +1 -2
- package/package.json +1 -1
- package/src/components/Organisms/Donate/Donate.js +1 -1
- package/src/components/Organisms/Donate/GivingSelector/GivingSelector.js +2 -2
- package/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap +4 -8
- package/src/components/Organisms/Footer/FundraisingRegulatorLogo.js +2 -1
|
@@ -108,8 +108,7 @@ const Donate = _ref => {
|
|
|
108
108
|
noTitlesAtAll: noTitlesAtAll,
|
|
109
109
|
paddingOption: paddingOption
|
|
110
110
|
}, !noTitlesAtAll && /*#__PURE__*/_react.default.createElement(_Donate.TitleWrapperOuter, {
|
|
111
|
-
formAlignRight: formAlignRight
|
|
112
|
-
"data-test": "this-one-here"
|
|
111
|
+
formAlignRight: formAlignRight
|
|
113
112
|
}, /*#__PURE__*/_react.default.createElement(_Donate.TitleWrapperInner, null, showCopy && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
|
|
114
113
|
tag: "h2",
|
|
115
114
|
color: textColor,
|
|
@@ -29,7 +29,7 @@ const GivingSelector = _ref => {
|
|
|
29
29
|
type: "radio",
|
|
30
30
|
label: "",
|
|
31
31
|
checked: givingType === 'single',
|
|
32
|
-
|
|
32
|
+
onChange: () => handleGivingTypeChange('single', givingType)
|
|
33
33
|
}), /*#__PURE__*/_react.default.createElement(_GivingSelector.Label, {
|
|
34
34
|
active: givingType === 'single',
|
|
35
35
|
htmlFor: "give-once--".concat(mbshipID)
|
|
@@ -41,7 +41,7 @@ const GivingSelector = _ref => {
|
|
|
41
41
|
type: "radio",
|
|
42
42
|
label: "",
|
|
43
43
|
checked: givingType === 'monthly',
|
|
44
|
-
|
|
44
|
+
onChange: () => handleGivingTypeChange('monthly', givingType)
|
|
45
45
|
}), /*#__PURE__*/_react.default.createElement(_GivingSelector.Label, {
|
|
46
46
|
active: givingType === 'monthly',
|
|
47
47
|
htmlFor: "give-monthly--".concat(mbshipID)
|
|
@@ -538,7 +538,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
|
|
|
538
538
|
>
|
|
539
539
|
<div
|
|
540
540
|
className="c2"
|
|
541
|
-
data-test="this-one-here"
|
|
542
541
|
>
|
|
543
542
|
<div
|
|
544
543
|
className="c3"
|
|
@@ -574,7 +573,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
|
|
|
574
573
|
className="give-once"
|
|
575
574
|
id="give-once--mship-4"
|
|
576
575
|
label=""
|
|
577
|
-
|
|
576
|
+
onChange={[Function]}
|
|
578
577
|
type="radio"
|
|
579
578
|
value="Single"
|
|
580
579
|
/>
|
|
@@ -590,7 +589,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
|
|
|
590
589
|
className="give-monthly"
|
|
591
590
|
id="give-monthly--mship-4"
|
|
592
591
|
label=""
|
|
593
|
-
|
|
592
|
+
onChange={[Function]}
|
|
594
593
|
type="radio"
|
|
595
594
|
value="Monthly"
|
|
596
595
|
/>
|
|
@@ -1199,7 +1198,6 @@ exports[`Monthly donation renders correctly 1`] = `
|
|
|
1199
1198
|
>
|
|
1200
1199
|
<div
|
|
1201
1200
|
className="c2"
|
|
1202
|
-
data-test="this-one-here"
|
|
1203
1201
|
>
|
|
1204
1202
|
<div
|
|
1205
1203
|
className="c3"
|
|
@@ -1235,7 +1233,7 @@ exports[`Monthly donation renders correctly 1`] = `
|
|
|
1235
1233
|
className="give-once"
|
|
1236
1234
|
id="give-once--mship-1"
|
|
1237
1235
|
label=""
|
|
1238
|
-
|
|
1236
|
+
onChange={[Function]}
|
|
1239
1237
|
type="radio"
|
|
1240
1238
|
value="Single"
|
|
1241
1239
|
/>
|
|
@@ -1251,7 +1249,7 @@ exports[`Monthly donation renders correctly 1`] = `
|
|
|
1251
1249
|
className="give-monthly"
|
|
1252
1250
|
id="give-monthly--mship-1"
|
|
1253
1251
|
label=""
|
|
1254
|
-
|
|
1252
|
+
onChange={[Function]}
|
|
1255
1253
|
type="radio"
|
|
1256
1254
|
value="Monthly"
|
|
1257
1255
|
/>
|
|
@@ -1885,7 +1883,6 @@ exports[`Single donation renders correctly 1`] = `
|
|
|
1885
1883
|
>
|
|
1886
1884
|
<div
|
|
1887
1885
|
className="c2"
|
|
1888
|
-
data-test="this-one-here"
|
|
1889
1886
|
>
|
|
1890
1887
|
<div
|
|
1891
1888
|
className="c3"
|
|
@@ -2508,7 +2505,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
|
|
|
2508
2505
|
>
|
|
2509
2506
|
<div
|
|
2510
2507
|
className="c2"
|
|
2511
|
-
data-test="this-one-here"
|
|
2512
2508
|
>
|
|
2513
2509
|
<div
|
|
2514
2510
|
className="c3"
|
|
@@ -20,8 +20,7 @@ const FundraisingRegulatorLogo = () => /*#__PURE__*/_react.default.createElement
|
|
|
20
20
|
width: '150px',
|
|
21
21
|
textDecoration: 'none'
|
|
22
22
|
},
|
|
23
|
-
target: "_blank"
|
|
24
|
-
rel: "noreferrer"
|
|
23
|
+
target: "_blank"
|
|
25
24
|
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
26
25
|
src: "https://www.fundraisingregulator.org.uk/fr-badge/80983ed7-ea80-40db-8e52-4a3351d9e77d/en/white",
|
|
27
26
|
width: "100%",
|
package/package.json
CHANGED
|
@@ -119,7 +119,7 @@ const Donate = ({
|
|
|
119
119
|
{/* Only render if there is SOME title copy; otherwise,
|
|
120
120
|
we need to the space to centre-align the form */}
|
|
121
121
|
{ !noTitlesAtAll && (
|
|
122
|
-
<TitleWrapperOuter formAlignRight={formAlignRight}
|
|
122
|
+
<TitleWrapperOuter formAlignRight={formAlignRight}>
|
|
123
123
|
<TitleWrapperInner>
|
|
124
124
|
{showCopy && (
|
|
125
125
|
<>
|
|
@@ -27,7 +27,7 @@ const GivingSelector = ({
|
|
|
27
27
|
type="radio"
|
|
28
28
|
label=""
|
|
29
29
|
checked={givingType === 'single'}
|
|
30
|
-
|
|
30
|
+
onChange={() => handleGivingTypeChange('single', givingType)}
|
|
31
31
|
/>
|
|
32
32
|
<Label active={givingType === 'single'} htmlFor={`give-once--${mbshipID}`}>
|
|
33
33
|
Single
|
|
@@ -40,7 +40,7 @@ const GivingSelector = ({
|
|
|
40
40
|
type="radio"
|
|
41
41
|
label=""
|
|
42
42
|
checked={givingType === 'monthly'}
|
|
43
|
-
|
|
43
|
+
onChange={() => handleGivingTypeChange('monthly', givingType)}
|
|
44
44
|
/>
|
|
45
45
|
<Label active={givingType === 'monthly'} htmlFor={`give-monthly--${mbshipID}`}>
|
|
46
46
|
Monthly
|
|
@@ -538,7 +538,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
|
|
|
538
538
|
>
|
|
539
539
|
<div
|
|
540
540
|
className="c2"
|
|
541
|
-
data-test="this-one-here"
|
|
542
541
|
>
|
|
543
542
|
<div
|
|
544
543
|
className="c3"
|
|
@@ -574,7 +573,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
|
|
|
574
573
|
className="give-once"
|
|
575
574
|
id="give-once--mship-4"
|
|
576
575
|
label=""
|
|
577
|
-
|
|
576
|
+
onChange={[Function]}
|
|
578
577
|
type="radio"
|
|
579
578
|
value="Single"
|
|
580
579
|
/>
|
|
@@ -590,7 +589,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
|
|
|
590
589
|
className="give-monthly"
|
|
591
590
|
id="give-monthly--mship-4"
|
|
592
591
|
label=""
|
|
593
|
-
|
|
592
|
+
onChange={[Function]}
|
|
594
593
|
type="radio"
|
|
595
594
|
value="Monthly"
|
|
596
595
|
/>
|
|
@@ -1199,7 +1198,6 @@ exports[`Monthly donation renders correctly 1`] = `
|
|
|
1199
1198
|
>
|
|
1200
1199
|
<div
|
|
1201
1200
|
className="c2"
|
|
1202
|
-
data-test="this-one-here"
|
|
1203
1201
|
>
|
|
1204
1202
|
<div
|
|
1205
1203
|
className="c3"
|
|
@@ -1235,7 +1233,7 @@ exports[`Monthly donation renders correctly 1`] = `
|
|
|
1235
1233
|
className="give-once"
|
|
1236
1234
|
id="give-once--mship-1"
|
|
1237
1235
|
label=""
|
|
1238
|
-
|
|
1236
|
+
onChange={[Function]}
|
|
1239
1237
|
type="radio"
|
|
1240
1238
|
value="Single"
|
|
1241
1239
|
/>
|
|
@@ -1251,7 +1249,7 @@ exports[`Monthly donation renders correctly 1`] = `
|
|
|
1251
1249
|
className="give-monthly"
|
|
1252
1250
|
id="give-monthly--mship-1"
|
|
1253
1251
|
label=""
|
|
1254
|
-
|
|
1252
|
+
onChange={[Function]}
|
|
1255
1253
|
type="radio"
|
|
1256
1254
|
value="Monthly"
|
|
1257
1255
|
/>
|
|
@@ -1885,7 +1883,6 @@ exports[`Single donation renders correctly 1`] = `
|
|
|
1885
1883
|
>
|
|
1886
1884
|
<div
|
|
1887
1885
|
className="c2"
|
|
1888
|
-
data-test="this-one-here"
|
|
1889
1886
|
>
|
|
1890
1887
|
<div
|
|
1891
1888
|
className="c3"
|
|
@@ -2508,7 +2505,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
|
|
|
2508
2505
|
>
|
|
2509
2506
|
<div
|
|
2510
2507
|
className="c2"
|
|
2511
|
-
data-test="this-one-here"
|
|
2512
2508
|
>
|
|
2513
2509
|
<div
|
|
2514
2510
|
className="c3"
|
|
@@ -16,7 +16,8 @@ const FundraisingRegulatorWrapper = styled.div`
|
|
|
16
16
|
const FundraisingRegulatorLogo = () => (
|
|
17
17
|
<FundraisingRegulatorWrapper>
|
|
18
18
|
{/* Code from https://www.fundraisingregulator.org.uk/ */}
|
|
19
|
-
|
|
19
|
+
{/* eslint-disable-next-line react/jsx-no-target-blank */}
|
|
20
|
+
<a href="https://www.fundraisingregulator.org.uk/validate?registrant=COMIC+RELIEF" className="fr-digital-badge" style={{ height: 'auto', width: '150px', textDecoration: 'none' }} target="_blank">
|
|
20
21
|
<img src="https://www.fundraisingregulator.org.uk/fr-badge/80983ed7-ea80-40db-8e52-4a3351d9e77d/en/white" width="100%" alt="Fundraising Regulator badge with validation link" loading="lazy" />
|
|
21
22
|
</a>
|
|
22
23
|
</FundraisingRegulatorWrapper>
|