@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.
Files changed (215) hide show
  1. package/cypress/e2e/components/organisms/impactSlider.cy.js +72 -0
  2. package/dist/components/Atoms/Button/Button.js +4 -16
  3. package/dist/components/Atoms/Button/Button.test.js +0 -5
  4. package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +14 -31
  5. package/dist/components/Atoms/Checkbox/Checkbox.js +4 -17
  6. package/dist/components/Atoms/Checkbox/Checkbox.test.js +0 -5
  7. package/dist/components/Atoms/Confetti/Confetti.js +8 -23
  8. package/dist/components/Atoms/Confetti/_TriggerConfetti.js +5 -13
  9. package/dist/components/Atoms/ErrorText/ErrorText.js +2 -14
  10. package/dist/components/Atoms/ErrorText/ErrorText.test.js +0 -5
  11. package/dist/components/Atoms/Icons/Arrow.js +7 -21
  12. package/dist/components/Atoms/Icons/AtSign.js +4 -14
  13. package/dist/components/Atoms/Icons/Chevron.js +7 -21
  14. package/dist/components/Atoms/Icons/Curve.js +1 -6
  15. package/dist/components/Atoms/Icons/Download.js +4 -14
  16. package/dist/components/Atoms/Icons/External.js +4 -14
  17. package/dist/components/Atoms/Icons/Favourite.js +4 -14
  18. package/dist/components/Atoms/Icons/Internal.js +4 -14
  19. package/dist/components/Atoms/Icons/index.js +14 -22
  20. package/dist/components/Atoms/Input/Input.js +15 -35
  21. package/dist/components/Atoms/Input/input.test.js +0 -5
  22. package/dist/components/Atoms/Label/Label.js +12 -24
  23. package/dist/components/Atoms/Link/Link.js +18 -35
  24. package/dist/components/Atoms/Link/Link.style.js +9 -25
  25. package/dist/components/Atoms/Link/Link.test.js +0 -6
  26. package/dist/components/Atoms/Logo/Logo.js +5 -22
  27. package/dist/components/Atoms/Logo/Logo.test.js +0 -5
  28. package/dist/components/Atoms/Pagination/Item/Item.js +3 -11
  29. package/dist/components/Atoms/Pagination/Item/Item.style.js +18 -30
  30. package/dist/components/Atoms/Pagination/List/List.js +10 -21
  31. package/dist/components/Atoms/Pagination/Pagination.js +25 -47
  32. package/dist/components/Atoms/Pagination/Pagination.test.js +0 -5
  33. package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js +14 -30
  34. package/dist/components/Atoms/Picture/Picture.js +19 -39
  35. package/dist/components/Atoms/Picture/Picture.test.js +0 -6
  36. package/dist/components/Atoms/RadioButton/RadioButton.js +6 -18
  37. package/dist/components/Atoms/RadioButton/RadioButton.test.js +0 -5
  38. package/dist/components/Atoms/RichText/RichText.js +4 -15
  39. package/dist/components/Atoms/RichText/RichText.test.js +0 -5
  40. package/dist/components/Atoms/Select/Select.js +19 -39
  41. package/dist/components/Atoms/Select/Select.test.js +0 -5
  42. package/dist/components/Atoms/SocialIcons/Icon/Icon.js +6 -18
  43. package/dist/components/Atoms/SocialIcons/SocialIcons.js +3 -17
  44. package/dist/components/Atoms/SocialIcons/SocialIcons.test.js +0 -5
  45. package/dist/components/Atoms/SocialIcons/Utils/Icons.js +2 -9
  46. package/dist/components/Atoms/SocialIcons/Utils/Links.js +2 -5
  47. package/dist/components/Atoms/Text/Text.js +16 -29
  48. package/dist/components/Atoms/Text/Text.test.js +0 -5
  49. package/dist/components/Atoms/TextArea/TextArea.js +10 -25
  50. package/dist/components/Atoms/TextArea/TextArea.test.js +0 -5
  51. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +26 -53
  52. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.style.js +8 -28
  53. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.test.js +0 -6
  54. package/dist/components/Molecules/Accordion/Accordion.js +8 -29
  55. package/dist/components/Molecules/Accordion/Accordion.test.js +0 -6
  56. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +14 -38
  57. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -6
  58. package/dist/components/Molecules/Banner/Banner.js +3 -13
  59. package/dist/components/Molecules/Banner/Banner.test.js +0 -6
  60. package/dist/components/Molecules/Box/Box.js +9 -22
  61. package/dist/components/Molecules/Box/Box.test.js +0 -6
  62. package/dist/components/Molecules/Card/Card.js +11 -24
  63. package/dist/components/Molecules/Card/Card.test.js +0 -6
  64. package/dist/components/Molecules/CardDs/CardDs.js +17 -41
  65. package/dist/components/Molecules/CardDs/CardDs.test.js +0 -7
  66. package/dist/components/Molecules/Chip/Chip.js +4 -10
  67. package/dist/components/Molecules/Chip/Chip.style.js +8 -48
  68. package/dist/components/Molecules/Chip/Chip.test.js +0 -6
  69. package/dist/components/Molecules/Countdown/Countdown.js +17 -32
  70. package/dist/components/Molecules/Countdown/Countdown.style.js +4 -13
  71. package/dist/components/Molecules/Descriptor/Descriptor.js +6 -50
  72. package/dist/components/Molecules/Descriptor/Descriptor.test.js +0 -5
  73. package/dist/components/Molecules/DoubleCopy/DoubleCopy.js +2 -8
  74. package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js +4 -13
  75. package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +0 -6
  76. package/dist/components/Molecules/HeroBanner/HeroBanner.js +4 -13
  77. package/dist/components/Molecules/InfoBanner/InfoBanner.js +8 -19
  78. package/dist/components/Molecules/InfoBanner/InfoBanner.test.js +0 -5
  79. package/dist/components/Molecules/Logos/Logos.js +1 -11
  80. package/dist/components/Molecules/Lookup/Lookup.js +25 -57
  81. package/dist/components/Molecules/PartnerLink/PartnerLink.js +3 -14
  82. package/dist/components/Molecules/PartnerLink/PartnerLink.style.js +4 -13
  83. package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +0 -7
  84. package/dist/components/Molecules/Promo/Promo.js +33 -47
  85. package/dist/components/Molecules/Promo/Promo.md +2 -1
  86. package/dist/components/Molecules/Promo/Promo.style.js +12 -37
  87. package/dist/components/Molecules/Promo/Promo.test.js +0 -8
  88. package/dist/components/Molecules/Promo/_ProgressRing.js +7 -20
  89. package/dist/components/Molecules/Promo/_PromoVideo.js +39 -53
  90. package/dist/components/Molecules/Promo/_PromoVideoButton.js +2 -11
  91. package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +14 -40
  92. package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +6 -23
  93. package/dist/components/Molecules/SchoolLookup/SchoolLookup.test.js +0 -5
  94. package/dist/components/Molecules/SearchInput/SearchInput.js +4 -12
  95. package/dist/components/Molecules/SearchInput/SearchInput.style.js +7 -25
  96. package/dist/components/Molecules/SearchInput/SearchInput.test.js +0 -5
  97. package/dist/components/Molecules/SearchResult/SearchResult.js +11 -25
  98. package/dist/components/Molecules/SearchResult/SearchResult.test.js +0 -6
  99. package/dist/components/Molecules/ShareButton/ShareButton.js +10 -23
  100. package/dist/components/Molecules/ShareButton/ShareButton.style.js +6 -21
  101. package/dist/components/Molecules/ShareButton/ShareButton.test.js +0 -5
  102. package/dist/components/Molecules/ShareButton/assets/ShareIcons.js +1 -6
  103. package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +4 -25
  104. package/dist/components/Molecules/SingleMessage/SingleMessage.js +48 -68
  105. package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +19 -47
  106. package/dist/components/Molecules/SingleMessage/SingleMessage.test.js +0 -8
  107. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +22 -46
  108. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +13 -44
  109. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js +0 -8
  110. package/dist/components/Molecules/Typeahead/Typeahead.js +25 -51
  111. package/dist/components/Molecules/Typeahead/Typeahead.test.js +0 -12
  112. package/dist/components/Molecules/VideoBanner/VideoBanner.js +14 -28
  113. package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +0 -6
  114. package/dist/components/Organisms/CookieBanner/CookieBanner.js +3 -9
  115. package/dist/components/Organisms/CookieBanner/CookieBanner.style.js +6 -18
  116. package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +0 -5
  117. package/dist/components/Organisms/Donate/Donate.js +36 -48
  118. package/dist/components/Organisms/Donate/Donate.style.js +23 -71
  119. package/dist/components/Organisms/Donate/Donate.test.js +0 -8
  120. package/dist/components/Organisms/Donate/Form/Form.js +53 -80
  121. package/dist/components/Organisms/Donate/Form/PopUpComponent.js +9 -27
  122. package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +4 -12
  123. package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.style.js +7 -25
  124. package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +7 -21
  125. package/dist/components/Organisms/Donate/dev-data/data-high-value.js +2 -3
  126. package/dist/components/Organisms/Donate/dev-data/data-single.js +2 -3
  127. package/dist/components/Organisms/Donate/dev-data/data.js +2 -3
  128. package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js +12 -37
  129. package/dist/components/Organisms/EmailSignUp/EmailSignUp.test.js +0 -9
  130. package/dist/components/Organisms/EmailSignUp/EmailSignUpForm.js +3 -24
  131. package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js +19 -32
  132. package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js +6 -18
  133. package/dist/components/Organisms/EmailSignUp/_TextInput.js +7 -16
  134. package/dist/components/Organisms/Footer/Footer.js +5 -17
  135. package/dist/components/Organisms/Footer/Footer.style.js +10 -35
  136. package/dist/components/Organisms/Footer/Footer.test.js +1 -7
  137. package/dist/components/Organisms/Footer/Nav/Nav.js +15 -39
  138. package/dist/components/Organisms/Footer/Nav/Nav.style.js +16 -37
  139. package/dist/components/Organisms/Footer/data/data.js +2 -3
  140. package/dist/components/Organisms/Footer/data/footerCopy.js +2 -3
  141. package/dist/components/Organisms/Header/Burger/BurgerMenu.js +3 -8
  142. package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js +8 -19
  143. package/dist/components/Organisms/Header/Header.js +4 -14
  144. package/dist/components/Organisms/Header/Header.style.js +5 -22
  145. package/dist/components/Organisms/Header/Nav/Nav.js +19 -44
  146. package/dist/components/Organisms/Header/Nav/Nav.style.js +19 -46
  147. package/dist/components/Organisms/Header/data/data.js +2 -3
  148. package/dist/components/Organisms/Header/header.test.js +5 -2
  149. package/dist/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +61 -0
  150. package/dist/components/Organisms/ImpactSlider/ImpactSlider.js +71 -0
  151. package/dist/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
  152. package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +56 -0
  153. package/dist/components/Organisms/ImpactSlider/Slider.style.js +30 -0
  154. package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +42 -0
  155. package/dist/components/Organisms/ImpactSlider/_Slider.js +32 -0
  156. package/dist/components/Organisms/ImpactSlider/_utils.js +30 -0
  157. package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +15 -54
  158. package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +11 -20
  159. package/dist/components/Organisms/MarketingPreferencesDS/_AssociatedFields.js +1 -2
  160. package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.js +12 -23
  161. package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.js +4 -14
  162. package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +23 -35
  163. package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js +10 -19
  164. package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js +7 -16
  165. package/dist/components/Organisms/Membership/Form/Form.js +50 -83
  166. package/dist/components/Organisms/Membership/Membership.js +13 -21
  167. package/dist/components/Organisms/Membership/Membership.style.js +21 -63
  168. package/dist/components/Organisms/Membership/Membership.test.js +0 -7
  169. package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +9 -21
  170. package/dist/components/Organisms/Membership/dev-data/data.js +2 -3
  171. package/dist/hoc/shallowWithTheme.js +0 -6
  172. package/dist/index.js +134 -187
  173. package/dist/styleguide/CRLogo.js +1 -9
  174. package/dist/styleguide/StyleGuideRenderer.js +6 -10
  175. package/dist/styleguide/ThemeWrapper.js +1 -8
  176. package/dist/styleguide/data/data.js +20 -5
  177. package/dist/theme/ThemeProvider.js +1 -5
  178. package/dist/theme/crTheme/buttonColors.js +2 -11
  179. package/dist/theme/crTheme/colors.js +3 -9
  180. package/dist/theme/crTheme/fontSizes.js +2 -6
  181. package/dist/theme/crTheme/linkStyles.js +2 -11
  182. package/dist/theme/crTheme/theme.js +2 -11
  183. package/dist/theme/shared/breakpoint.js +4 -9
  184. package/dist/theme/shared/fontFamilies.js +2 -7
  185. package/dist/theme/shared/hideVisually.js +1 -4
  186. package/dist/theme/shared/size.js +5 -11
  187. package/dist/theme/shared/spacing.js +1 -5
  188. package/dist/theme/shared/zIndex.js +1 -8
  189. package/dist/theme/srTheme/buttonColors.js +2 -11
  190. package/dist/theme/srTheme/colors.js +3 -9
  191. package/dist/theme/srTheme/fontSizes.js +2 -6
  192. package/dist/theme/srTheme/linkStyles.js +2 -11
  193. package/dist/theme/srTheme/theme.js +2 -11
  194. package/dist/utils/Membership.js +11 -28
  195. package/dist/utils/ShareButton/sharePopUpHelper.js +3 -8
  196. package/dist/utils/ShareButton/shareTracking.js +1 -5
  197. package/dist/utils/ShareButton/shareUrlHelper.js +3 -5
  198. package/dist/utils/allowListed.js +1 -5
  199. package/dist/utils/allowListed.test.js +0 -2
  200. package/dist/utils/internalLinkHelper.js +11 -20
  201. package/dist/utils/navHelper.js +1 -6
  202. package/package.json +2 -1
  203. package/react-range-slider-input.d.ts +2 -0
  204. package/src/components/Molecules/Promo/Promo.md +2 -1
  205. package/src/components/Molecules/Promo/_PromoVideo.js +6 -4
  206. package/src/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +96 -0
  207. package/src/components/Organisms/ImpactSlider/ImpactSlider.js +92 -0
  208. package/src/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
  209. package/src/components/Organisms/ImpactSlider/ImpactSlider.style.js +72 -0
  210. package/src/components/Organisms/ImpactSlider/Slider.style.js +70 -0
  211. package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +43 -0
  212. package/src/components/Organisms/ImpactSlider/_Slider.js +39 -0
  213. package/src/components/Organisms/ImpactSlider/_utils.js +32 -0
  214. package/src/index.js +1 -0
  215. 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
- exports.calculateDisplayedPages = calculateDisplayedPages;
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
- } // if current page is closer to the end
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
- exports.calculatePagesToTheRight = calculatePagesToTheRight;
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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
- nonObjFitImage = _ref.nonObjFitImage;
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
- objFitState = _ref3.objFitState;
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
- image = _ref4.image,
67
- alt = _ref4.alt,
68
- width = _ref4.width,
69
- height = _ref4.height,
70
- objectFit = _ref4.objectFit,
71
- imageLow = _ref4.imageLow,
72
- isBackgroundImage = _ref4.isBackgroundImage,
73
- rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
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
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
78
- objFitState = _useState2[0],
79
- setObjFitState = _useState2[1];
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]); // Determine which image will be used for the nonObjectFit fallback
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
- theme = _ref.theme;
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
- name = _ref7.name,
61
- value = _ref7.value,
62
- rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
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
- markup = _ref.markup,
30
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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
- error = _ref4.error;
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
- greyDescription = _ref5.greyDescription,
51
- hasValue = _ref5.hasValue;
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
- description = _ref8.description,
64
- label = _ref8.label,
65
- options = _ref8.options,
66
- hideLabel = _ref8.hideLabel,
67
- defaultValue = _ref8.defaultValue,
68
- _onChange = _ref8.onChange,
69
- greyDescription = _ref8.greyDescription,
70
- className = _ref8.className,
71
- optional = _ref8.optional,
72
- rest = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
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
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
76
- value = _useState2[0],
77
- setValue = _useState2[1];
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
- target = _ref.target,
38
- icon = _ref.icon,
39
- brand = _ref.brand,
40
- title = _ref.title,
41
- restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
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
- restProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
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;