@comicrelief/component-library 7.22.1 → 7.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cypress/e2e/components/organisms/impactSlider.cy.js +72 -0
- package/dist/components/Atoms/Button/Button.js +4 -16
- package/dist/components/Atoms/Button/Button.test.js +0 -5
- package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +14 -31
- package/dist/components/Atoms/Checkbox/Checkbox.js +4 -17
- package/dist/components/Atoms/Checkbox/Checkbox.test.js +0 -5
- package/dist/components/Atoms/Confetti/Confetti.js +8 -23
- package/dist/components/Atoms/Confetti/_TriggerConfetti.js +5 -13
- package/dist/components/Atoms/ErrorText/ErrorText.js +2 -14
- package/dist/components/Atoms/ErrorText/ErrorText.test.js +0 -5
- package/dist/components/Atoms/Icons/Arrow.js +7 -21
- package/dist/components/Atoms/Icons/AtSign.js +4 -14
- package/dist/components/Atoms/Icons/Chevron.js +7 -21
- package/dist/components/Atoms/Icons/Curve.js +1 -6
- package/dist/components/Atoms/Icons/Download.js +4 -14
- package/dist/components/Atoms/Icons/External.js +4 -14
- package/dist/components/Atoms/Icons/Favourite.js +4 -14
- package/dist/components/Atoms/Icons/Internal.js +4 -14
- package/dist/components/Atoms/Icons/index.js +14 -22
- package/dist/components/Atoms/Input/Input.js +15 -35
- package/dist/components/Atoms/Input/input.test.js +0 -5
- package/dist/components/Atoms/Label/Label.js +12 -24
- package/dist/components/Atoms/Link/Link.js +18 -35
- package/dist/components/Atoms/Link/Link.style.js +9 -25
- package/dist/components/Atoms/Link/Link.test.js +0 -6
- package/dist/components/Atoms/Logo/Logo.js +5 -22
- package/dist/components/Atoms/Logo/Logo.test.js +0 -5
- package/dist/components/Atoms/Pagination/Item/Item.js +3 -11
- package/dist/components/Atoms/Pagination/Item/Item.style.js +18 -30
- package/dist/components/Atoms/Pagination/List/List.js +10 -21
- package/dist/components/Atoms/Pagination/Pagination.js +25 -47
- package/dist/components/Atoms/Pagination/Pagination.test.js +0 -5
- package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js +14 -30
- package/dist/components/Atoms/Picture/Picture.js +19 -39
- package/dist/components/Atoms/Picture/Picture.test.js +0 -6
- package/dist/components/Atoms/RadioButton/RadioButton.js +6 -18
- package/dist/components/Atoms/RadioButton/RadioButton.test.js +0 -5
- package/dist/components/Atoms/RichText/RichText.js +4 -15
- package/dist/components/Atoms/RichText/RichText.test.js +0 -5
- package/dist/components/Atoms/Select/Select.js +19 -39
- package/dist/components/Atoms/Select/Select.test.js +0 -5
- package/dist/components/Atoms/SocialIcons/Icon/Icon.js +6 -18
- package/dist/components/Atoms/SocialIcons/SocialIcons.js +3 -17
- package/dist/components/Atoms/SocialIcons/SocialIcons.test.js +0 -5
- package/dist/components/Atoms/SocialIcons/Utils/Icons.js +2 -9
- package/dist/components/Atoms/SocialIcons/Utils/Links.js +2 -5
- package/dist/components/Atoms/Text/Text.js +16 -29
- package/dist/components/Atoms/Text/Text.test.js +0 -5
- package/dist/components/Atoms/TextArea/TextArea.js +10 -25
- package/dist/components/Atoms/TextArea/TextArea.test.js +0 -5
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +26 -53
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.style.js +8 -28
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.test.js +0 -6
- package/dist/components/Molecules/Accordion/Accordion.js +8 -29
- package/dist/components/Molecules/Accordion/Accordion.test.js +0 -6
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +14 -38
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -6
- package/dist/components/Molecules/Banner/Banner.js +3 -13
- package/dist/components/Molecules/Banner/Banner.test.js +0 -6
- package/dist/components/Molecules/Box/Box.js +9 -22
- package/dist/components/Molecules/Box/Box.test.js +0 -6
- package/dist/components/Molecules/Card/Card.js +11 -24
- package/dist/components/Molecules/Card/Card.test.js +0 -6
- package/dist/components/Molecules/CardDs/CardDs.js +17 -41
- package/dist/components/Molecules/CardDs/CardDs.test.js +0 -7
- package/dist/components/Molecules/Chip/Chip.js +4 -10
- package/dist/components/Molecules/Chip/Chip.style.js +8 -48
- package/dist/components/Molecules/Chip/Chip.test.js +0 -6
- package/dist/components/Molecules/Countdown/Countdown.js +17 -32
- package/dist/components/Molecules/Countdown/Countdown.style.js +4 -13
- package/dist/components/Molecules/Descriptor/Descriptor.js +6 -50
- package/dist/components/Molecules/Descriptor/Descriptor.test.js +0 -5
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.js +2 -8
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js +4 -13
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +0 -6
- package/dist/components/Molecules/HeroBanner/HeroBanner.js +4 -13
- package/dist/components/Molecules/InfoBanner/InfoBanner.js +8 -19
- package/dist/components/Molecules/InfoBanner/InfoBanner.test.js +0 -5
- package/dist/components/Molecules/Logos/Logos.js +1 -11
- package/dist/components/Molecules/Lookup/Lookup.js +25 -57
- package/dist/components/Molecules/PartnerLink/PartnerLink.js +3 -14
- package/dist/components/Molecules/PartnerLink/PartnerLink.style.js +4 -13
- package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +0 -7
- package/dist/components/Molecules/Promo/Promo.js +33 -47
- package/dist/components/Molecules/Promo/Promo.md +2 -1
- package/dist/components/Molecules/Promo/Promo.style.js +12 -37
- package/dist/components/Molecules/Promo/Promo.test.js +0 -8
- package/dist/components/Molecules/Promo/_ProgressRing.js +7 -20
- package/dist/components/Molecules/Promo/_PromoVideo.js +39 -53
- package/dist/components/Molecules/Promo/_PromoVideoButton.js +2 -11
- package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +14 -40
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +6 -23
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.test.js +0 -5
- package/dist/components/Molecules/SearchInput/SearchInput.js +4 -12
- package/dist/components/Molecules/SearchInput/SearchInput.style.js +7 -25
- package/dist/components/Molecules/SearchInput/SearchInput.test.js +0 -5
- package/dist/components/Molecules/SearchResult/SearchResult.js +11 -25
- package/dist/components/Molecules/SearchResult/SearchResult.test.js +0 -6
- package/dist/components/Molecules/ShareButton/ShareButton.js +10 -23
- package/dist/components/Molecules/ShareButton/ShareButton.style.js +6 -21
- package/dist/components/Molecules/ShareButton/ShareButton.test.js +0 -5
- package/dist/components/Molecules/ShareButton/assets/ShareIcons.js +1 -6
- package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +4 -25
- package/dist/components/Molecules/SingleMessage/SingleMessage.js +48 -68
- package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +19 -47
- package/dist/components/Molecules/SingleMessage/SingleMessage.test.js +0 -8
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +22 -46
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +13 -44
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js +0 -8
- package/dist/components/Molecules/Typeahead/Typeahead.js +25 -51
- package/dist/components/Molecules/Typeahead/Typeahead.test.js +0 -12
- package/dist/components/Molecules/VideoBanner/VideoBanner.js +14 -28
- package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +0 -6
- package/dist/components/Organisms/CookieBanner/CookieBanner.js +3 -9
- package/dist/components/Organisms/CookieBanner/CookieBanner.style.js +6 -18
- package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +0 -5
- package/dist/components/Organisms/Donate/Donate.js +36 -48
- package/dist/components/Organisms/Donate/Donate.style.js +23 -71
- package/dist/components/Organisms/Donate/Donate.test.js +0 -8
- package/dist/components/Organisms/Donate/Form/Form.js +53 -80
- package/dist/components/Organisms/Donate/Form/PopUpComponent.js +9 -27
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +4 -12
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.style.js +7 -25
- package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +7 -21
- package/dist/components/Organisms/Donate/dev-data/data-high-value.js +2 -3
- package/dist/components/Organisms/Donate/dev-data/data-single.js +2 -3
- package/dist/components/Organisms/Donate/dev-data/data.js +2 -3
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js +12 -37
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.test.js +0 -9
- package/dist/components/Organisms/EmailSignUp/EmailSignUpForm.js +3 -24
- package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js +19 -32
- package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js +6 -18
- package/dist/components/Organisms/EmailSignUp/_TextInput.js +7 -16
- package/dist/components/Organisms/Footer/Footer.js +5 -17
- package/dist/components/Organisms/Footer/Footer.style.js +10 -35
- package/dist/components/Organisms/Footer/Footer.test.js +1 -7
- package/dist/components/Organisms/Footer/Nav/Nav.js +15 -39
- package/dist/components/Organisms/Footer/Nav/Nav.style.js +16 -37
- package/dist/components/Organisms/Footer/data/data.js +2 -3
- package/dist/components/Organisms/Footer/data/footerCopy.js +2 -3
- package/dist/components/Organisms/Header/Burger/BurgerMenu.js +3 -8
- package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js +8 -19
- package/dist/components/Organisms/Header/Header.js +4 -14
- package/dist/components/Organisms/Header/Header.style.js +5 -22
- package/dist/components/Organisms/Header/Nav/Nav.js +19 -44
- package/dist/components/Organisms/Header/Nav/Nav.style.js +19 -46
- package/dist/components/Organisms/Header/data/data.js +2 -3
- package/dist/components/Organisms/Header/header.test.js +5 -2
- package/dist/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +61 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.js +71 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +56 -0
- package/dist/components/Organisms/ImpactSlider/Slider.style.js +30 -0
- package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +42 -0
- package/dist/components/Organisms/ImpactSlider/_Slider.js +32 -0
- package/dist/components/Organisms/ImpactSlider/_utils.js +30 -0
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +15 -54
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +11 -20
- package/dist/components/Organisms/MarketingPreferencesDS/_AssociatedFields.js +1 -2
- package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.js +12 -23
- package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.js +4 -14
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +23 -35
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js +10 -19
- package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js +7 -16
- package/dist/components/Organisms/Membership/Form/Form.js +50 -83
- package/dist/components/Organisms/Membership/Membership.js +13 -21
- package/dist/components/Organisms/Membership/Membership.style.js +21 -63
- package/dist/components/Organisms/Membership/Membership.test.js +0 -7
- package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +9 -21
- package/dist/components/Organisms/Membership/dev-data/data.js +2 -3
- package/dist/hoc/shallowWithTheme.js +0 -6
- package/dist/index.js +134 -187
- package/dist/styleguide/CRLogo.js +1 -9
- package/dist/styleguide/StyleGuideRenderer.js +6 -10
- package/dist/styleguide/ThemeWrapper.js +1 -8
- package/dist/styleguide/data/data.js +20 -5
- package/dist/theme/ThemeProvider.js +1 -5
- package/dist/theme/crTheme/buttonColors.js +2 -11
- package/dist/theme/crTheme/colors.js +3 -9
- package/dist/theme/crTheme/fontSizes.js +2 -6
- package/dist/theme/crTheme/linkStyles.js +2 -11
- package/dist/theme/crTheme/theme.js +2 -11
- package/dist/theme/shared/breakpoint.js +4 -9
- package/dist/theme/shared/fontFamilies.js +2 -7
- package/dist/theme/shared/hideVisually.js +1 -4
- package/dist/theme/shared/size.js +5 -11
- package/dist/theme/shared/spacing.js +1 -5
- package/dist/theme/shared/zIndex.js +1 -8
- package/dist/theme/srTheme/buttonColors.js +2 -11
- package/dist/theme/srTheme/colors.js +3 -9
- package/dist/theme/srTheme/fontSizes.js +2 -6
- package/dist/theme/srTheme/linkStyles.js +2 -11
- package/dist/theme/srTheme/theme.js +2 -11
- package/dist/utils/Membership.js +11 -28
- package/dist/utils/ShareButton/sharePopUpHelper.js +3 -8
- package/dist/utils/ShareButton/shareTracking.js +1 -5
- package/dist/utils/ShareButton/shareUrlHelper.js +3 -5
- package/dist/utils/allowListed.js +1 -5
- package/dist/utils/allowListed.test.js +0 -2
- package/dist/utils/internalLinkHelper.js +11 -20
- package/dist/utils/navHelper.js +1 -6
- package/package.json +2 -1
- package/react-range-slider-input.d.ts +2 -0
- package/src/components/Molecules/Promo/Promo.md +2 -1
- package/src/components/Molecules/Promo/_PromoVideo.js +6 -4
- package/src/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +96 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.js +92 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.style.js +72 -0
- package/src/components/Organisms/ImpactSlider/Slider.style.js +70 -0
- package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +43 -0
- package/src/components/Organisms/ImpactSlider/_Slider.js +39 -0
- package/src/components/Organisms/ImpactSlider/_utils.js +32 -0
- package/src/index.js +1 -0
- package/src/styleguide/data/data.js +26 -1
|
@@ -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
|
|
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
|
-
|
|
20
|
+
theme = _ref.theme;
|
|
29
21
|
return color ? theme.color(color) : 'inherit';
|
|
30
22
|
}, function (_ref2) {
|
|
31
23
|
var size = _ref2.size,
|
|
32
|
-
|
|
24
|
+
theme = _ref2.theme;
|
|
33
25
|
return theme.fontSize(size);
|
|
34
26
|
}, function (_ref3) {
|
|
35
27
|
var size = _ref3.size,
|
|
36
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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
|
-
|
|
26
|
-
|
|
27
|
-
function
|
|
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
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
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
|
-
|
|
58
|
-
|
|
59
|
-
|
|
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
|
-
|
|
63
|
-
|
|
64
|
-
|
|
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
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
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;
|
|
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.
|
|
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.
|
|
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
|
|
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
|
-
|
|
70
|
-
|
|
71
|
-
|
|
53
|
+
title = _ref6.title,
|
|
54
|
+
rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
|
|
72
55
|
var _useState = (0, _react.useState)(false),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
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;
|