@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,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 _SocialIcons = _interopRequireDefault(require("./SocialIcons"));
12
-
13
8
  it('renders correctly with Comic Relief links', function () {
14
9
  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SocialIcons.default, {
15
10
  campaign: "comicrelief"
@@ -1,24 +1,17 @@
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 _facebook = _interopRequireDefault(require("../assets/facebook.svg"));
11
-
12
9
  var _twitter = _interopRequireDefault(require("../assets/twitter.svg"));
13
-
14
10
  var _youtube = _interopRequireDefault(require("../assets/youtube.svg"));
15
-
16
11
  var _instagram = _interopRequireDefault(require("../assets/instagram.svg"));
17
-
18
- var _default = {
12
+ var _default = exports.default = {
19
13
  facebook: _facebook.default,
20
14
  instagram: _instagram.default,
21
15
  twitter: _twitter.default,
22
16
  youtube: _youtube.default
23
- };
24
- exports.default = _default;
17
+ };
@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  /**
9
8
  * Get social media links by campaign
10
9
  * @param {string} campaign
11
10
  * @return {object}
12
11
  */
13
- var _default = function _default(campaign) {
12
+ var _default = exports.default = function _default(campaign) {
14
13
  return {
15
14
  facebook: {
16
15
  url: "https://www.facebook.com/".concat(campaign),
@@ -29,6 +28,4 @@ var _default = function _default(campaign) {
29
28
  title: 'Check out our Instagram account'
30
29
  }
31
30
  };
32
- };
33
-
34
- exports.default = _default;
31
+ };
@@ -1,39 +1,31 @@
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.BaseText = 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 = _interopRequireWildcard(require("styled-components"));
15
-
16
11
  var _excluded = ["tag", "children", "height", "weight", "family"];
17
-
18
- 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); }
19
-
20
- 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; }
21
-
12
+ 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); }
13
+ 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; }
22
14
  /** Text component */
23
- var BaseText = _styledComponents.default.span.withConfig({
15
+ var BaseText = exports.BaseText = _styledComponents.default.span.withConfig({
24
16
  displayName: "Text__BaseText",
25
17
  componentId: "sc-1snl0ya-0"
26
18
  })(["color:", ";font-size:", ";line-height:", ";text-transform:", ";", ";", ";", ";font-family:", ";", ";", ";", ";"], function (_ref) {
27
19
  var color = _ref.color,
28
- theme = _ref.theme;
20
+ theme = _ref.theme;
29
21
  return color ? theme.color(color) : 'inherit';
30
22
  }, function (_ref2) {
31
23
  var size = _ref2.size,
32
- theme = _ref2.theme;
24
+ theme = _ref2.theme;
33
25
  return theme.fontSize(size);
34
26
  }, function (_ref3) {
35
27
  var size = _ref3.size,
36
- theme = _ref3.theme;
28
+ theme = _ref3.theme;
37
29
  return theme.fontSize(size);
38
30
  }, function (_ref4) {
39
31
  var uppercase = _ref4.uppercase;
@@ -49,34 +41,31 @@ var BaseText = _styledComponents.default.span.withConfig({
49
41
  return as === 'p' || as === 'span' ? 'line-height: normal;' : null;
50
42
  }, function (_ref8) {
51
43
  var family = _ref8.family,
52
- theme = _ref8.theme;
44
+ theme = _ref8.theme;
53
45
  return family ? theme.fontFamilies(family) : theme.fontFamilies(theme.font.regular);
54
46
  }, function (_ref9) {
55
47
  var family = _ref9.family;
56
48
  return family === 'Anton' ? 'letter-spacing: 0.03rem' : null;
57
49
  }, function (_ref10) {
58
50
  var size = _ref10.size,
59
- theme = _ref10.theme;
51
+ theme = _ref10.theme;
60
52
  return size === 'super' ? (0, _styledComponents.css)(["font-size:", ";line-height:3rem;@media ", "{font-size:", ";line-height:", ";margin-bottom:2rem;}@media ", "{font-size:", ";line-height:", ";margin-bottom:2rem;}"], theme.fontSize('xxl'), theme.breakpoint('small'), theme.fontSize('big'), theme.fontSize('big'), theme.breakpoint('medium'), theme.fontSize('super'), theme.fontSize('super')) : null;
61
53
  }, function (_ref11) {
62
54
  var size = _ref11.size,
63
- theme = _ref11.theme;
55
+ theme = _ref11.theme;
64
56
  return size === 'm' ? (0, _styledComponents.css)(["font-size:", ";@media ", "{font-size:", ";}"], theme.fontSize('s'), theme.breakpoint('small'), theme.fontSize('m')) : null;
65
57
  });
58
+
66
59
  /** Text renders different elements based on the `tag` prop
67
60
  * Weight is checked for existence to prevent overriding the tag's css
68
61
  */
69
-
70
-
71
- exports.BaseText = BaseText;
72
-
73
62
  var Text = function Text(_ref12) {
74
63
  var tag = _ref12.tag,
75
- children = _ref12.children,
76
- height = _ref12.height,
77
- weight = _ref12.weight,
78
- family = _ref12.family,
79
- rest = (0, _objectWithoutProperties2.default)(_ref12, _excluded);
64
+ children = _ref12.children,
65
+ height = _ref12.height,
66
+ weight = _ref12.weight,
67
+ family = _ref12.family,
68
+ rest = (0, _objectWithoutProperties2.default)(_ref12, _excluded);
80
69
  return /*#__PURE__*/_react.default.createElement(BaseText, Object.assign({}, rest, {
81
70
  as: tag,
82
71
  height: height,
@@ -84,7 +73,6 @@ var Text = function Text(_ref12) {
84
73
  family: family
85
74
  }), children);
86
75
  };
87
-
88
76
  Text.defaultProps = {
89
77
  family: null,
90
78
  tag: 'span',
@@ -95,5 +83,4 @@ Text.defaultProps = {
95
83
  color: 'inherit',
96
84
  children: undefined
97
85
  };
98
- var _default = Text;
99
- exports.default = _default;
86
+ var _default = exports.default = Text;
@@ -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 _Text = _interopRequireDefault(require("./Text"));
12
-
13
8
  it('renders high heading correctly', function () {
14
9
  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Text.default, {
15
10
  tag: "h3",
@@ -1,49 +1,36 @@
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 = _interopRequireWildcard(require("styled-components"));
17
-
18
12
  var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
19
-
20
13
  var _Label = _interopRequireDefault(require("../Label/Label"));
21
-
22
14
  var _ErrorText = _interopRequireDefault(require("../ErrorText/ErrorText"));
23
-
24
15
  var _excluded = ["id", "label", "hideLabel", "errorMsg", "rows", "className"];
25
-
26
- 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); }
27
-
28
- 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; }
29
-
16
+ 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); }
17
+ 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; }
30
18
  var StyledTextArea = _styledComponents.default.textarea.withConfig({
31
19
  displayName: "TextArea__StyledTextArea",
32
20
  componentId: "sc-8tw0zq-0"
33
21
  })(["", ""], function (_ref) {
34
22
  var theme = _ref.theme,
35
- error = _ref.error;
23
+ error = _ref.error;
36
24
  return (0, _styledComponents.css)(["box-sizing:border-box;width:100%;margin:0;padding:", " ", ";font-size:", ";background-color:", ";border:1px solid;border-radius:0.5rem;border-color:", ";box-shadow:none;appearance:none;color:", ";font-family:", ";resize:vertical;&:focus{border:1px solid ", ";&::placeholder{visibility:hidden;}}"], (0, _spacing.default)('md'), (0, _spacing.default)('m'), theme.fontSize('m'), theme.color('grey_light'), error ? theme.color('red') : theme.color('grey_medium'), theme.color('black'), theme.fontFamilies(theme.font.regular), theme.color('grey_for_forms'));
37
25
  });
38
-
39
26
  var TextArea = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
40
27
  var id = _ref2.id,
41
- label = _ref2.label,
42
- hideLabel = _ref2.hideLabel,
43
- errorMsg = _ref2.errorMsg,
44
- rows = _ref2.rows,
45
- className = _ref2.className,
46
- rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
28
+ label = _ref2.label,
29
+ hideLabel = _ref2.hideLabel,
30
+ errorMsg = _ref2.errorMsg,
31
+ rows = _ref2.rows,
32
+ className = _ref2.className,
33
+ rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
47
34
  return /*#__PURE__*/_react.default.createElement(_Label.default, {
48
35
  htmlFor: id,
49
36
  label: label,
@@ -61,7 +48,6 @@ var TextArea = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
61
48
  "data-test": "error-message"
62
49
  }, errorMsg));
63
50
  });
64
-
65
51
  TextArea.propTypes = {
66
52
  name: _propTypes.default.string.isRequired,
67
53
  id: _propTypes.default.string.isRequired,
@@ -81,5 +67,4 @@ TextArea.defaultProps = {
81
67
  hideLabel: false,
82
68
  className: ''
83
69
  };
84
- var _default = TextArea;
85
- exports.default = _default;
70
+ var _default = exports.default = TextArea;
@@ -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 _TextArea = _interopRequireDefault(require("./TextArea"));
12
-
13
8
  it('renders correctly', function () {
14
9
  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_TextArea.default, {
15
10
  name: "description",
@@ -1,38 +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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
15
-
16
11
  var _react = _interopRequireWildcard(require("react"));
17
-
18
12
  var _Input = _interopRequireDefault(require("../Input/Input"));
19
-
20
13
  var _Text = _interopRequireDefault(require("../Text/Text"));
21
-
22
14
  var _TextInputWithDropdown = require("./TextInputWithDropdown.style");
23
-
24
15
  var _excluded = ["options", "onChange", "onSelect", "id", "name", "label", "dropdownInstruction", "className"],
25
- _excluded2 = ["options", "dropdownInstruction", "onSelect", "activeOption", "resetActiveOption"];
26
-
27
- 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); }
28
-
29
- 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; }
30
-
16
+ _excluded2 = ["options", "dropdownInstruction", "onSelect", "activeOption", "resetActiveOption"];
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; }
31
19
  var KEY_CODE_ENTER = 13;
32
20
  var KEY_CODE_SPACE = 32;
33
21
  var KEY_CODE_UP = 38;
34
22
  var KEY_CODE_DOWN = 40;
35
23
  var KEY_CODE_ESCAPE = 27;
24
+
36
25
  /**
37
26
  * This component deals with the visual aspect of a text input with typeahead-style functionality
38
27
  *
@@ -41,49 +30,40 @@ var KEY_CODE_ESCAPE = 27;
41
30
  *
42
31
  * See the Typeahead and SchoolLookup molecules for the full implementation
43
32
  */
44
-
45
33
  var TextInputWithDropdown = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
46
34
  var options = _ref.options,
47
- onChange = _ref.onChange,
48
- onSelect = _ref.onSelect,
49
- id = _ref.id,
50
- name = _ref.name,
51
- label = _ref.label,
52
- dropdownInstruction = _ref.dropdownInstruction,
53
- className = _ref.className,
54
- otherInputProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
55
-
35
+ onChange = _ref.onChange,
36
+ onSelect = _ref.onSelect,
37
+ id = _ref.id,
38
+ name = _ref.name,
39
+ label = _ref.label,
40
+ dropdownInstruction = _ref.dropdownInstruction,
41
+ className = _ref.className,
42
+ otherInputProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
56
43
  var _useState = (0, _react.useState)(-1),
57
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
58
- activeOption = _useState2[0],
59
- setActiveOption = _useState2[1];
60
-
44
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
45
+ activeOption = _useState2[0],
46
+ setActiveOption = _useState2[1];
61
47
  var _useState3 = (0, _react.useState)(false),
62
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
63
- forceClosed = _useState4[0],
64
- setForceClosed = _useState4[1];
65
-
48
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
49
+ forceClosed = _useState4[0],
50
+ setForceClosed = _useState4[1];
66
51
  (0, _react.useEffect)(function () {
67
52
  // reset if options change
68
53
  setActiveOption(-1);
69
54
  setForceClosed(false);
70
55
  }, [options]);
71
-
72
56
  var down = function down() {
73
57
  return activeOption < options.length - 1 ? setActiveOption(activeOption + 1) : setActiveOption(0);
74
58
  };
75
-
76
59
  var up = function up() {
77
60
  return activeOption < 1 ? setActiveOption(options.length - 1) : setActiveOption(activeOption - 1);
78
61
  };
79
-
80
62
  var navigateOptions = function navigateOptions(e) {
81
63
  if (options.length === 0) {
82
64
  return;
83
65
  }
84
-
85
66
  var keyCode = e.keyCode || e.which;
86
-
87
67
  if (keyCode === KEY_CODE_DOWN) {
88
68
  e.preventDefault();
89
69
  down();
@@ -94,7 +74,6 @@ var TextInputWithDropdown = /*#__PURE__*/_react.default.forwardRef(function (_re
94
74
  setForceClosed(true);
95
75
  }
96
76
  };
97
-
98
77
  var inputProps = (0, _objectSpread2.default)({
99
78
  onChange: onChange,
100
79
  id: id,
@@ -122,27 +101,24 @@ var TextInputWithDropdown = /*#__PURE__*/_react.default.forwardRef(function (_re
122
101
  className: "TextInputWithDropdown__options"
123
102
  })));
124
103
  });
125
-
126
104
  var Options = function Options(_ref2) {
127
105
  var options = _ref2.options,
128
- dropdownInstruction = _ref2.dropdownInstruction,
129
- onSelect = _ref2.onSelect,
130
- activeOption = _ref2.activeOption,
131
- resetActiveOption = _ref2.resetActiveOption,
132
- rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
133
-
106
+ dropdownInstruction = _ref2.dropdownInstruction,
107
+ onSelect = _ref2.onSelect,
108
+ activeOption = _ref2.activeOption,
109
+ resetActiveOption = _ref2.resetActiveOption,
110
+ rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
134
111
  // Reset 'activeOption' when the list is unfocused.
135
112
  var onBlur = function onBlur(e) {
136
- var target = e.target; // There's a delay before the new activeOption becomes the document.activeElement when
113
+ var target = e.target;
114
+ // There's a delay before the new activeOption becomes the document.activeElement when
137
115
  // scrolling through the dropdown list via keyboard.
138
-
139
116
  setTimeout(function () {
140
117
  if (document.activeElement.parentNode !== target.parentNode) {
141
118
  resetActiveOption();
142
119
  }
143
120
  }, 100);
144
121
  };
145
-
146
122
  return /*#__PURE__*/_react.default.createElement(_TextInputWithDropdown.Dropdown, rest, /*#__PURE__*/_react.default.createElement(_TextInputWithDropdown.DropdownList, {
147
123
  role: "listbox",
148
124
  onBlur: onBlur,
@@ -159,7 +135,6 @@ var Options = function Options(_ref2) {
159
135
  },
160
136
  onKeyPress: function onKeyPress(e) {
161
137
  var keyCode = e.keyCode || e.which;
162
-
163
138
  if (keyCode === KEY_CODE_SPACE || keyCode === KEY_CODE_ENTER) {
164
139
  onSelect(option, index);
165
140
  }
@@ -172,7 +147,6 @@ var Options = function Options(_ref2) {
172
147
  }, /*#__PURE__*/_react.default.createElement(_Text.default, null, option));
173
148
  })));
174
149
  };
175
-
176
150
  TextInputWithDropdown.defaultProps = {
177
151
  dropdownInstruction: null,
178
152
  className: ''
@@ -180,5 +154,4 @@ TextInputWithDropdown.defaultProps = {
180
154
  Options.defaultProps = {
181
155
  dropdownInstruction: null
182
156
  };
183
- var _default = TextInputWithDropdown;
184
- exports.default = _default;
157
+ var _default = exports.default = TextInputWithDropdown;
@@ -1,30 +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
- exports.TextItalic = exports.DropdownItemSelectable = exports.DropdownItem = exports.DropdownList = exports.Dropdown = exports.Container = void 0;
9
-
7
+ exports.TextItalic = exports.DropdownList = exports.DropdownItemSelectable = exports.DropdownItem = exports.Dropdown = exports.Container = void 0;
10
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
9
  var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
13
-
14
10
  var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
15
-
16
11
  var _size = require("../../../theme/shared/size");
17
-
18
12
  var _Text = _interopRequireDefault(require("../Text/Text"));
19
-
20
- var Container = _styledComponents.default.div.withConfig({
13
+ var Container = exports.Container = _styledComponents.default.div.withConfig({
21
14
  displayName: "TextInputWithDropdownstyle__Container",
22
15
  componentId: "sc-1s4bv7m-0"
23
16
  })(["position:relative;"]);
24
-
25
- exports.Container = Container;
26
-
27
- var Dropdown = _styledComponents.default.div.withConfig({
17
+ var Dropdown = exports.Dropdown = _styledComponents.default.div.withConfig({
28
18
  displayName: "TextInputWithDropdownstyle__Dropdown",
29
19
  componentId: "sc-1s4bv7m-1"
30
20
  })(["", " font-family:", ";position:absolute;left:0;max-height:300px;overflow:auto;background-color:", ";border:1px solid;margin-top:-1px;width:100%;@media (min-width:", "){max-width:500px;}"], (0, _zIndex.default)('high'), function (_ref) {
@@ -34,23 +24,15 @@ var Dropdown = _styledComponents.default.div.withConfig({
34
24
  var theme = _ref2.theme;
35
25
  return theme.color('white');
36
26
  }, _size.screen.small);
37
-
38
- exports.Dropdown = Dropdown;
39
-
40
- var DropdownList = _styledComponents.default.ul.withConfig({
27
+ var DropdownList = exports.DropdownList = _styledComponents.default.ul.withConfig({
41
28
  displayName: "TextInputWithDropdownstyle__DropdownList",
42
29
  componentId: "sc-1s4bv7m-2"
43
30
  })(["list-style:none;padding:0;margin:0;"]);
44
-
45
- exports.DropdownList = DropdownList;
46
-
47
- var DropdownItem = _styledComponents.default.li.withConfig({
31
+ var DropdownItem = exports.DropdownItem = _styledComponents.default.li.withConfig({
48
32
  displayName: "TextInputWithDropdownstyle__DropdownItem",
49
33
  componentId: "sc-1s4bv7m-3"
50
34
  })(["padding:", ";"], (0, _spacing.default)('sm'));
51
-
52
- exports.DropdownItem = DropdownItem;
53
- var DropdownItemSelectable = (0, _styledComponents.default)(DropdownItem).withConfig({
35
+ var DropdownItemSelectable = exports.DropdownItemSelectable = (0, _styledComponents.default)(DropdownItem).withConfig({
54
36
  displayName: "TextInputWithDropdownstyle__DropdownItemSelectable",
55
37
  componentId: "sc-1s4bv7m-4"
56
38
  })(["cursor:pointer;border-top:1px solid ", ";&:hover,&:focus{background-color:", ";}"], function (_ref3) {
@@ -60,9 +42,7 @@ var DropdownItemSelectable = (0, _styledComponents.default)(DropdownItem).withCo
60
42
  var theme = _ref4.theme;
61
43
  return theme.color('grey_light');
62
44
  });
63
- exports.DropdownItemSelectable = DropdownItemSelectable;
64
- var TextItalic = (0, _styledComponents.default)(_Text.default).withConfig({
45
+ var TextItalic = exports.TextItalic = (0, _styledComponents.default)(_Text.default).withConfig({
65
46
  displayName: "TextInputWithDropdownstyle__TextItalic",
66
47
  componentId: "sc-1s4bv7m-5"
67
- })(["font-style:italic;"]);
68
- exports.TextItalic = TextItalic;
48
+ })(["font-style:italic;"]);
@@ -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 _TextInputWithDropdown = _interopRequireDefault(require("./TextInputWithDropdown"));
12
-
13
8
  var _TextInputWithDropdown2 = require("./TextInputWithDropdown.style");
14
-
15
9
  it('renders correctly with no value and no options', function () {
16
10
  var renderer = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_TextInputWithDropdown.default, {
17
11
  value: "",
@@ -1,30 +1,19 @@
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
  var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
19
-
20
13
  var _index = require("../../Atoms/Icons/index");
21
-
22
14
  var _excluded = ["children", "title"];
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 Container = _styledComponents.default.div.withConfig({
29
18
  displayName: "Accordion__Container",
30
19
  componentId: "sc-19u0s0h-0"
@@ -32,9 +21,7 @@ var Container = _styledComponents.default.div.withConfig({
32
21
  var theme = _ref.theme;
33
22
  return theme.color('white');
34
23
  });
35
-
36
24
  var ChevronKeyframes = (0, _styledComponents.keyframes)(["0%{margin-top:0rem;}50%{margin-top:0.5rem;}100%{margin-top:0rem;}"]);
37
-
38
25
  var Button = _styledComponents.default.button.withConfig({
39
26
  displayName: "Accordion__Button",
40
27
  componentId: "sc-19u0s0h-1"
@@ -44,12 +31,10 @@ var Button = _styledComponents.default.button.withConfig({
44
31
  var theme = _ref2.theme;
45
32
  return theme.breakpoint('small');
46
33
  }, (0, _spacing.default)('l'), (0, _spacing.default)('lg'));
47
-
48
34
  var Icon = _styledComponents.default.div.withConfig({
49
35
  displayName: "Accordion__Icon",
50
36
  componentId: "sc-19u0s0h-2"
51
37
  })(["display:flex;justify-content:center;align-content:center;"]);
52
-
53
38
  var Copy = _styledComponents.default.div.withConfig({
54
39
  displayName: "Accordion__Copy",
55
40
  componentId: "sc-19u0s0h-3"
@@ -63,21 +48,17 @@ var Copy = _styledComponents.default.div.withConfig({
63
48
  return theme.breakpoint('small');
64
49
  }, (0, _spacing.default)('lg'), (0, _spacing.default)('l'));
65
50
  });
66
-
67
51
  var Accordion = function Accordion(_ref6) {
68
52
  var children = _ref6.children,
69
- title = _ref6.title,
70
- rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
71
-
53
+ title = _ref6.title,
54
+ rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
72
55
  var _useState = (0, _react.useState)(false),
73
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
74
- isOpen = _useState2[0],
75
- setIsOpen = _useState2[1];
76
-
56
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
57
+ isOpen = _useState2[0],
58
+ setIsOpen = _useState2[1];
77
59
  var handleOpen = function handleOpen() {
78
60
  setIsOpen(!isOpen);
79
61
  };
80
-
81
62
  return /*#__PURE__*/_react.default.createElement(Container, rest, /*#__PURE__*/_react.default.createElement(Button, {
82
63
  onClick: handleOpen,
83
64
  "aria-expanded": isOpen ? 'true' : 'false',
@@ -89,6 +70,4 @@ var Accordion = function Accordion(_ref6) {
89
70
  isOpen: isOpen
90
71
  }, children));
91
72
  };
92
-
93
- var _default = Accordion;
94
- exports.default = _default;
73
+ var _default = exports.default = Accordion;