@comicrelief/component-library 7.22.1 → 7.23.0
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/cypress/e2e/components/organisms/impactSlider.cy.js +72 -0
- package/dist/components/Atoms/Button/Button.js +4 -16
- package/dist/components/Atoms/Button/Button.test.js +0 -5
- package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +14 -31
- package/dist/components/Atoms/Checkbox/Checkbox.js +4 -17
- package/dist/components/Atoms/Checkbox/Checkbox.test.js +0 -5
- package/dist/components/Atoms/Confetti/Confetti.js +8 -23
- package/dist/components/Atoms/Confetti/_TriggerConfetti.js +5 -13
- package/dist/components/Atoms/ErrorText/ErrorText.js +2 -14
- package/dist/components/Atoms/ErrorText/ErrorText.test.js +0 -5
- package/dist/components/Atoms/Icons/Arrow.js +7 -21
- package/dist/components/Atoms/Icons/AtSign.js +4 -14
- package/dist/components/Atoms/Icons/Chevron.js +7 -21
- package/dist/components/Atoms/Icons/Curve.js +1 -6
- package/dist/components/Atoms/Icons/Download.js +4 -14
- package/dist/components/Atoms/Icons/External.js +4 -14
- package/dist/components/Atoms/Icons/Favourite.js +4 -14
- package/dist/components/Atoms/Icons/Internal.js +4 -14
- package/dist/components/Atoms/Icons/index.js +14 -22
- package/dist/components/Atoms/Input/Input.js +15 -35
- package/dist/components/Atoms/Input/input.test.js +0 -5
- package/dist/components/Atoms/Label/Label.js +12 -24
- package/dist/components/Atoms/Link/Link.js +18 -35
- package/dist/components/Atoms/Link/Link.style.js +9 -25
- package/dist/components/Atoms/Link/Link.test.js +0 -6
- package/dist/components/Atoms/Logo/Logo.js +5 -22
- package/dist/components/Atoms/Logo/Logo.test.js +0 -5
- package/dist/components/Atoms/Pagination/Item/Item.js +3 -11
- package/dist/components/Atoms/Pagination/Item/Item.style.js +18 -30
- package/dist/components/Atoms/Pagination/List/List.js +10 -21
- package/dist/components/Atoms/Pagination/Pagination.js +25 -47
- package/dist/components/Atoms/Pagination/Pagination.test.js +0 -5
- package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js +14 -30
- package/dist/components/Atoms/Picture/Picture.js +19 -39
- package/dist/components/Atoms/Picture/Picture.test.js +0 -6
- package/dist/components/Atoms/RadioButton/RadioButton.js +6 -18
- package/dist/components/Atoms/RadioButton/RadioButton.test.js +0 -5
- package/dist/components/Atoms/RichText/RichText.js +4 -15
- package/dist/components/Atoms/RichText/RichText.test.js +0 -5
- package/dist/components/Atoms/Select/Select.js +19 -39
- package/dist/components/Atoms/Select/Select.test.js +0 -5
- package/dist/components/Atoms/SocialIcons/Icon/Icon.js +6 -18
- package/dist/components/Atoms/SocialIcons/SocialIcons.js +3 -17
- package/dist/components/Atoms/SocialIcons/SocialIcons.test.js +0 -5
- package/dist/components/Atoms/SocialIcons/Utils/Icons.js +2 -9
- package/dist/components/Atoms/SocialIcons/Utils/Links.js +2 -5
- package/dist/components/Atoms/Text/Text.js +16 -29
- package/dist/components/Atoms/Text/Text.test.js +0 -5
- package/dist/components/Atoms/TextArea/TextArea.js +10 -25
- package/dist/components/Atoms/TextArea/TextArea.test.js +0 -5
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +26 -53
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.style.js +8 -28
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.test.js +0 -6
- package/dist/components/Molecules/Accordion/Accordion.js +8 -29
- package/dist/components/Molecules/Accordion/Accordion.test.js +0 -6
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +14 -38
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -6
- package/dist/components/Molecules/Banner/Banner.js +3 -13
- package/dist/components/Molecules/Banner/Banner.test.js +0 -6
- package/dist/components/Molecules/Box/Box.js +9 -22
- package/dist/components/Molecules/Box/Box.test.js +0 -6
- package/dist/components/Molecules/Card/Card.js +11 -24
- package/dist/components/Molecules/Card/Card.test.js +0 -6
- package/dist/components/Molecules/CardDs/CardDs.js +17 -41
- package/dist/components/Molecules/CardDs/CardDs.test.js +0 -7
- package/dist/components/Molecules/Chip/Chip.js +4 -10
- package/dist/components/Molecules/Chip/Chip.style.js +8 -48
- package/dist/components/Molecules/Chip/Chip.test.js +0 -6
- package/dist/components/Molecules/Countdown/Countdown.js +17 -32
- package/dist/components/Molecules/Countdown/Countdown.style.js +4 -13
- package/dist/components/Molecules/Descriptor/Descriptor.js +6 -50
- package/dist/components/Molecules/Descriptor/Descriptor.test.js +0 -5
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.js +2 -8
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js +4 -13
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +0 -6
- package/dist/components/Molecules/HeroBanner/HeroBanner.js +4 -13
- package/dist/components/Molecules/InfoBanner/InfoBanner.js +8 -19
- package/dist/components/Molecules/InfoBanner/InfoBanner.test.js +0 -5
- package/dist/components/Molecules/Logos/Logos.js +1 -11
- package/dist/components/Molecules/Lookup/Lookup.js +25 -57
- package/dist/components/Molecules/PartnerLink/PartnerLink.js +3 -14
- package/dist/components/Molecules/PartnerLink/PartnerLink.style.js +4 -13
- package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +0 -7
- package/dist/components/Molecules/Promo/Promo.js +33 -47
- package/dist/components/Molecules/Promo/Promo.md +2 -1
- package/dist/components/Molecules/Promo/Promo.style.js +12 -37
- package/dist/components/Molecules/Promo/Promo.test.js +0 -8
- package/dist/components/Molecules/Promo/_ProgressRing.js +7 -20
- package/dist/components/Molecules/Promo/_PromoVideo.js +39 -53
- package/dist/components/Molecules/Promo/_PromoVideoButton.js +2 -11
- package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +14 -40
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +6 -23
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.test.js +0 -5
- package/dist/components/Molecules/SearchInput/SearchInput.js +4 -12
- package/dist/components/Molecules/SearchInput/SearchInput.style.js +7 -25
- package/dist/components/Molecules/SearchInput/SearchInput.test.js +0 -5
- package/dist/components/Molecules/SearchResult/SearchResult.js +11 -25
- package/dist/components/Molecules/SearchResult/SearchResult.test.js +0 -6
- package/dist/components/Molecules/ShareButton/ShareButton.js +10 -23
- package/dist/components/Molecules/ShareButton/ShareButton.style.js +6 -21
- package/dist/components/Molecules/ShareButton/ShareButton.test.js +0 -5
- package/dist/components/Molecules/ShareButton/assets/ShareIcons.js +1 -6
- package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +4 -25
- package/dist/components/Molecules/SingleMessage/SingleMessage.js +48 -68
- package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +19 -47
- package/dist/components/Molecules/SingleMessage/SingleMessage.test.js +0 -8
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +22 -46
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +13 -44
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js +0 -8
- package/dist/components/Molecules/Typeahead/Typeahead.js +25 -51
- package/dist/components/Molecules/Typeahead/Typeahead.test.js +0 -12
- package/dist/components/Molecules/VideoBanner/VideoBanner.js +14 -28
- package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +0 -6
- package/dist/components/Organisms/CookieBanner/CookieBanner.js +3 -9
- package/dist/components/Organisms/CookieBanner/CookieBanner.style.js +6 -18
- package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +0 -5
- package/dist/components/Organisms/Donate/Donate.js +36 -48
- package/dist/components/Organisms/Donate/Donate.style.js +23 -71
- package/dist/components/Organisms/Donate/Donate.test.js +0 -8
- package/dist/components/Organisms/Donate/Form/Form.js +53 -80
- package/dist/components/Organisms/Donate/Form/PopUpComponent.js +9 -27
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +4 -12
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.style.js +7 -25
- package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +7 -21
- package/dist/components/Organisms/Donate/dev-data/data-high-value.js +2 -3
- package/dist/components/Organisms/Donate/dev-data/data-single.js +2 -3
- package/dist/components/Organisms/Donate/dev-data/data.js +2 -3
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js +12 -37
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.test.js +0 -9
- package/dist/components/Organisms/EmailSignUp/EmailSignUpForm.js +3 -24
- package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js +19 -32
- package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js +6 -18
- package/dist/components/Organisms/EmailSignUp/_TextInput.js +7 -16
- package/dist/components/Organisms/Footer/Footer.js +5 -17
- package/dist/components/Organisms/Footer/Footer.style.js +10 -35
- package/dist/components/Organisms/Footer/Footer.test.js +1 -7
- package/dist/components/Organisms/Footer/Nav/Nav.js +15 -39
- package/dist/components/Organisms/Footer/Nav/Nav.style.js +16 -37
- package/dist/components/Organisms/Footer/data/data.js +2 -3
- package/dist/components/Organisms/Footer/data/footerCopy.js +2 -3
- package/dist/components/Organisms/Header/Burger/BurgerMenu.js +3 -8
- package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js +8 -19
- package/dist/components/Organisms/Header/Header.js +4 -14
- package/dist/components/Organisms/Header/Header.style.js +5 -22
- package/dist/components/Organisms/Header/Nav/Nav.js +19 -44
- package/dist/components/Organisms/Header/Nav/Nav.style.js +19 -46
- package/dist/components/Organisms/Header/data/data.js +2 -3
- package/dist/components/Organisms/Header/header.test.js +5 -2
- package/dist/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +61 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.js +71 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +56 -0
- package/dist/components/Organisms/ImpactSlider/Slider.style.js +30 -0
- package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +42 -0
- package/dist/components/Organisms/ImpactSlider/_Slider.js +32 -0
- package/dist/components/Organisms/ImpactSlider/_utils.js +30 -0
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +15 -54
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +11 -20
- package/dist/components/Organisms/MarketingPreferencesDS/_AssociatedFields.js +1 -2
- package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.js +12 -23
- package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.js +4 -14
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +23 -35
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js +10 -19
- package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js +7 -16
- package/dist/components/Organisms/Membership/Form/Form.js +50 -83
- package/dist/components/Organisms/Membership/Membership.js +13 -21
- package/dist/components/Organisms/Membership/Membership.style.js +21 -63
- package/dist/components/Organisms/Membership/Membership.test.js +0 -7
- package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +9 -21
- package/dist/components/Organisms/Membership/dev-data/data.js +2 -3
- package/dist/hoc/shallowWithTheme.js +0 -6
- package/dist/index.js +134 -187
- package/dist/styleguide/CRLogo.js +1 -9
- package/dist/styleguide/StyleGuideRenderer.js +6 -10
- package/dist/styleguide/ThemeWrapper.js +1 -8
- package/dist/styleguide/data/data.js +20 -5
- package/dist/theme/ThemeProvider.js +1 -5
- package/dist/theme/crTheme/buttonColors.js +2 -11
- package/dist/theme/crTheme/colors.js +3 -9
- package/dist/theme/crTheme/fontSizes.js +2 -6
- package/dist/theme/crTheme/linkStyles.js +2 -11
- package/dist/theme/crTheme/theme.js +2 -11
- package/dist/theme/shared/breakpoint.js +4 -9
- package/dist/theme/shared/fontFamilies.js +2 -7
- package/dist/theme/shared/hideVisually.js +1 -4
- package/dist/theme/shared/size.js +5 -11
- package/dist/theme/shared/spacing.js +1 -5
- package/dist/theme/shared/zIndex.js +1 -8
- package/dist/theme/srTheme/buttonColors.js +2 -11
- package/dist/theme/srTheme/colors.js +3 -9
- package/dist/theme/srTheme/fontSizes.js +2 -6
- package/dist/theme/srTheme/linkStyles.js +2 -11
- package/dist/theme/srTheme/theme.js +2 -11
- package/dist/utils/Membership.js +11 -28
- package/dist/utils/ShareButton/sharePopUpHelper.js +3 -8
- package/dist/utils/ShareButton/shareTracking.js +1 -5
- package/dist/utils/ShareButton/shareUrlHelper.js +3 -5
- package/dist/utils/allowListed.js +1 -5
- package/dist/utils/allowListed.test.js +0 -2
- package/dist/utils/internalLinkHelper.js +11 -20
- package/dist/utils/navHelper.js +1 -6
- package/package.json +2 -1
- package/react-range-slider-input.d.ts +2 -0
- package/src/components/Molecules/Promo/Promo.md +2 -1
- package/src/components/Molecules/Promo/_PromoVideo.js +6 -4
- package/src/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +96 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.js +92 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.style.js +72 -0
- package/src/components/Organisms/ImpactSlider/Slider.style.js +70 -0
- package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +43 -0
- package/src/components/Organisms/ImpactSlider/_Slider.js +39 -0
- package/src/components/Organisms/ImpactSlider/_utils.js +32 -0
- package/src/index.js +1 -0
- package/src/styleguide/data/data.js +26 -1
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getPages = exports.calculatePagesToTheRight = exports.calculatePagesToTheLeft = exports.calculateDisplayedPages = void 0;
|
|
7
|
-
|
|
8
7
|
var _lodash = require("lodash");
|
|
9
|
-
|
|
10
8
|
/**
|
|
11
9
|
* Determines the number of displayed pages
|
|
12
10
|
* @param {Integer} maxPages
|
|
@@ -14,9 +12,10 @@ var _lodash = require("lodash");
|
|
|
14
12
|
* @return {Integer}
|
|
15
13
|
*/
|
|
16
14
|
// Use totalPages as displayed pages if it is less than allowed max number of pages
|
|
17
|
-
var calculateDisplayedPages = function calculateDisplayedPages(maxPages, totalPages) {
|
|
15
|
+
var calculateDisplayedPages = exports.calculateDisplayedPages = function calculateDisplayedPages(maxPages, totalPages) {
|
|
18
16
|
return Math.min(maxPages, totalPages);
|
|
19
17
|
};
|
|
18
|
+
|
|
20
19
|
/**
|
|
21
20
|
* Determines the number of displayed pages to the left
|
|
22
21
|
* By using half total pages unless current page is inside that half
|
|
@@ -26,27 +25,22 @@ var calculateDisplayedPages = function calculateDisplayedPages(maxPages, totalPa
|
|
|
26
25
|
* @param {Integer} totalPages
|
|
27
26
|
* @return {Integer}
|
|
28
27
|
*/
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var calculatePagesToTheLeft = function calculatePagesToTheLeft(currentPage, displayedPages, totalPages) {
|
|
34
|
-
var oneSidePages = Math.floor(displayedPages / 2); // if current page is closer to the start
|
|
28
|
+
var calculatePagesToTheLeft = exports.calculatePagesToTheLeft = function calculatePagesToTheLeft(currentPage, displayedPages, totalPages) {
|
|
29
|
+
var oneSidePages = Math.floor(displayedPages / 2);
|
|
30
|
+
// if current page is closer to the start
|
|
35
31
|
// pages to the left will be current page minus one -for the current page item itself-
|
|
36
|
-
|
|
37
32
|
if (currentPage <= oneSidePages) {
|
|
38
33
|
return currentPage - 1;
|
|
39
|
-
}
|
|
34
|
+
}
|
|
35
|
+
// if current page is closer to the end
|
|
40
36
|
// pages to the left will be displayed pages
|
|
41
37
|
// minus pages on the right side minus one -for the current page item itself-
|
|
42
|
-
|
|
43
|
-
|
|
44
38
|
if (totalPages - currentPage <= oneSidePages) {
|
|
45
39
|
return displayedPages - (totalPages - currentPage) - 1;
|
|
46
40
|
}
|
|
47
|
-
|
|
48
41
|
return oneSidePages;
|
|
49
42
|
};
|
|
43
|
+
|
|
50
44
|
/**
|
|
51
45
|
* Determines the number of displayed pages to the right
|
|
52
46
|
* By subtracting pages to the left and the current page itself from displayed pages total
|
|
@@ -55,13 +49,10 @@ var calculatePagesToTheLeft = function calculatePagesToTheLeft(currentPage, disp
|
|
|
55
49
|
* @param {Integer} totalPages
|
|
56
50
|
* @return {Integer}
|
|
57
51
|
*/
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
exports.calculatePagesToTheLeft = calculatePagesToTheLeft;
|
|
61
|
-
|
|
62
|
-
var calculatePagesToTheRight = function calculatePagesToTheRight(currentPage, displayedPages, totalPages) {
|
|
52
|
+
var calculatePagesToTheRight = exports.calculatePagesToTheRight = function calculatePagesToTheRight(currentPage, displayedPages, totalPages) {
|
|
63
53
|
return displayedPages - calculatePagesToTheLeft(currentPage, displayedPages, totalPages) - 1;
|
|
64
54
|
};
|
|
55
|
+
|
|
65
56
|
/**
|
|
66
57
|
* Retrieves the correct page range
|
|
67
58
|
* @param {Integer} currentPage
|
|
@@ -69,22 +60,15 @@ var calculatePagesToTheRight = function calculatePagesToTheRight(currentPage, di
|
|
|
69
60
|
* @param {Integer} totalPages
|
|
70
61
|
* @return {Integer}
|
|
71
62
|
*/
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
var getPages = function getPages(currentPage, maxPages, totalPages) {
|
|
77
|
-
var displayedPages = calculateDisplayedPages(maxPages, totalPages); // If all pages are allowed, return the entire page range
|
|
78
|
-
|
|
63
|
+
var getPages = exports.getPages = function getPages(currentPage, maxPages, totalPages) {
|
|
64
|
+
var displayedPages = calculateDisplayedPages(maxPages, totalPages);
|
|
65
|
+
// If all pages are allowed, return the entire page range
|
|
79
66
|
if (displayedPages === totalPages) {
|
|
80
67
|
return (0, _lodash.range)(1, totalPages + 1);
|
|
81
68
|
}
|
|
82
|
-
|
|
83
69
|
var pagesToTheLeft = calculatePagesToTheLeft(currentPage, displayedPages, totalPages);
|
|
84
70
|
var pagesToTheRight = calculatePagesToTheRight(currentPage, displayedPages, totalPages);
|
|
85
71
|
var first = currentPage - pagesToTheLeft;
|
|
86
72
|
var last = currentPage + pagesToTheRight;
|
|
87
73
|
return (0, _lodash.range)(first, last + 1);
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
exports.getPages = getPages;
|
|
74
|
+
};
|
|
@@ -1,39 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
17
|
-
|
|
18
12
|
require("lazysizes");
|
|
19
|
-
|
|
20
13
|
require("lazysizes/plugins/blur-up/ls.blur-up");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["images", "image", "alt", "width", "height", "objectFit", "imageLow", "isBackgroundImage"];
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
|
|
28
17
|
// Transparent pixel png
|
|
29
18
|
var IMAGE_FALLBACK = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
|
|
30
|
-
|
|
31
19
|
var Wrapper = _styledComponents.default.div.withConfig({
|
|
32
20
|
displayName: "Picture__Wrapper",
|
|
33
21
|
componentId: "sc-1x3z81z-0"
|
|
34
22
|
})(["", ";display:block;width:", ";height:", ";position:relative;", ";"], function (_ref) {
|
|
35
23
|
var objFitState = _ref.objFitState,
|
|
36
|
-
|
|
24
|
+
nonObjFitImage = _ref.nonObjFitImage;
|
|
37
25
|
return !objFitState && nonObjFitImage && "background-image: url(".concat(nonObjFitImage, "); background-size: cover; background-position: center;");
|
|
38
26
|
}, function (props) {
|
|
39
27
|
return props.width ? props.width : '100%';
|
|
@@ -43,7 +31,6 @@ var Wrapper = _styledComponents.default.div.withConfig({
|
|
|
43
31
|
var isBackgroundImage = _ref2.isBackgroundImage;
|
|
44
32
|
return isBackgroundImage && 'position: absolute; bottom: 0px; left: 0px; right: 0px; height: 100%;';
|
|
45
33
|
});
|
|
46
|
-
|
|
47
34
|
var Image = _styledComponents.default.img.withConfig({
|
|
48
35
|
displayName: "Picture__Image",
|
|
49
36
|
componentId: "sc-1x3z81z-1"
|
|
@@ -55,43 +42,41 @@ var Image = _styledComponents.default.img.withConfig({
|
|
|
55
42
|
return props.objectFit === 'none' && 'none' || props.objectFit === 'cover' && 'cover' || props.objectFit === 'contain' && 'contain';
|
|
56
43
|
}, function (_ref3) {
|
|
57
44
|
var objectFit = _ref3.objectFit,
|
|
58
|
-
|
|
45
|
+
objFitState = _ref3.objFitState;
|
|
59
46
|
return objectFit !== 'none' && !objFitState && 'visibility: hidden;';
|
|
60
47
|
});
|
|
61
|
-
/** Responsive Picture */
|
|
62
48
|
|
|
49
|
+
/** Responsive Picture */
|
|
63
50
|
|
|
64
51
|
var Picture = function Picture(_ref4) {
|
|
65
52
|
var images = _ref4.images,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
53
|
+
image = _ref4.image,
|
|
54
|
+
alt = _ref4.alt,
|
|
55
|
+
width = _ref4.width,
|
|
56
|
+
height = _ref4.height,
|
|
57
|
+
objectFit = _ref4.objectFit,
|
|
58
|
+
imageLow = _ref4.imageLow,
|
|
59
|
+
isBackgroundImage = _ref4.isBackgroundImage,
|
|
60
|
+
rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
|
|
74
61
|
var document = typeof window !== 'undefined' ? window.document : null;
|
|
75
|
-
|
|
76
62
|
var _useState = (0, _react.useState)(true),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
63
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
64
|
+
objFitState = _useState2[0],
|
|
65
|
+
setObjFitState = _useState2[1];
|
|
81
66
|
var nonObjFitImage = null;
|
|
82
67
|
(0, _react.useEffect)(function () {
|
|
83
68
|
// Once document is available, determine if this browser supports object-fit
|
|
84
69
|
if ('objectFit' in document.documentElement.style === false) {
|
|
85
70
|
setObjFitState(false);
|
|
86
71
|
}
|
|
87
|
-
}, [document]);
|
|
72
|
+
}, [document]);
|
|
88
73
|
|
|
74
|
+
// Determine which image will be used for the nonObjectFit fallback
|
|
89
75
|
if (image) {
|
|
90
76
|
nonObjFitImage = image;
|
|
91
77
|
} else if (images) {
|
|
92
78
|
nonObjFitImage = images.substring(0, images.indexOf('?'));
|
|
93
79
|
}
|
|
94
|
-
|
|
95
80
|
if (!images) {
|
|
96
81
|
return /*#__PURE__*/_react.default.createElement(Wrapper, Object.assign({
|
|
97
82
|
height: height,
|
|
@@ -111,7 +96,6 @@ var Picture = function Picture(_ref4) {
|
|
|
111
96
|
objFitState: objFitState
|
|
112
97
|
}));
|
|
113
98
|
}
|
|
114
|
-
|
|
115
99
|
return /*#__PURE__*/_react.default.createElement(Wrapper, Object.assign({
|
|
116
100
|
height: height,
|
|
117
101
|
width: width,
|
|
@@ -137,7 +121,6 @@ var Picture = function Picture(_ref4) {
|
|
|
137
121
|
objFitState: objFitState
|
|
138
122
|
}));
|
|
139
123
|
};
|
|
140
|
-
|
|
141
124
|
Picture.defaultProps = {
|
|
142
125
|
imageLow: null,
|
|
143
126
|
image: null,
|
|
@@ -148,7 +131,4 @@ Picture.defaultProps = {
|
|
|
148
131
|
alt: '',
|
|
149
132
|
isBackgroundImage: false
|
|
150
133
|
};
|
|
151
|
-
|
|
152
|
-
var _default = (0, _styledComponents.withTheme)(Picture);
|
|
153
|
-
|
|
154
|
-
exports.default = _default;
|
|
134
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(Picture);
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _Picture = _interopRequireDefault(require("./Picture"));
|
|
12
|
-
|
|
13
8
|
var _data = require("../../../styleguide/data/data");
|
|
14
|
-
|
|
15
9
|
it('renders correctly', function () {
|
|
16
10
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Picture.default, {
|
|
17
11
|
images: _data.defaultData.images,
|
|
@@ -1,24 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
17
|
-
|
|
18
12
|
var _Text = _interopRequireDefault(require("../Text/Text"));
|
|
19
|
-
|
|
20
13
|
var _excluded = ["label", "name", "value"];
|
|
21
|
-
|
|
22
14
|
/**
|
|
23
15
|
* Input radio component
|
|
24
16
|
*/
|
|
@@ -27,7 +19,7 @@ var StyledRadioInput = _styledComponents.default.input.withConfig({
|
|
|
27
19
|
componentId: "sc-2c24wq-0"
|
|
28
20
|
})(["background-color:", ";font-size:", ";z-index:1;top:0;margin:5px 10px;width:30px;height:30px;opacity:0;left:0;right:0;flex-shrink:0;+ span{left:2px;border-radius:30px;background-clip:padding-box;position:absolute;top:0px;width:30px;height:30px;border:1px solid ", ";}:checked + span{background-color:", ";border:1px solid ", ";:before{position:absolute;content:'';top:8px;left:0;right:0;background-color:", ";border-radius:30px;width:12px;height:12px;z-index:1;margin:0 auto;opacity:1;}}"], function (_ref) {
|
|
29
21
|
var color = _ref.color,
|
|
30
|
-
|
|
22
|
+
theme = _ref.theme;
|
|
31
23
|
return color ? theme.color(color) : theme.color('white');
|
|
32
24
|
}, function (_ref2) {
|
|
33
25
|
var theme = _ref2.theme;
|
|
@@ -45,21 +37,19 @@ var StyledRadioInput = _styledComponents.default.input.withConfig({
|
|
|
45
37
|
var theme = _ref6.theme;
|
|
46
38
|
return theme.color('white');
|
|
47
39
|
});
|
|
40
|
+
|
|
48
41
|
/**
|
|
49
42
|
* Label component
|
|
50
43
|
*/
|
|
51
|
-
|
|
52
|
-
|
|
53
44
|
var Label = _styledComponents.default.label.withConfig({
|
|
54
45
|
displayName: "RadioButton__Label",
|
|
55
46
|
componentId: "sc-2c24wq-1"
|
|
56
47
|
})(["display:flex;align-items:center;position:relative;"]);
|
|
57
|
-
|
|
58
48
|
var RadioButton = /*#__PURE__*/_react.default.forwardRef(function (_ref7, ref) {
|
|
59
49
|
var label = _ref7.label,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
50
|
+
name = _ref7.name,
|
|
51
|
+
value = _ref7.value,
|
|
52
|
+
rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
|
|
63
53
|
return /*#__PURE__*/_react.default.createElement(Label, {
|
|
64
54
|
htmlFor: value
|
|
65
55
|
}, /*#__PURE__*/_react.default.createElement(StyledRadioInput, Object.assign({
|
|
@@ -73,11 +63,9 @@ var RadioButton = /*#__PURE__*/_react.default.forwardRef(function (_ref7, ref) {
|
|
|
73
63
|
weight: "bold"
|
|
74
64
|
}, label));
|
|
75
65
|
});
|
|
76
|
-
|
|
77
66
|
RadioButton.propTypes = {
|
|
78
67
|
name: _propTypes.default.string.isRequired,
|
|
79
68
|
label: _propTypes.default.string.isRequired,
|
|
80
69
|
value: _propTypes.default.string.isRequired
|
|
81
70
|
};
|
|
82
|
-
var _default = RadioButton;
|
|
83
|
-
exports.default = _default;
|
|
71
|
+
var _default = exports.default = RadioButton;
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _RadioButton = _interopRequireDefault(require("./RadioButton"));
|
|
12
|
-
|
|
13
8
|
it('renders correctly', function () {
|
|
14
9
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_RadioButton.default, {
|
|
15
10
|
id: "male",
|
|
@@ -1,33 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.Inner = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["align", "markup"];
|
|
17
|
-
|
|
18
|
-
var Inner = _styledComponents.default.div.withConfig({
|
|
12
|
+
var Inner = exports.Inner = _styledComponents.default.div.withConfig({
|
|
19
13
|
displayName: "RichText__Inner",
|
|
20
14
|
componentId: "sc-sqyfgj-0"
|
|
21
15
|
})(["text-align:", ";"], function (props) {
|
|
22
16
|
return props.align;
|
|
23
17
|
});
|
|
24
|
-
|
|
25
|
-
exports.Inner = Inner;
|
|
26
|
-
|
|
27
18
|
var RichText = function RichText(_ref) {
|
|
28
19
|
var align = _ref.align,
|
|
29
|
-
|
|
30
|
-
|
|
20
|
+
markup = _ref.markup,
|
|
21
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
31
22
|
return /*#__PURE__*/_react.default.createElement(Inner, Object.assign({
|
|
32
23
|
align: align,
|
|
33
24
|
dangerouslySetInnerHTML: {
|
|
@@ -35,10 +26,8 @@ var RichText = function RichText(_ref) {
|
|
|
35
26
|
}
|
|
36
27
|
}, rest));
|
|
37
28
|
};
|
|
38
|
-
|
|
39
29
|
RichText.defaultProps = {
|
|
40
30
|
align: 'left',
|
|
41
31
|
markup: ''
|
|
42
32
|
};
|
|
43
|
-
var _default = RichText;
|
|
44
|
-
exports.default = _default;
|
|
33
|
+
var _default = exports.default = RichText;
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _RichText = _interopRequireDefault(require("./RichText"));
|
|
12
|
-
|
|
13
8
|
var htmlContent = "<p>Here's some copy</p><span>More copy</span>";
|
|
14
9
|
it('It sanitises markup and renders properly', function () {
|
|
15
10
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_RichText.default, {
|
|
@@ -1,34 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
17
|
-
|
|
18
12
|
var _Label = _interopRequireDefault(require("../Label/Label"));
|
|
19
|
-
|
|
20
13
|
var _ErrorText = _interopRequireDefault(require("../ErrorText/ErrorText"));
|
|
21
|
-
|
|
22
14
|
var _dropDownDarkPurple = _interopRequireDefault(require("./assets/drop-down-dark-purple.svg"));
|
|
23
|
-
|
|
24
15
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
25
|
-
|
|
26
16
|
var _excluded = ["errorMsg", "description", "label", "options", "hideLabel", "defaultValue", "onChange", "greyDescription", "className", "optional"];
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
-
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
|
|
32
19
|
var StyledSelect = _styledComponents.default.select.withConfig({
|
|
33
20
|
displayName: "Select__StyledSelect",
|
|
34
21
|
componentId: "sc-1atp8e3-0"
|
|
@@ -43,12 +30,12 @@ var StyledSelect = _styledComponents.default.select.withConfig({
|
|
|
43
30
|
return theme.color('grey_light');
|
|
44
31
|
}, _dropDownDarkPurple.default, function (_ref4) {
|
|
45
32
|
var theme = _ref4.theme,
|
|
46
|
-
|
|
33
|
+
error = _ref4.error;
|
|
47
34
|
return error ? theme.color('red') : theme.color('grey_medium');
|
|
48
35
|
}, function (_ref5) {
|
|
49
36
|
var theme = _ref5.theme,
|
|
50
|
-
|
|
51
|
-
|
|
37
|
+
greyDescription = _ref5.greyDescription,
|
|
38
|
+
hasValue = _ref5.hasValue;
|
|
52
39
|
return greyDescription && !hasValue ? 'grey' : theme.color('black');
|
|
53
40
|
}, function (_ref6) {
|
|
54
41
|
var theme = _ref6.theme;
|
|
@@ -57,25 +44,22 @@ var StyledSelect = _styledComponents.default.select.withConfig({
|
|
|
57
44
|
var theme = _ref7.theme;
|
|
58
45
|
return theme.breakpoint('small');
|
|
59
46
|
});
|
|
60
|
-
|
|
61
47
|
var Select = /*#__PURE__*/_react.default.forwardRef(function (_ref8, ref) {
|
|
62
48
|
var errorMsg = _ref8.errorMsg,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
49
|
+
description = _ref8.description,
|
|
50
|
+
label = _ref8.label,
|
|
51
|
+
options = _ref8.options,
|
|
52
|
+
hideLabel = _ref8.hideLabel,
|
|
53
|
+
defaultValue = _ref8.defaultValue,
|
|
54
|
+
_onChange = _ref8.onChange,
|
|
55
|
+
greyDescription = _ref8.greyDescription,
|
|
56
|
+
className = _ref8.className,
|
|
57
|
+
optional = _ref8.optional,
|
|
58
|
+
rest = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
|
|
74
59
|
var _useState = (0, _react.useState)(''),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
60
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
61
|
+
value = _useState2[0],
|
|
62
|
+
setValue = _useState2[1];
|
|
79
63
|
return /*#__PURE__*/_react.default.createElement(_Label.default, {
|
|
80
64
|
label: label,
|
|
81
65
|
hideLabel: hideLabel,
|
|
@@ -85,7 +69,6 @@ var Select = /*#__PURE__*/_react.default.forwardRef(function (_ref8, ref) {
|
|
|
85
69
|
}, /*#__PURE__*/_react.default.createElement(StyledSelect, Object.assign({
|
|
86
70
|
onChange: function onChange(e) {
|
|
87
71
|
setValue(e.currentTarget.value);
|
|
88
|
-
|
|
89
72
|
if (_onChange) {
|
|
90
73
|
_onChange(e);
|
|
91
74
|
}
|
|
@@ -111,17 +94,14 @@ var Select = /*#__PURE__*/_react.default.forwardRef(function (_ref8, ref) {
|
|
|
111
94
|
"data-test": "error-message"
|
|
112
95
|
}, errorMsg));
|
|
113
96
|
});
|
|
114
|
-
|
|
115
97
|
Select.defaultProps = {
|
|
116
98
|
hideLabel: false,
|
|
117
99
|
defaultValue: '',
|
|
118
100
|
onChange: null,
|
|
119
|
-
|
|
120
101
|
/** If true, the 'description' option, which is initially selected but disabled, will be grey
|
|
121
102
|
* - like a text input's placeholder */
|
|
122
103
|
greyDescription: false,
|
|
123
104
|
className: '',
|
|
124
105
|
optional: false
|
|
125
106
|
};
|
|
126
|
-
var _default = Select;
|
|
127
|
-
exports.default = _default;
|
|
107
|
+
var _default = exports.default = Select;
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _Select = _interopRequireDefault(require("./Select"));
|
|
12
|
-
|
|
13
8
|
it('renders correctly', function () {
|
|
14
9
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Select.default, {
|
|
15
10
|
label: "Label",
|
|
@@ -1,44 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _hideVisually = _interopRequireDefault(require("../../../../theme/shared/hideVisually"));
|
|
17
|
-
|
|
18
12
|
var _excluded = ["href", "target", "icon", "brand", "title"];
|
|
19
|
-
|
|
20
13
|
var StyledLink = _styledComponents.default.a.withConfig({
|
|
21
14
|
displayName: "Icon__StyledLink",
|
|
22
15
|
componentId: "sc-no6fx6-0"
|
|
23
16
|
})(["text-decoration:none;cursor:pointer;display:block;transition:opacity 0.2s;&:hover,&:focus{opacity:0.6;}"]);
|
|
24
|
-
|
|
25
17
|
var StyledImage = _styledComponents.default.img.withConfig({
|
|
26
18
|
displayName: "Icon__StyledImage",
|
|
27
19
|
componentId: "sc-no6fx6-1"
|
|
28
20
|
})(["width:100%;"]);
|
|
29
|
-
|
|
30
21
|
var HelperText = _styledComponents.default.span.withConfig({
|
|
31
22
|
displayName: "Icon__HelperText",
|
|
32
23
|
componentId: "sc-no6fx6-2"
|
|
33
24
|
})(["", ";"], _hideVisually.default);
|
|
34
|
-
|
|
35
25
|
var Icon = function Icon(_ref) {
|
|
36
26
|
var href = _ref.href,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
27
|
+
target = _ref.target,
|
|
28
|
+
icon = _ref.icon,
|
|
29
|
+
brand = _ref.brand,
|
|
30
|
+
title = _ref.title,
|
|
31
|
+
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
42
32
|
return /*#__PURE__*/_react.default.createElement(StyledLink, Object.assign({
|
|
43
33
|
href: href,
|
|
44
34
|
target: "_".concat(target)
|
|
@@ -51,6 +41,4 @@ var Icon = function Icon(_ref) {
|
|
|
51
41
|
alt: brand
|
|
52
42
|
}), title !== 'Sign up for emails' && /*#__PURE__*/_react.default.createElement(HelperText, null, "(opens in new window)"));
|
|
53
43
|
};
|
|
54
|
-
|
|
55
|
-
var _default = Icon;
|
|
56
|
-
exports.default = _default;
|
|
44
|
+
var _default = exports.default = Icon;
|
|
@@ -1,28 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _Links = _interopRequireDefault(require("./Utils/Links"));
|
|
17
|
-
|
|
18
12
|
var _Icons = _interopRequireDefault(require("./Utils/Icons"));
|
|
19
|
-
|
|
20
13
|
var _Icon = _interopRequireDefault(require("./Icon/Icon"));
|
|
21
|
-
|
|
22
14
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
23
|
-
|
|
24
15
|
var _excluded = ["campaign"];
|
|
25
|
-
|
|
26
16
|
var StyledList = _styledComponents.default.ul.withConfig({
|
|
27
17
|
displayName: "SocialIcons__StyledList",
|
|
28
18
|
componentId: "sc-i6jfaw-0"
|
|
@@ -30,7 +20,6 @@ var StyledList = _styledComponents.default.ul.withConfig({
|
|
|
30
20
|
var theme = _ref.theme;
|
|
31
21
|
return theme.breakpoint('small');
|
|
32
22
|
});
|
|
33
|
-
|
|
34
23
|
var StyledItem = _styledComponents.default.li.withConfig({
|
|
35
24
|
displayName: "SocialIcons__StyledItem",
|
|
36
25
|
componentId: "sc-i6jfaw-1"
|
|
@@ -38,12 +27,11 @@ var StyledItem = _styledComponents.default.li.withConfig({
|
|
|
38
27
|
var theme = _ref2.theme;
|
|
39
28
|
return theme.breakpoint('small');
|
|
40
29
|
});
|
|
41
|
-
/** Social media icons with customizable style linked to campaign social media accounts */
|
|
42
|
-
|
|
43
30
|
|
|
31
|
+
/** Social media icons with customizable style linked to campaign social media accounts */
|
|
44
32
|
var SocialIcons = function SocialIcons(_ref3) {
|
|
45
33
|
var campaign = _ref3.campaign,
|
|
46
|
-
|
|
34
|
+
restProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
|
|
47
35
|
var links = (0, _Links.default)(campaign);
|
|
48
36
|
return /*#__PURE__*/_react.default.createElement(StyledList, null, Object.keys(_Icons.default).map(function (brand) {
|
|
49
37
|
return /*#__PURE__*/_react.default.createElement(StyledItem, {
|
|
@@ -56,9 +44,7 @@ var SocialIcons = function SocialIcons(_ref3) {
|
|
|
56
44
|
}, restProps)));
|
|
57
45
|
}));
|
|
58
46
|
};
|
|
59
|
-
|
|
60
47
|
SocialIcons.defaultProps = {
|
|
61
48
|
target: 'blank'
|
|
62
49
|
};
|
|
63
|
-
var _default = SocialIcons;
|
|
64
|
-
exports.default = _default;
|
|
50
|
+
var _default = exports.default = SocialIcons;
|