@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
@@ -1,73 +1,58 @@
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 _Link = _interopRequireWildcard(require("./Link.style"));
17
-
18
12
  var _allowListed = _interopRequireDefault(require("../../../utils/allowListed"));
19
-
20
13
  var _internalLinkHelper = require("../../../utils/internalLinkHelper");
21
-
22
14
  var _excluded = ["children", "color", "href", "target", "type", "home", "underline", "icon", "iconFirst"];
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
  var window = '';
29
-
30
18
  var Link = function Link(_ref) {
31
19
  var children = _ref.children,
32
- color = _ref.color,
33
- href = _ref.href,
34
- target = _ref.target,
35
- type = _ref.type,
36
- home = _ref.home,
37
- underline = _ref.underline,
38
- icon = _ref.icon,
39
- iconFirst = _ref.iconFirst,
40
- rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
41
-
20
+ color = _ref.color,
21
+ href = _ref.href,
22
+ target = _ref.target,
23
+ type = _ref.type,
24
+ home = _ref.home,
25
+ underline = _ref.underline,
26
+ icon = _ref.icon,
27
+ iconFirst = _ref.iconFirst,
28
+ rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
42
29
  var _useState = (0, _react.useState)(''),
43
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
44
- documentHost = _useState2[0],
45
- setDocumentHost = _useState2[1];
30
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
31
+ documentHost = _useState2[0],
32
+ setDocumentHost = _useState2[1];
46
33
  /**
47
34
  * If we haven't specifically set the target via props, check if
48
35
  * this is an internal link OR on our allowList before making it a '_self' link
49
36
  */
50
-
51
-
52
37
  if (target === null) {
53
38
  // Use our helper function to determine the raw domains to compare
54
39
  var currentDomain = (0, _internalLinkHelper.getDomain)(documentHost);
55
- var linkDomain = (0, _internalLinkHelper.getDomain)(href); // Additional check for applications that need more control
40
+ var linkDomain = (0, _internalLinkHelper.getDomain)(href);
56
41
 
42
+ // Additional check for applications that need more control
57
43
  var isallowListOverridden = rest.overrideallowList === true;
44
+
58
45
  /**
59
46
  * If the link has no domain supplied (likely '/' or '#')
60
47
  * OR has the same domain as the current page, don't open
61
48
  * in a new tab
62
49
  */
63
-
64
50
  var isExternalLink = linkDomain !== '' && currentDomain !== linkDomain;
65
51
  var isallowListed = (0, _allowListed.default)(href);
66
52
  window = isExternalLink && (isallowListOverridden || !isallowListed) ? '_blank' : '_self';
67
53
  } else {
68
54
  window = target === 'blank' ? '_blank' : '_self';
69
55
  }
70
-
71
56
  var hasIcon = icon !== null;
72
57
  (0, _react.useEffect)(function () {
73
58
  setDocumentHost(document.location.host);
@@ -83,7 +68,6 @@ var Link = function Link(_ref) {
83
68
  type: type
84
69
  }, icon));
85
70
  };
86
-
87
71
  Link.defaultProps = {
88
72
  type: 'standard',
89
73
  color: 'red',
@@ -93,5 +77,4 @@ Link.defaultProps = {
93
77
  iconFirst: false,
94
78
  icon: null
95
79
  };
96
- var _default = Link;
97
- exports.default = _default;
80
+ var _default = exports.default = Link;
@@ -1,49 +1,40 @@
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
- exports.default = exports.HelperText = exports.IconWrapper = void 0;
9
-
7
+ exports.default = exports.IconWrapper = exports.HelperText = void 0;
10
8
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
11
-
12
9
  var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
13
-
14
10
  var _hideVisually = _interopRequireDefault(require("../../../theme/shared/hideVisually"));
15
-
16
- 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); }
17
-
18
- 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; }
19
-
11
+ 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); }
12
+ 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; }
20
13
  var buttonStyle = function buttonStyle() {
21
14
  return (0, _styledComponents.css)(["display:inline-flex;position:relative;padding:0.5rem 1.25rem;text-decoration:none;font-weight:700;font-size:", ";border-radius:2rem;transition:all 0.3s;height:3.125rem;width:100%;justify-content:center;align-items:center;cursor:pointer;", ";@media ", "{width:auto;}"], function (_ref) {
22
15
  var theme = _ref.theme;
23
16
  return theme.fontSize('s');
24
17
  }, function (_ref2) {
25
18
  var color = _ref2.color,
26
- theme = _ref2.theme;
19
+ theme = _ref2.theme;
27
20
  return color ? theme.buttonColors(color) : theme.buttonColors('red');
28
21
  }, function (_ref3) {
29
22
  var theme = _ref3.theme;
30
23
  return theme.breakpoint('small');
31
24
  });
32
25
  };
33
-
34
26
  var linkStyle = function linkStyle() {
35
27
  return (0, _styledComponents.css)(["position:relative;text-decoration:none;display:inline;line-height:", ";", ";"], function (_ref4) {
36
28
  var theme = _ref4.theme;
37
29
  return theme.fontSize('l');
38
30
  }, function (_ref5) {
39
31
  var type = _ref5.type,
40
- theme = _ref5.theme,
41
- underline = _ref5.underline;
32
+ theme = _ref5.theme,
33
+ underline = _ref5.underline;
42
34
  return type ? theme.linkStyles(type, underline) : theme.linkStyles('standard', underline);
43
35
  });
44
36
  };
45
-
46
- var IconWrapper = _styledComponents.default.span.withConfig({
37
+ var IconWrapper = exports.IconWrapper = _styledComponents.default.span.withConfig({
47
38
  displayName: "Linkstyle__IconWrapper",
48
39
  componentId: "sc-t360tr-0"
49
40
  })(["display:inline-flex;margin-left:", ";align-self:center;right:", ";", ";@media ", "{width:auto;right:auto;position:relative;", ";}"], (0, _spacing.default)('md'), (0, _spacing.default)('m'), function (_ref6) {
@@ -56,9 +47,6 @@ var IconWrapper = _styledComponents.default.span.withConfig({
56
47
  var type = _ref8.type;
57
48
  return type === 'standard' && (0, _styledComponents.css)(["position:absolute;right:-2rem;top:0;bottom:0;"]);
58
49
  });
59
-
60
- exports.IconWrapper = IconWrapper;
61
-
62
50
  var StyledLink = _styledComponents.default.a.withConfig({
63
51
  displayName: "Linkstyle__StyledLink",
64
52
  componentId: "sc-t360tr-1"
@@ -68,12 +56,8 @@ var StyledLink = _styledComponents.default.a.withConfig({
68
56
  var iconFirst = _ref9.iconFirst;
69
57
  return iconFirst && (0, _styledComponents.css)(["flex-direction:row-reverse;span[type=\"button\"]{margin-left:0;margin-right:1rem;}"]);
70
58
  });
71
-
72
- var HelperText = _styledComponents.default.span.withConfig({
59
+ var HelperText = exports.HelperText = _styledComponents.default.span.withConfig({
73
60
  displayName: "Linkstyle__HelperText",
74
61
  componentId: "sc-t360tr-2"
75
62
  })(["", ";"], _hideVisually.default);
76
-
77
- exports.HelperText = HelperText;
78
- var _default = StyledLink;
79
- exports.default = _default;
63
+ var _default = exports.default = StyledLink;
@@ -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 _Link = _interopRequireDefault(require("./Link"));
12
-
13
8
  var _index = require("../Icons/index");
14
-
15
9
  it('renders a standard styled link correctly', function () {
16
10
  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Link.default, {
17
11
  href: "/test",
@@ -1,37 +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 _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
10
  var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
15
-
16
11
  var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
17
-
18
12
  var _crLogo = _interopRequireDefault(require("./assets/cr-logo.svg"));
19
-
20
13
  var _srLogo = _interopRequireDefault(require("./assets/sr-logo.svg"));
21
-
22
14
  var _srGameonLogo = _interopRequireDefault(require("./assets/sr-gameon-logo.svg"));
23
-
24
15
  var _CR_LOGO_PRIDE_KEY_RGB = _interopRequireDefault(require("./assets/CR_LOGO_PRIDE_KEY_RGB.svg"));
25
-
26
16
  var Image = _styledComponents.default.img.withConfig({
27
17
  displayName: "Logo__Image",
28
18
  componentId: "sc-18yiye8-0"
29
19
  })(["object-fit:cover;width:100%;display:block;height:auto;margin-right:", ";"], (0, _spacing.default)('md'));
20
+
30
21
  /**
31
22
  * Logo wrapper
32
23
  */
33
24
 
34
-
35
25
  var LogoWrapper = _styledComponents.default.div.withConfig({
36
26
  displayName: "Logo__LogoWrapper",
37
27
  componentId: "sc-18yiye8-1"
@@ -45,28 +35,23 @@ var LogoWrapper = _styledComponents.default.div.withConfig({
45
35
  }, function (props) {
46
36
  return props.sizeMd;
47
37
  });
48
-
49
38
  var themeSwitcher = function themeSwitcher(theme) {
50
39
  switch (theme) {
51
40
  case 'Sport Relief':
52
41
  return _srLogo.default;
53
-
54
42
  case 'Sport Relief Gameon':
55
43
  return _srGameonLogo.default;
56
-
57
44
  case 'Pride':
58
45
  return _CR_LOGO_PRIDE_KEY_RGB.default;
59
-
60
46
  default:
61
47
  return _crLogo.default;
62
48
  }
63
49
  };
64
-
65
50
  var Logo = function Logo(_ref2) {
66
51
  var rotate = _ref2.rotate,
67
- sizeSm = _ref2.sizeSm,
68
- sizeMd = _ref2.sizeMd,
69
- campaign = _ref2.campaign;
52
+ sizeSm = _ref2.sizeSm,
53
+ sizeMd = _ref2.sizeMd,
54
+ campaign = _ref2.campaign;
70
55
  return /*#__PURE__*/_react.default.createElement(LogoWrapper, {
71
56
  rotate: rotate ? 1 : 0,
72
57
  sizeSm: sizeSm,
@@ -76,7 +61,6 @@ var Logo = function Logo(_ref2) {
76
61
  alt: campaign === 'Comic Relief' || campaign === 'Pride' ? 'Comic Relief logo' : 'Sport Relief logo'
77
62
  }));
78
63
  };
79
-
80
64
  Logo.defaultProps = {
81
65
  rotate: false,
82
66
  sizeSm: '51px',
@@ -84,5 +68,4 @@ Logo.defaultProps = {
84
68
  sizeMd: '70px',
85
69
  campaign: 'Comic Relief'
86
70
  };
87
- var _default = Logo;
88
- exports.default = _default;
71
+ var _default = exports.default = Logo;
@@ -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 _Logo = _interopRequireDefault(require("./Logo"));
12
-
13
8
  it("renders correctly", function () {
14
9
  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Logo.default, {
15
10
  rotate: true
@@ -1,28 +1,20 @@
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 _Item = _interopRequireDefault(require("./Item.style"));
15
-
16
11
  var _excluded = ["children", "target"];
17
-
18
12
  var Item = function Item(_ref) {
19
13
  var children = _ref.children,
20
- target = _ref.target,
21
- restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
14
+ target = _ref.target,
15
+ restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
22
16
  return /*#__PURE__*/_react.default.createElement(_Item.default, Object.assign({
23
17
  target: "_".concat(target)
24
18
  }, restProps), children);
25
19
  };
26
-
27
- var _default = Item;
28
- exports.default = _default;
20
+ var _default = exports.default = Item;
@@ -4,65 +4,53 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
-
10
- 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); }
11
-
12
- 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; }
13
-
8
+ 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); }
9
+ 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; }
14
10
  var StyledItem = _styledComponents.default.a.withConfig({
15
11
  displayName: "Itemstyle__StyledItem",
16
12
  componentId: "sc-19pu4qu-0"
17
13
  })(["padding:9px 14px 9px 14px;border-radius:30px;text-align:center;text-decoration:none;font-weight:700;cursor:", ";background:", ";color:", ";", ";"], function (_ref) {
18
14
  var selected = _ref.selected,
19
- disabled = _ref.disabled;
15
+ disabled = _ref.disabled;
20
16
  return selected || disabled ? 'default' : 'pointer';
21
17
  }, function (_ref2) {
22
18
  var theme = _ref2.theme,
23
- selected = _ref2.selected,
24
- disabled = _ref2.disabled,
25
- backgroundColor = _ref2.backgroundColor,
26
- selectedBackgroundColor = _ref2.selectedBackgroundColor,
27
- disabledBackgroundColor = _ref2.disabledBackgroundColor;
19
+ selected = _ref2.selected,
20
+ disabled = _ref2.disabled,
21
+ backgroundColor = _ref2.backgroundColor,
22
+ selectedBackgroundColor = _ref2.selectedBackgroundColor,
23
+ disabledBackgroundColor = _ref2.disabledBackgroundColor;
28
24
  var processedBackgroundColor = backgroundColor;
29
-
30
25
  if (disabled) {
31
26
  processedBackgroundColor = disabledBackgroundColor;
32
27
  } else if (selected) {
33
28
  processedBackgroundColor = selectedBackgroundColor;
34
29
  }
35
-
36
30
  return theme.color(processedBackgroundColor);
37
31
  }, function (_ref3) {
38
32
  var theme = _ref3.theme,
39
- selected = _ref3.selected,
40
- disabled = _ref3.disabled,
41
- color = _ref3.color,
42
- selectedColor = _ref3.selectedColor,
43
- disabledColor = _ref3.disabledColor;
33
+ selected = _ref3.selected,
34
+ disabled = _ref3.disabled,
35
+ color = _ref3.color,
36
+ selectedColor = _ref3.selectedColor,
37
+ disabledColor = _ref3.disabledColor;
44
38
  var processedColor = color;
45
-
46
39
  if (disabled) {
47
40
  processedColor = disabledColor;
48
41
  } else if (selected) {
49
42
  processedColor = selectedColor;
50
43
  }
51
-
52
44
  return theme.color(processedColor);
53
45
  }, function (_ref4) {
54
46
  var theme = _ref4.theme,
55
- selected = _ref4.selected,
56
- disabled = _ref4.disabled,
57
- backgroundColorOnHover = _ref4.backgroundColorOnHover,
58
- colorOnHover = _ref4.colorOnHover;
59
-
47
+ selected = _ref4.selected,
48
+ disabled = _ref4.disabled,
49
+ backgroundColorOnHover = _ref4.backgroundColorOnHover,
50
+ colorOnHover = _ref4.colorOnHover;
60
51
  if (!(selected || disabled)) {
61
52
  return (0, _styledComponents.css)([":hover{background:", ";color:", ";}"], theme.color(backgroundColorOnHover), theme.color(colorOnHover));
62
53
  }
63
-
64
54
  return null;
65
55
  });
66
-
67
- var _default = StyledItem;
68
- exports.default = _default;
56
+ var _default = exports.default = StyledItem;
@@ -1,43 +1,35 @@
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 _excluded = ["PageComponent", "pages", "createURL", "onSelect", "pageComponentProps"];
17
-
18
12
  var StyledList = _styledComponents.default.ul.withConfig({
19
13
  displayName: "List__StyledList",
20
14
  componentId: "sc-vcfyaz-0"
21
15
  })(["display:flex;padding-left:0;justify-content:center;flex-wrap:wrap;list-style-type:none;"]);
22
-
23
16
  var StyledItem = _styledComponents.default.li.withConfig({
24
17
  displayName: "List__StyledItem",
25
18
  componentId: "sc-vcfyaz-1"
26
19
  })(["padding:10px;"]);
27
-
28
20
  var List = function List(_ref) {
29
21
  var PageComponent = _ref.PageComponent,
30
- pages = _ref.pages,
31
- createURL = _ref.createURL,
32
- onSelect = _ref.onSelect,
33
- pageComponentProps = _ref.pageComponentProps,
34
- restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
22
+ pages = _ref.pages,
23
+ createURL = _ref.createURL,
24
+ onSelect = _ref.onSelect,
25
+ pageComponentProps = _ref.pageComponentProps,
26
+ restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
35
27
  return /*#__PURE__*/_react.default.createElement(StyledList, null, pages.map(function (_ref2) {
36
28
  var selected = _ref2.selected,
37
- disabled = _ref2.disabled,
38
- label = _ref2.label,
39
- ariaLabel = _ref2.ariaLabel,
40
- value = _ref2.value;
29
+ disabled = _ref2.disabled,
30
+ label = _ref2.label,
31
+ ariaLabel = _ref2.ariaLabel,
32
+ value = _ref2.value;
41
33
  return /*#__PURE__*/_react.default.createElement(StyledItem, {
42
34
  key: "".concat(ariaLabel, " ").concat(value)
43
35
  }, /*#__PURE__*/_react.default.createElement(PageComponent, Object.assign({
@@ -49,12 +41,9 @@ var List = function List(_ref) {
49
41
  if (selected || disabled) {
50
42
  return event.preventDefault();
51
43
  }
52
-
53
44
  return onSelect(event, value);
54
45
  }
55
46
  }, restProps, pageComponentProps), label));
56
47
  }));
57
48
  };
58
-
59
- var _default = List;
60
- exports.default = _default;
49
+ var _default = exports.default = List;
@@ -1,56 +1,46 @@
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 _List = _interopRequireDefault(require("./List/List"));
15
-
16
11
  var _Item = _interopRequireDefault(require("./Item/Item"));
17
-
18
12
  var _PaginationCalculator = require("./Utils/PaginationCalculator");
19
-
20
13
  var _excluded = ["PageComponent", "totalPages", "maxPages", "currentPage", "showFirst", "firstLabel", "firstAriaLabel", "showPrevious", "previousLabel", "previousAriaLabel", "showMore", "moreLabel", "moreAriaLabel", "showNext", "nextLabel", "nextAriaLabel", "showLast", "lastLabel", "lastAriaLabel", "getPageLabel", "getPageAriaLabel", "onSelect", "createURL", "pageComponentProps"];
21
-
22
14
  /** Customizable Pagination component */
23
15
  var Pagination = function Pagination(_ref) {
24
16
  var PageComponent = _ref.PageComponent,
25
- totalPages = _ref.totalPages,
26
- maxPages = _ref.maxPages,
27
- currentPage = _ref.currentPage,
28
- showFirst = _ref.showFirst,
29
- firstLabel = _ref.firstLabel,
30
- firstAriaLabel = _ref.firstAriaLabel,
31
- showPrevious = _ref.showPrevious,
32
- previousLabel = _ref.previousLabel,
33
- previousAriaLabel = _ref.previousAriaLabel,
34
- showMore = _ref.showMore,
35
- moreLabel = _ref.moreLabel,
36
- moreAriaLabel = _ref.moreAriaLabel,
37
- showNext = _ref.showNext,
38
- nextLabel = _ref.nextLabel,
39
- nextAriaLabel = _ref.nextAriaLabel,
40
- showLast = _ref.showLast,
41
- lastLabel = _ref.lastLabel,
42
- lastAriaLabel = _ref.lastAriaLabel,
43
- getPageLabel = _ref.getPageLabel,
44
- getPageAriaLabel = _ref.getPageAriaLabel,
45
- onSelect = _ref.onSelect,
46
- createURL = _ref.createURL,
47
- pageComponentProps = _ref.pageComponentProps,
48
- restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
49
-
17
+ totalPages = _ref.totalPages,
18
+ maxPages = _ref.maxPages,
19
+ currentPage = _ref.currentPage,
20
+ showFirst = _ref.showFirst,
21
+ firstLabel = _ref.firstLabel,
22
+ firstAriaLabel = _ref.firstAriaLabel,
23
+ showPrevious = _ref.showPrevious,
24
+ previousLabel = _ref.previousLabel,
25
+ previousAriaLabel = _ref.previousAriaLabel,
26
+ showMore = _ref.showMore,
27
+ moreLabel = _ref.moreLabel,
28
+ moreAriaLabel = _ref.moreAriaLabel,
29
+ showNext = _ref.showNext,
30
+ nextLabel = _ref.nextLabel,
31
+ nextAriaLabel = _ref.nextAriaLabel,
32
+ showLast = _ref.showLast,
33
+ lastLabel = _ref.lastLabel,
34
+ lastAriaLabel = _ref.lastAriaLabel,
35
+ getPageLabel = _ref.getPageLabel,
36
+ getPageAriaLabel = _ref.getPageAriaLabel,
37
+ onSelect = _ref.onSelect,
38
+ createURL = _ref.createURL,
39
+ pageComponentProps = _ref.pageComponentProps,
40
+ restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
50
41
  if (!totalPages) {
51
42
  return null;
52
43
  }
53
-
54
44
  var getItem = function getItem(label, ariaLabel, value, disabled) {
55
45
  return {
56
46
  disabled: disabled,
@@ -60,39 +50,29 @@ var Pagination = function Pagination(_ref) {
60
50
  ariaLabel: ariaLabel
61
51
  };
62
52
  };
63
-
64
53
  var items = [];
65
-
66
54
  if (showFirst) {
67
55
  items.push(getItem(firstLabel, firstAriaLabel, 1, currentPage === 1));
68
56
  }
69
-
70
57
  if (showPrevious) {
71
58
  items.push(getItem(previousLabel, previousAriaLabel, currentPage - 1, currentPage === 1));
72
59
  }
73
-
74
60
  var pages = (0, _PaginationCalculator.getPages)(currentPage, maxPages, totalPages);
75
-
76
61
  if (showMore && pages[0] > 1) {
77
62
  items.push(getItem(moreLabel, moreAriaLabel, -1, true));
78
63
  }
79
-
80
64
  items = items.concat(pages.map(function (value) {
81
65
  return getItem(getPageLabel(value), getPageAriaLabel(value), value, false);
82
66
  }));
83
-
84
67
  if (showMore && pages[pages.length - 1] < totalPages) {
85
68
  items.push(getItem(moreLabel, moreAriaLabel, -2, true));
86
69
  }
87
-
88
70
  if (showNext) {
89
71
  items.push(getItem(nextLabel, nextAriaLabel, currentPage + 1, currentPage === totalPages || totalPages === 1));
90
72
  }
91
-
92
73
  if (showLast) {
93
74
  items.push(getItem(lastLabel, lastAriaLabel, totalPages, currentPage === totalPages || totalPages === 1));
94
75
  }
95
-
96
76
  return /*#__PURE__*/_react.default.createElement(_List.default, Object.assign({
97
77
  pages: items,
98
78
  PageComponent: PageComponent,
@@ -101,7 +81,6 @@ var Pagination = function Pagination(_ref) {
101
81
  onSelect: onSelect
102
82
  }, restProps));
103
83
  };
104
-
105
84
  Pagination.defaultProps = {
106
85
  PageComponent: _Item.default,
107
86
  pageComponentProps: {},
@@ -137,5 +116,4 @@ Pagination.defaultProps = {
137
116
  colorOnHover: 'white',
138
117
  backgroundColorOnHover: 'teal'
139
118
  };
140
- var _default = Pagination;
141
- exports.default = _default;
119
+ var _default = exports.default = Pagination;
@@ -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 _Pagination = _interopRequireDefault(require("./Pagination"));
12
-
13
8
  it('renders correctly in minimalist form', function () {
14
9
  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Pagination.default, {
15
10
  maxPages: 5,