@comicrelief/component-library 7.24.0 → 7.24.2
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/.github/workflows/main.yml +22 -24
- package/dist/components/Atoms/Button/Button.js +21 -15
- package/dist/components/Atoms/Button/Button.test.js +3 -3
- package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +19 -22
- package/dist/components/Atoms/Checkbox/Checkbox.js +42 -26
- package/dist/components/Atoms/Checkbox/Checkbox.test.js +3 -3
- package/dist/components/Atoms/Confetti/Confetti.js +20 -23
- package/dist/components/Atoms/Confetti/_TriggerConfetti.js +4 -11
- package/dist/components/Atoms/ErrorText/ErrorText.js +15 -11
- package/dist/components/Atoms/ErrorText/ErrorText.test.js +3 -3
- package/dist/components/Atoms/Icons/Arrow.js +16 -15
- package/dist/components/Atoms/Icons/AtSign.js +9 -9
- package/dist/components/Atoms/Icons/Chevron.js +16 -15
- package/dist/components/Atoms/Icons/Curve.js +16 -18
- package/dist/components/Atoms/Icons/Download.js +8 -8
- package/dist/components/Atoms/Icons/External.js +8 -8
- package/dist/components/Atoms/Icons/Favourite.js +8 -8
- package/dist/components/Atoms/Icons/Internal.js +8 -8
- package/dist/components/Atoms/Icons/index.js +8 -8
- package/dist/components/Atoms/Input/Input.js +38 -33
- package/dist/components/Atoms/Input/input.test.js +3 -3
- package/dist/components/Atoms/Label/Label.js +28 -23
- package/dist/components/Atoms/Link/Link.js +24 -29
- package/dist/components/Atoms/Link/Link.style.js +51 -40
- package/dist/components/Atoms/Link/Link.test.js +9 -9
- package/dist/components/Atoms/Logo/Logo.js +16 -18
- package/dist/components/Atoms/Logo/Logo.test.js +3 -3
- package/dist/components/Atoms/Pagination/Item/Item.js +7 -7
- package/dist/components/Atoms/Pagination/Item/Item.style.js +35 -28
- package/dist/components/Atoms/Pagination/List/List.js +21 -19
- package/dist/components/Atoms/Pagination/Pagination.js +41 -49
- package/dist/components/Atoms/Pagination/Pagination.test.js +54 -108
- package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js +15 -15
- package/dist/components/Atoms/Picture/Picture.js +34 -44
- package/dist/components/Atoms/Picture/Picture.test.js +5 -5
- package/dist/components/Atoms/RadioButton/RadioButton.js +35 -23
- package/dist/components/Atoms/RadioButton/RadioButton.test.js +3 -3
- package/dist/components/Atoms/RichText/RichText.js +9 -11
- package/dist/components/Atoms/RichText/RichText.test.js +4 -4
- package/dist/components/Atoms/Select/Select.js +56 -49
- package/dist/components/Atoms/Select/Select.test.js +3 -3
- package/dist/components/Atoms/SocialIcons/Icon/Icon.js +13 -13
- package/dist/components/Atoms/SocialIcons/SocialIcons.js +25 -23
- package/dist/components/Atoms/SocialIcons/SocialIcons.test.js +7 -7
- package/dist/components/Atoms/SocialIcons/Utils/Icons.js +3 -3
- package/dist/components/Atoms/SocialIcons/Utils/Links.js +19 -20
- package/dist/components/Atoms/SocialIcons/assets/X-white-Subtract.svg +3 -0
- package/dist/components/Atoms/Text/Text.js +62 -41
- package/dist/components/Atoms/Text/Text.test.js +11 -11
- package/dist/components/Atoms/TextArea/TextArea.js +18 -17
- package/dist/components/Atoms/TextArea/TextArea.test.js +3 -3
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +69 -86
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.style.js +23 -15
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.test.js +15 -19
- package/dist/components/Molecules/Accordion/Accordion.js +35 -32
- package/dist/components/Molecules/Accordion/Accordion.test.js +3 -3
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +81 -52
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +5 -5
- package/dist/components/Molecules/Banner/Banner.js +21 -13
- package/dist/components/Molecules/Banner/Banner.test.js +3 -3
- package/dist/components/Molecules/Box/Box.js +33 -27
- package/dist/components/Molecules/Box/Box.test.js +5 -5
- package/dist/components/Molecules/Card/Card.js +22 -22
- package/dist/components/Molecules/Card/Card.test.js +5 -5
- package/dist/components/Molecules/CardDs/CardDs.js +80 -55
- package/dist/components/Molecules/CardDs/CardDs.test.js +3 -3
- package/dist/components/Molecules/Chip/Chip.js +8 -6
- package/dist/components/Molecules/Chip/Chip.style.js +48 -28
- package/dist/components/Molecules/Chip/Chip.test.js +4 -6
- package/dist/components/Molecules/Countdown/Countdown.js +28 -36
- package/dist/components/Molecules/Countdown/Countdown.style.js +3 -3
- package/dist/components/Molecules/Descriptor/Descriptor.js +32 -26
- package/dist/components/Molecules/Descriptor/Descriptor.test.js +5 -5
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.js +6 -4
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js +7 -5
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +4 -4
- package/dist/components/Molecules/HeroBanner/HeroBanner.js +13 -17
- package/dist/components/Molecules/InfoBanner/InfoBanner.js +22 -18
- package/dist/components/Molecules/InfoBanner/InfoBanner.test.js +10 -10
- package/dist/components/Molecules/Logos/Logos.js +26 -14
- package/dist/components/Molecules/Logos/Logos.md +5 -0
- package/dist/components/Molecules/Lookup/Lookup.js +49 -84
- package/dist/components/Molecules/PartnerLink/PartnerLink.js +10 -11
- package/dist/components/Molecules/PartnerLink/PartnerLink.style.js +15 -9
- package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +3 -3
- package/dist/components/Molecules/Promo/Promo.js +30 -36
- package/dist/components/Molecules/Promo/Promo.style.js +44 -31
- package/dist/components/Molecules/Promo/Promo.test.js +6 -6
- package/dist/components/Molecules/Promo/_ProgressRing.js +13 -19
- package/dist/components/Molecules/Promo/_PromoVideo.js +25 -34
- package/dist/components/Molecules/Promo/_PromoVideoButton.js +7 -7
- package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +68 -41
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +29 -52
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.test.js +4 -4
- package/dist/components/Molecules/SearchInput/SearchInput.js +8 -8
- package/dist/components/Molecules/SearchInput/SearchInput.style.js +22 -14
- package/dist/components/Molecules/SearchInput/SearchInput.test.js +4 -4
- package/dist/components/Molecules/SearchResult/SearchResult.js +43 -29
- package/dist/components/Molecules/SearchResult/SearchResult.test.js +9 -9
- package/dist/components/Molecules/ShareButton/ShareButton.js +22 -26
- package/dist/components/Molecules/ShareButton/ShareButton.style.js +5 -5
- package/dist/components/Molecules/ShareButton/ShareButton.test.js +3 -3
- package/dist/components/Molecules/ShareButton/assets/ShareIcons.js +2 -2
- package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +28 -55
- package/dist/components/Molecules/SingleMessage/SingleMessage.js +99 -123
- package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +132 -81
- package/dist/components/Molecules/SingleMessage/SingleMessage.test.js +13 -13
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +31 -40
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +85 -49
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js +3 -3
- package/dist/components/Molecules/Typeahead/Typeahead.js +47 -84
- package/dist/components/Molecules/Typeahead/Typeahead.test.js +12 -35
- package/dist/components/Molecules/VideoBanner/VideoBanner.js +20 -25
- package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +4 -4
- package/dist/components/Organisms/CookieBanner/CookieBanner.js +7 -5
- package/dist/components/Organisms/CookieBanner/CookieBanner.style.js +21 -13
- package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +5 -5
- package/dist/components/Organisms/Donate/Donate.js +34 -37
- package/dist/components/Organisms/Donate/Donate.style.js +85 -53
- package/dist/components/Organisms/Donate/Donate.test.js +10 -10
- package/dist/components/Organisms/Donate/Form/Form.js +53 -78
- package/dist/components/Organisms/Donate/Form/PopUpComponent.js +25 -30
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +11 -13
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.style.js +38 -22
- package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +47 -30
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js +63 -37
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.test.js +12 -12
- package/dist/components/Organisms/EmailSignUp/EmailSignUpForm.js +23 -43
- package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js +25 -21
- package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js +10 -9
- package/dist/components/Organisms/EmailSignUp/_TextInput.js +20 -18
- package/dist/components/Organisms/Footer/Footer.js +10 -10
- package/dist/components/Organisms/Footer/Footer.style.js +27 -21
- package/dist/components/Organisms/Footer/Footer.test.js +3 -3
- package/dist/components/Organisms/Footer/Nav/Nav.js +59 -70
- package/dist/components/Organisms/Footer/Nav/Nav.style.js +77 -43
- package/dist/components/Organisms/Header/Burger/BurgerMenu.js +6 -4
- package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js +37 -21
- package/dist/components/Organisms/Header/Header.js +8 -8
- package/dist/components/Organisms/Header/Header.style.js +27 -19
- package/dist/components/Organisms/Header/Nav/Nav.js +39 -50
- package/dist/components/Organisms/Header/Nav/Nav.style.js +103 -57
- package/dist/components/Organisms/Header/header.test.js +1 -1
- package/dist/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +32 -29
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.js +19 -22
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +38 -24
- package/dist/components/Organisms/ImpactSlider/Slider.style.js +8 -14
- package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +11 -11
- package/dist/components/Organisms/ImpactSlider/_Slider.js +9 -7
- package/dist/components/Organisms/ImpactSlider/_utils.js +11 -11
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +61 -38
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +24 -16
- package/dist/components/Organisms/MarketingPreferencesDS/_AssociatedFields.js +1 -1
- package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.js +20 -16
- package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.js +3 -3
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +46 -36
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js +21 -34
- package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js +20 -18
- package/dist/components/Organisms/Membership/Form/Form.js +48 -81
- package/dist/components/Organisms/Membership/Membership.js +17 -15
- package/dist/components/Organisms/Membership/Membership.style.js +81 -51
- package/dist/components/Organisms/Membership/Membership.test.js +4 -4
- package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +37 -26
- package/dist/hoc/shallowWithTheme.js +1 -1
- package/dist/index.js +67 -67
- package/dist/styleguide/CRLogo.js +2 -2
- package/dist/styleguide/StyleGuideRenderer.js +9 -7
- package/dist/styleguide/ThemeWrapper.js +5 -3
- package/dist/styleguide/data/data.js +3 -3
- package/dist/theme/crTheme/buttonColors.js +6 -5
- package/dist/theme/crTheme/colors.js +4 -3
- package/dist/theme/crTheme/fontSizes.js +4 -3
- package/dist/theme/crTheme/linkStyles.js +6 -5
- package/dist/theme/crTheme/theme.js +1 -1
- package/dist/theme/shared/breakpoint.js +4 -3
- package/dist/theme/shared/fontFamilies.js +5 -4
- package/dist/theme/shared/hideVisually.js +1 -1
- package/dist/theme/shared/size.js +4 -3
- package/dist/theme/shared/spacing.js +2 -2
- package/dist/theme/shared/zIndex.js +3 -3
- package/dist/theme/srTheme/buttonColors.js +6 -5
- package/dist/theme/srTheme/colors.js +4 -3
- package/dist/theme/srTheme/fontSizes.js +4 -3
- package/dist/theme/srTheme/linkStyles.js +6 -5
- package/dist/theme/srTheme/theme.js +1 -1
- package/dist/utils/Membership.js +30 -27
- package/dist/utils/ShareButton/sharePopUpHelper.js +8 -8
- package/dist/utils/ShareButton/shareTracking.js +1 -1
- package/dist/utils/ShareButton/shareUrlHelper.js +3 -3
- package/dist/utils/allowListed.js +3 -5
- package/dist/utils/allowListed.test.js +3 -3
- package/dist/utils/internalLinkHelper.js +8 -10
- package/dist/utils/navHelper.js +2 -2
- package/package.json +12 -9
- package/playwright/components/atoms/checkbox.spec.js +64 -0
- package/playwright/components/atoms/input.spec.js +158 -0
- package/playwright/components/atoms/label.spec.js +29 -0
- package/playwright/components/atoms/link.spec.js +48 -0
- package/playwright/components/atoms/radioButton.spec.js +30 -0
- package/playwright/components/atoms/select.spec.js +36 -0
- package/playwright/components/atoms/textArea.spec.js +39 -0
- package/playwright/components/atoms/textInputWithDropdown.spec.js +23 -0
- package/playwright/components/molecules/accordian.spec.js +20 -0
- package/playwright/components/molecules/schoolLookup.spec.js +26 -0
- package/playwright/components/molecules/searchInput.spec.js +24 -0
- package/playwright/components/molecules/shareButton.spec.js +32 -0
- package/playwright/components/molecules/simpleSchoolLookUp.spec.js +35 -0
- package/playwright/components/molecules/typeahead.spec.js +27 -0
- package/playwright/components/organisms/donate.spec.js +293 -0
- package/playwright/components/organisms/emailSignUpForm.spec.js +109 -0
- package/playwright/components/organisms/footer.spec.js +67 -0
- package/playwright/components/organisms/header.spec.js +82 -0
- package/playwright/components/organisms/impactSlider.spec.js +292 -0
- package/playwright/components/organisms/marketingPreferences.spec.js +220 -0
- package/playwright/components/organisms/membership.spec.js +47 -0
- package/playwright.config.js +49 -0
- package/src/components/Atoms/SocialIcons/Utils/Icons.js +1 -1
- package/src/components/Atoms/SocialIcons/assets/X-white-Subtract.svg +3 -0
- package/src/components/Molecules/Logos/Logos.js +18 -6
- package/src/components/Molecules/Logos/Logos.md +5 -0
- package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +3 -4
- package/src/components/Organisms/Membership/Membership.test.js +1 -1
- package/cypress/e2e/components/atoms/button.cy.js +0 -102
- package/cypress/e2e/components/atoms/buttonWithStates.cy.js +0 -47
- package/cypress/e2e/components/atoms/checkbox.cy.js +0 -70
- package/cypress/e2e/components/atoms/confetti.cy.js +0 -46
- package/cypress/e2e/components/atoms/errorText.cy.js +0 -45
- package/cypress/e2e/components/atoms/input.cy.js +0 -157
- package/cypress/e2e/components/atoms/label.cy.js +0 -93
- package/cypress/e2e/components/atoms/link.cy.js +0 -190
- package/cypress/e2e/components/atoms/logo.cy.js +0 -132
- package/cypress/e2e/components/atoms/pagination.cy.js +0 -191
- package/cypress/e2e/components/atoms/picture.cy.js +0 -130
- package/cypress/e2e/components/atoms/radioButton.cy.js +0 -76
- package/cypress/e2e/components/atoms/richText.cy.js +0 -70
- package/cypress/e2e/components/atoms/select.cy.js +0 -84
- package/cypress/e2e/components/atoms/socialIcons.cy.js +0 -162
- package/cypress/e2e/components/atoms/text.cy.js +0 -169
- package/cypress/e2e/components/atoms/textArea.cy.js +0 -89
- package/cypress/e2e/components/atoms/textInputWithDrop.cy.js +0 -76
- package/cypress/e2e/components/molecules/accordion.cy.js +0 -67
- package/cypress/e2e/components/molecules/articleTeaser.cy.js +0 -105
- package/cypress/e2e/components/molecules/banner.cy.js +0 -67
- package/cypress/e2e/components/molecules/box.cy.js +0 -104
- package/cypress/e2e/components/molecules/card.cy.js +0 -105
- package/cypress/e2e/components/molecules/cardDs.cy.js +0 -198
- package/cypress/e2e/components/molecules/chip.cy.js +0 -68
- package/cypress/e2e/components/molecules/countdown.cy.js +0 -71
- package/cypress/e2e/components/molecules/descriptor.cy.js +0 -142
- package/cypress/e2e/components/molecules/doubleCopy.cy.js +0 -79
- package/cypress/e2e/components/molecules/heroBanner.cy.js +0 -69
- package/cypress/e2e/components/molecules/infoBanner.cy.js +0 -69
- package/cypress/e2e/components/molecules/partnerLink.cy.js +0 -68
- package/cypress/e2e/components/molecules/promo.cy.js +0 -74
- package/cypress/e2e/components/molecules/schoolLookup.cy.js +0 -83
- package/cypress/e2e/components/molecules/searchInput.cy.js +0 -72
- package/cypress/e2e/components/molecules/searchResult.cy.js +0 -191
- package/cypress/e2e/components/molecules/shareButton.cy.js +0 -76
- package/cypress/e2e/components/molecules/simpleSchoolLookup.cy.js +0 -83
- package/cypress/e2e/components/molecules/singleMessage.cy.js +0 -502
- package/cypress/e2e/components/molecules/singleMessageDs.cy.js +0 -234
- package/cypress/e2e/components/molecules/typeahead.cy.js +0 -97
- package/cypress/e2e/components/molecules/videoBanner.cy.js +0 -132
- package/cypress/e2e/components/organisms/cookieBanner.cy.js +0 -80
- package/cypress/e2e/components/organisms/donate.cy.js +0 -284
- package/cypress/e2e/components/organisms/emailSignUp.cy.js +0 -54
- package/cypress/e2e/components/organisms/footer.cy.js +0 -168
- package/cypress/e2e/components/organisms/header.cy.js +0 -138
- package/cypress/e2e/components/organisms/impactSlider.cy.js +0 -72
- package/cypress/e2e/components/organisms/marketingPreferencesDSForm.cy.js +0 -589
- package/cypress/e2e/components/organisms/membership.cy.js +0 -122
- package/cypress/fixtures/example.json +0 -5
- package/cypress/plugins/index.js +0 -21
- package/cypress/support/commands.js +0 -25
- package/cypress/support/e2e.js +0 -36
- package/cypress.config.js +0 -15
- package/dist/components/Atoms/SocialIcons/assets/x-logo.svg +0 -3
- package/src/components/Atoms/SocialIcons/assets/x-logo.svg +0 -3
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _styledComponents = require("styled-components");
|
|
9
9
|
var _colors = _interopRequireDefault(require("./colors"));
|
|
10
|
-
|
|
10
|
+
const buttonColors = {
|
|
11
11
|
black: {
|
|
12
12
|
background: (0, _colors.default)('grey_dark'),
|
|
13
13
|
color: (0, _colors.default)('white'),
|
|
@@ -195,10 +195,11 @@ var buttonColors = {
|
|
|
195
195
|
hoverColor: (0, _colors.default)('white')
|
|
196
196
|
}
|
|
197
197
|
};
|
|
198
|
-
var _default =
|
|
199
|
-
|
|
198
|
+
var _default = colorName => {
|
|
199
|
+
let style = 'inherit';
|
|
200
200
|
if (colorName) {
|
|
201
201
|
style = (0, _styledComponents.css)(["background-color:", ";color:", ";:hover{background-color:", ";color:", ";}"], buttonColors[colorName].background, buttonColors[colorName].color, buttonColors[colorName].hoverBackground, buttonColors[colorName].hoverColor);
|
|
202
202
|
}
|
|
203
203
|
return style;
|
|
204
|
-
};
|
|
204
|
+
};
|
|
205
|
+
exports.default = _default;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
7
|
+
const colors = {
|
|
8
8
|
black: '#000000',
|
|
9
9
|
blue: '#0565D1',
|
|
10
10
|
blue_dark: '#274084',
|
|
@@ -57,9 +57,10 @@ var colors = {
|
|
|
57
57
|
yellow_light: '#FEFD5A',
|
|
58
58
|
transparent: 'transparent'
|
|
59
59
|
};
|
|
60
|
-
var _default =
|
|
60
|
+
var _default = colorName => {
|
|
61
61
|
if (colorName) {
|
|
62
62
|
return colors[colorName];
|
|
63
63
|
}
|
|
64
64
|
return 'inherit';
|
|
65
|
-
};
|
|
65
|
+
};
|
|
66
|
+
exports.default = _default;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
7
|
+
const fontSizes = {
|
|
8
8
|
xxs: '0.6875rem',
|
|
9
9
|
xs: '0.75rem',
|
|
10
10
|
s: '1rem',
|
|
@@ -15,9 +15,10 @@ var fontSizes = {
|
|
|
15
15
|
big: '4rem',
|
|
16
16
|
super: '5rem'
|
|
17
17
|
};
|
|
18
|
-
var _default =
|
|
18
|
+
var _default = size => {
|
|
19
19
|
if (size) {
|
|
20
20
|
return fontSizes[size];
|
|
21
21
|
}
|
|
22
22
|
return '';
|
|
23
|
-
};
|
|
23
|
+
};
|
|
24
|
+
exports.default = _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _styledComponents = require("styled-components");
|
|
9
9
|
var _colors = _interopRequireDefault(require("./colors"));
|
|
10
|
-
|
|
10
|
+
const linkStyles = {
|
|
11
11
|
standard: {
|
|
12
12
|
color: (0, _colors.default)('black'),
|
|
13
13
|
border: "2px solid ".concat((0, _colors.default)('black')),
|
|
@@ -23,10 +23,11 @@ var linkStyles = {
|
|
|
23
23
|
hoverBorder: "2px solid ".concat((0, _colors.default)('white'))
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
var _default =
|
|
27
|
-
|
|
26
|
+
var _default = (styleName, underline) => {
|
|
27
|
+
let style = (0, _styledComponents.css)(["color:", ";border-bottom:solid 2px;border-bottom-color:inherit;font-weight:normal;:hover{color:inherit;font-weight:700;}"], (0, _colors.default)('black'));
|
|
28
28
|
if (styleName) {
|
|
29
29
|
style = (0, _styledComponents.css)(["color:", ";border-bottom:", ";font-weight:", ";:hover{color:", ";border-bottom:", ";font-weight:", ";}"], linkStyles[styleName].color, underline && linkStyles[styleName].border, linkStyles[styleName].weight, linkStyles[styleName].hoverColor, underline && linkStyles[styleName].hoverBorder, linkStyles[styleName].hoverWeight);
|
|
30
30
|
}
|
|
31
31
|
return style;
|
|
32
|
-
};
|
|
32
|
+
};
|
|
33
|
+
exports.default = _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -4,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.sizes = exports.default = void 0;
|
|
7
|
-
|
|
7
|
+
const sizes = exports.sizes = {
|
|
8
8
|
small: 740,
|
|
9
9
|
medium: 1024,
|
|
10
10
|
nav: 1150,
|
|
11
11
|
large: 1440
|
|
12
12
|
};
|
|
13
|
-
var _default =
|
|
13
|
+
var _default = size => {
|
|
14
14
|
if (size) {
|
|
15
15
|
return "(min-width: ".concat(sizes[size], "px)");
|
|
16
16
|
}
|
|
17
17
|
return 'inherit';
|
|
18
|
-
};
|
|
18
|
+
};
|
|
19
|
+
exports.default = _default;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
7
|
+
const fonts = {
|
|
8
8
|
Montserrat: {
|
|
9
9
|
font: 'Montserrat',
|
|
10
10
|
fallback: 'Helvetica, Arial'
|
|
@@ -26,10 +26,11 @@ var fonts = {
|
|
|
26
26
|
fallback: 'helvetica, arial, sans-serif'
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
|
-
var _default =
|
|
30
|
-
|
|
29
|
+
var _default = family => {
|
|
30
|
+
let style = 'inherit';
|
|
31
31
|
if (family) {
|
|
32
32
|
style = "'".concat(fonts[family].font, "', ").concat(fonts[family].fallback, ", sans-serif");
|
|
33
33
|
}
|
|
34
34
|
return style;
|
|
35
|
-
};
|
|
35
|
+
};
|
|
36
|
+
exports.default = _default;
|
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _styledComponents = require("styled-components");
|
|
8
|
-
|
|
8
|
+
const hideVisually = (0, _styledComponents.css)(["border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]);
|
|
9
9
|
var _default = exports.default = hideVisually;
|
|
@@ -4,18 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.screen = exports.media = exports.container = void 0;
|
|
7
|
-
|
|
7
|
+
const screen = exports.screen = {
|
|
8
8
|
small: '740px',
|
|
9
9
|
medium: '1024px',
|
|
10
10
|
large: '1440px'
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
const media = size => {
|
|
13
13
|
if (size) {
|
|
14
14
|
return "@media (min-width: ".concat(screen[size], ")");
|
|
15
15
|
}
|
|
16
16
|
return 'inherit';
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
exports.media = media;
|
|
19
|
+
const container = exports.container = {
|
|
19
20
|
small: '880px',
|
|
20
21
|
medium: '1200px',
|
|
21
22
|
large: '1440px'
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
7
|
+
const spacingSizes = {
|
|
8
8
|
none: '0',
|
|
9
9
|
xsm: '0.25rem',
|
|
10
10
|
sm: '0.5rem',
|
|
@@ -16,7 +16,7 @@ var spacingSizes = {
|
|
|
16
16
|
xxl: '8rem',
|
|
17
17
|
xxxl: '16rem'
|
|
18
18
|
};
|
|
19
|
-
|
|
19
|
+
const spacing = size => {
|
|
20
20
|
if (size) {
|
|
21
21
|
return spacingSizes[size];
|
|
22
22
|
}
|
|
@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _styledComponents = require("styled-components");
|
|
8
|
-
|
|
8
|
+
const indexes = {
|
|
9
9
|
base: 0,
|
|
10
10
|
low: 1,
|
|
11
11
|
medium: 2,
|
|
12
12
|
high: 3,
|
|
13
13
|
higher: 4
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
const zIndex = index => {
|
|
16
|
+
let value = indexes.base;
|
|
17
17
|
if (index) {
|
|
18
18
|
value = indexes[index];
|
|
19
19
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _styledComponents = require("styled-components");
|
|
9
9
|
var _colors = _interopRequireDefault(require("./colors"));
|
|
10
|
-
|
|
10
|
+
const buttonColors = {
|
|
11
11
|
black: {
|
|
12
12
|
background: (0, _colors.default)('black'),
|
|
13
13
|
color: (0, _colors.default)('white'),
|
|
@@ -195,10 +195,11 @@ var buttonColors = {
|
|
|
195
195
|
hoverColor: (0, _colors.default)('white')
|
|
196
196
|
}
|
|
197
197
|
};
|
|
198
|
-
var _default =
|
|
199
|
-
|
|
198
|
+
var _default = colorName => {
|
|
199
|
+
let style = 'inherit';
|
|
200
200
|
if (colorName) {
|
|
201
201
|
style = (0, _styledComponents.css)(["background-color:", ";color:", ";:hover{background-color:", ";color:", ";}"], buttonColors[colorName].background, buttonColors[colorName].color, buttonColors[colorName].hoverBackground, buttonColors[colorName].hoverColor);
|
|
202
202
|
}
|
|
203
203
|
return style;
|
|
204
|
-
};
|
|
204
|
+
};
|
|
205
|
+
exports.default = _default;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
7
|
+
const colors = {
|
|
8
8
|
black: '#030e1a',
|
|
9
9
|
black_dark: '#030e1a',
|
|
10
10
|
blue: '#223c59',
|
|
@@ -48,9 +48,10 @@ var colors = {
|
|
|
48
48
|
yellow_dark: '#665700',
|
|
49
49
|
yellow_light: '#FEFD5A'
|
|
50
50
|
};
|
|
51
|
-
var _default =
|
|
51
|
+
var _default = colorName => {
|
|
52
52
|
if (colorName) {
|
|
53
53
|
return colors[colorName];
|
|
54
54
|
}
|
|
55
55
|
return 'inherit';
|
|
56
|
-
};
|
|
56
|
+
};
|
|
57
|
+
exports.default = _default;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
7
|
+
const fontSizes = {
|
|
8
8
|
xxs: '0.69375rem',
|
|
9
9
|
xs: '0.83125rem',
|
|
10
10
|
s: '1rem',
|
|
@@ -14,9 +14,10 @@ var fontSizes = {
|
|
|
14
14
|
xxl: '4.125rem',
|
|
15
15
|
super: '7.3125rem'
|
|
16
16
|
};
|
|
17
|
-
var _default =
|
|
17
|
+
var _default = size => {
|
|
18
18
|
if (size) {
|
|
19
19
|
return fontSizes[size];
|
|
20
20
|
}
|
|
21
21
|
return '';
|
|
22
|
-
};
|
|
22
|
+
};
|
|
23
|
+
exports.default = _default;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _styledComponents = require("styled-components");
|
|
9
9
|
var _colors = _interopRequireDefault(require("./colors"));
|
|
10
|
-
|
|
10
|
+
const linkStyles = {
|
|
11
11
|
standard: {
|
|
12
12
|
color: (0, _colors.default)('black'),
|
|
13
13
|
border: "1px solid ".concat((0, _colors.default)('black')),
|
|
@@ -25,10 +25,11 @@ var linkStyles = {
|
|
|
25
25
|
hoverBorder: '1px solid trasparent'
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
|
-
var _default =
|
|
29
|
-
|
|
28
|
+
var _default = (styleName, underline) => {
|
|
29
|
+
let style = (0, _styledComponents.css)(["padding-bottom:0.06em;color:", ";border-bottom:solid 1px;border-bottom-color:inherit;font-weight:700;:hover{color:inherit;font-weight:700;}"], (0, _colors.default)('black'));
|
|
30
30
|
if (styleName) {
|
|
31
31
|
style = (0, _styledComponents.css)(["padding:", ";color:", ";border-bottom:", ";font-weight:", ";:hover{color:", ";border-bottom:", ";font-weight:", ";}"], linkStyles[styleName].padding, linkStyles[styleName].color, underline && linkStyles[styleName].border, linkStyles[styleName].weight, linkStyles[styleName].hoverColor, underline && linkStyles[styleName].hoverBorder, linkStyles[styleName].hoverWeight);
|
|
32
32
|
}
|
|
33
33
|
return style;
|
|
34
|
-
};
|
|
34
|
+
};
|
|
35
|
+
exports.default = _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/dist/utils/Membership.js
CHANGED
|
@@ -5,47 +5,50 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.onKeyPress = exports.isInputMatchBoxValue = exports.isAmountValid = exports.handleDonateSubmission = exports.amountFormatter = void 0;
|
|
7
7
|
// this function prevent keyboard characters like e, + , - to be passed on the input
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
const onKeyPress = event => {
|
|
9
|
+
const keyCode = event.keyCode || event.which;
|
|
10
|
+
const keyValue = String.fromCharCode(keyCode);
|
|
11
11
|
if (/\+|-|e/.test(keyValue)) event.preventDefault();
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
exports.onKeyPress = onKeyPress;
|
|
14
|
+
const amountFormatter = amount => {
|
|
14
15
|
if (!amount) return ' ';
|
|
15
16
|
// Determine how many places to fix the number to before passing
|
|
16
|
-
|
|
17
|
+
const decPoint = !Number.isInteger(amount) ? 2 : 0;
|
|
17
18
|
return parseFloat(amount).toFixed(decPoint);
|
|
18
19
|
};
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
exports.amountFormatter = amountFormatter;
|
|
21
|
+
const isAmountValid = input => {
|
|
22
|
+
const reg = /^\s*(?=.*[1-9])\d*(?:\.\d{1,2})?\s*$/g;
|
|
23
|
+
const isValid = input * 1 >= 1 && input * 1 <= 25000 && reg.test(input);
|
|
22
24
|
return isValid;
|
|
23
25
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
exports.isAmountValid = isAmountValid;
|
|
27
|
+
const getUrlParameter = name => {
|
|
28
|
+
const text = name.replace(/\[]/, '\\[').replace(/[\]]/, '\\]');
|
|
29
|
+
const regex = new RegExp("[\\?&]".concat(text, "=([^&#]*)"));
|
|
30
|
+
const results = regex.exec(window.location.search);
|
|
31
|
+
const param = results === null ? 'generic' : decodeURIComponent(results[1].replace(/\+/g, ' '));
|
|
29
32
|
return param;
|
|
30
33
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
return Object.keys(moneyBoxes).map(
|
|
34
|
-
return moneyBoxes[box].value === inputToNum && (selectMoneyBuy(moneyBoxes[box].description, moneyBoxes[box].value), setAmountDonate(input));
|
|
35
|
-
});
|
|
34
|
+
const isInputMatchBoxValue = (moneyBoxes, selectMoneyBuy, setAmountDonate, input) => {
|
|
35
|
+
const inputToNum = input * 1;
|
|
36
|
+
return Object.keys(moneyBoxes).map(box => moneyBoxes[box].value === inputToNum && (selectMoneyBuy(moneyBoxes[box].description, moneyBoxes[box].value), setAmountDonate(input)));
|
|
36
37
|
};
|
|
37
38
|
|
|
38
39
|
// This function is still in progress
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
exports.isInputMatchBoxValue = isInputMatchBoxValue;
|
|
41
|
+
const handleDonateSubmission = function (amount, clientID, cartID, mbshipID, donateLink) {
|
|
42
|
+
let givingType = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'monthly';
|
|
43
|
+
let popUpShown = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
|
|
44
|
+
let currentpageUrl = window.location.href;
|
|
45
|
+
const affiliateValue = getUrlParameter(currentpageUrl);
|
|
46
|
+
const reg = /[#?|[\]\\]/g;
|
|
45
47
|
if (currentpageUrl.match(reg) !== null) {
|
|
46
|
-
|
|
48
|
+
const thisMatch = currentpageUrl.match(reg)[0];
|
|
47
49
|
currentpageUrl = currentpageUrl.substring(0, currentpageUrl.indexOf(thisMatch));
|
|
48
50
|
}
|
|
49
|
-
|
|
51
|
+
const givingTypeUrl = givingType === 'single' ? 'single' : 'monthly';
|
|
50
52
|
window.location.href = "".concat(donateLink, "?clientOverride=").concat(clientID, "&amount=").concat(amount, "¤cy=GBP&givingType=").concat(givingTypeUrl, "&cartId=").concat(cartID, "&affiliate=").concat(affiliateValue, "&siteurl=").concat(currentpageUrl, "&rowID=").concat(mbshipID, "&popUpShown=").concat(popUpShown);
|
|
51
|
-
};
|
|
53
|
+
};
|
|
54
|
+
exports.handleDonateSubmission = handleDonateSubmission;
|
|
@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/* Handles issues related to screen/browser positions on dual-screen setups- http://www.xtf.dk/ */
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
const popUpCentre = (url, popUpWidth, popUpHeight) => {
|
|
9
|
+
const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screen.left;
|
|
10
|
+
const dualScreenTop = window.screenTop !== undefined ? window.screenTop : window.screen.top;
|
|
11
|
+
let browserWidth;
|
|
12
|
+
let browserHeight;
|
|
13
13
|
if (window.innerWidth) {
|
|
14
14
|
browserWidth = window.innerWidth;
|
|
15
15
|
} else if (document.documentElement.clientWidth) {
|
|
@@ -24,9 +24,9 @@ var popUpCentre = function popUpCentre(url, popUpWidth, popUpHeight) {
|
|
|
24
24
|
} else {
|
|
25
25
|
browserHeight = window.screen.height;
|
|
26
26
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
const popUpLeft = browserWidth / 2 - popUpWidth / 2 + dualScreenLeft;
|
|
28
|
+
const popUpTop = browserHeight / 2 - popUpHeight / 2 + dualScreenTop;
|
|
29
|
+
const newWindow = window.open(url, '', "width=".concat(popUpWidth, ", height=").concat(popUpHeight, ", top=").concat(popUpTop, ", left=").concat(popUpLeft));
|
|
30
30
|
|
|
31
31
|
// Shift browser focus to newWindow
|
|
32
32
|
if (window.focus) {
|
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/* Determine where to grab the URL, depending on the component type and values supplied */
|
|
8
|
-
|
|
8
|
+
const shareUrlHelper = (urlToShare, typeOfShare) => {
|
|
9
9
|
// Encode the URL so we can happily pass it as a parameter, fragments and all
|
|
10
|
-
|
|
10
|
+
const urlToShareEncoded = encodeURIComponent(urlToShare);
|
|
11
11
|
|
|
12
12
|
// Construct all share urls
|
|
13
|
-
|
|
13
|
+
const shareURLs = {
|
|
14
14
|
Twitter: "http://www.twitter.com/intent/tweet?url=".concat(urlToShareEncoded),
|
|
15
15
|
Facebook: "https://www.facebook.com/sharer/sharer.php?u=".concat(urlToShareEncoded)
|
|
16
16
|
};
|
|
@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
if (url !== undefined && url !== null && allowList.some(
|
|
10
|
-
return url.indexOf(v) >= 0;
|
|
11
|
-
})) {
|
|
7
|
+
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', 'https://form.typeform.com'];
|
|
8
|
+
const allowListed = url => {
|
|
9
|
+
if (url !== undefined && url !== null && allowList.some(v => url.indexOf(v) >= 0)) {
|
|
12
10
|
return true;
|
|
13
11
|
}
|
|
14
12
|
return false;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
var _allowListed = _interopRequireDefault(require("./allowListed"));
|
|
5
|
-
it('link is allowListed',
|
|
5
|
+
it('link is allowListed', () => {
|
|
6
6
|
expect((0, _allowListed.default)('https://www.comicrelief.com/home')).toBe(true);
|
|
7
7
|
});
|
|
8
|
-
it('link is not allowListed',
|
|
8
|
+
it('link is not allowListed', () => {
|
|
9
9
|
expect((0, _allowListed.default)('https://www.google.co.uk/')).toBe(false);
|
|
10
10
|
});
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.getDomain = exports.InternalLinkHelper = void 0;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var InternalLinkHelper = exports.InternalLinkHelper = function InternalLinkHelper(link) {
|
|
7
|
+
const domainRegEx = new RegExp('(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]');
|
|
8
|
+
const InternalLinkHelper = link => {
|
|
11
9
|
// Check our URL for a domain pattern, if so return it
|
|
12
10
|
if (domainRegEx.test(link)) {
|
|
13
11
|
return link;
|
|
@@ -16,18 +14,18 @@ var InternalLinkHelper = exports.InternalLinkHelper = function InternalLinkHelpe
|
|
|
16
14
|
// If domain-free and internal, prefix it with slash if it doesn't already have one
|
|
17
15
|
return link.substring(0, 1) === '/' ? link : "/".concat(link);
|
|
18
16
|
};
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
exports.InternalLinkHelper = InternalLinkHelper;
|
|
18
|
+
const getDomain = url => {
|
|
19
|
+
let thisURL = url;
|
|
21
20
|
|
|
22
21
|
// Strip out protocol
|
|
23
22
|
thisURL = url.replace(/(https?:\/\/)?(www.)?/i, '');
|
|
24
23
|
|
|
25
24
|
// Strip out subdirectory/path
|
|
26
25
|
if (thisURL.indexOf('/') !== -1) {
|
|
27
|
-
|
|
28
|
-
_thisURL$split2 = (0, _slicedToArray2.default)(_thisURL$split, 1),
|
|
29
|
-
splitURL = _thisURL$split2[0];
|
|
26
|
+
const [splitURL] = thisURL.split('/');
|
|
30
27
|
thisURL = splitURL;
|
|
31
28
|
}
|
|
32
29
|
return thisURL;
|
|
33
|
-
};
|
|
30
|
+
};
|
|
31
|
+
exports.getDomain = getDomain;
|
package/dist/utils/navHelper.js
CHANGED
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/* Determine where to grab the URL, depending on the component type and values supplied */
|
|
8
|
-
|
|
8
|
+
const NavHelper = navItem => {
|
|
9
9
|
/* Default url path location for 'Pages' */
|
|
10
|
-
|
|
10
|
+
let thisUrl = navItem.path;
|
|
11
11
|
if (navItem.internal.type === 'ContentfulComponentLink') {
|
|
12
12
|
thisUrl = navItem.reference && navItem.reference.path ? navItem.reference.path : navItem.url;
|
|
13
13
|
}
|