@comicrelief/component-library 7.22.0 → 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 +43 -50
- package/dist/components/Molecules/Promo/Promo.md +18 -35
- package/dist/components/Molecules/Promo/Promo.style.js +23 -41
- 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 +42 -54
- package/dist/components/Molecules/Promo/_PromoVideoButton.js +5 -12
- package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +33 -59
- package/dist/components/Molecules/Promo/__snapshots__/Promo.test.js.snap +116 -72
- 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.js +14 -8
- package/src/components/Molecules/Promo/Promo.md +18 -35
- package/src/components/Molecules/Promo/Promo.style.js +28 -16
- package/src/components/Molecules/Promo/_PromoVideo.js +13 -8
- package/src/components/Molecules/Promo/_PromoVideoButton.js +1 -1
- package/src/components/Molecules/Promo/_PromoVideoButton.style.js +26 -21
- package/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap +116 -72
- 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,31 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["colour", "theme", "size", "direction"];
|
|
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
|
var angle = {
|
|
23
15
|
right: '90deg',
|
|
24
16
|
left: '-90deg',
|
|
25
17
|
down: '180deg',
|
|
26
18
|
up: '0deg'
|
|
27
19
|
};
|
|
28
|
-
|
|
29
20
|
var Icon = _styledComponents.default.svg.withConfig({
|
|
30
21
|
displayName: "Chevron__Icon",
|
|
31
22
|
componentId: "sc-1p4fsgl-0"
|
|
@@ -33,13 +24,12 @@ var Icon = _styledComponents.default.svg.withConfig({
|
|
|
33
24
|
var direction = _ref.direction;
|
|
34
25
|
return "rotate(".concat(angle[direction], ")");
|
|
35
26
|
});
|
|
36
|
-
|
|
37
27
|
var Chevron = function Chevron(_ref2) {
|
|
38
28
|
var colour = _ref2.colour,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
29
|
+
theme = _ref2.theme,
|
|
30
|
+
size = _ref2.size,
|
|
31
|
+
direction = _ref2.direction,
|
|
32
|
+
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
43
33
|
return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
|
|
44
34
|
direction: direction,
|
|
45
35
|
width: size,
|
|
@@ -51,13 +41,9 @@ var Chevron = function Chevron(_ref2) {
|
|
|
51
41
|
d: "M40 33a1.992 1.992 0 01-1.414-.586L24 17.829 9.414 32.414a2 2 0 11-2.828-2.828l16-16a2 2 0 012.828 0l16 16A2 2 0 0140 33z"
|
|
52
42
|
}));
|
|
53
43
|
};
|
|
54
|
-
|
|
55
44
|
Chevron.defaultProps = {
|
|
56
45
|
colour: 'white',
|
|
57
46
|
size: 24,
|
|
58
47
|
direction: 'up'
|
|
59
48
|
};
|
|
60
|
-
|
|
61
|
-
var _default = (0, _styledComponents.withTheme)(Chevron);
|
|
62
|
-
|
|
63
|
-
exports.default = _default;
|
|
49
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(Chevron);
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var Curve = function Curve() {
|
|
13
10
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
14
11
|
width: "100%",
|
|
@@ -26,6 +23,4 @@ var Curve = function Curve() {
|
|
|
26
23
|
fill: "#000"
|
|
27
24
|
})));
|
|
28
25
|
};
|
|
29
|
-
|
|
30
|
-
var _default = Curve;
|
|
31
|
-
exports.default = _default;
|
|
26
|
+
var _default = exports.default = Curve;
|
|
@@ -1,25 +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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = require("styled-components");
|
|
15
|
-
|
|
16
11
|
var _excluded = ["colour", "theme", "size"];
|
|
17
|
-
|
|
18
12
|
var Download = function Download(_ref) {
|
|
19
13
|
var colour = _ref.colour,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
theme = _ref.theme,
|
|
15
|
+
size = _ref.size,
|
|
16
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
|
|
24
18
|
width: size,
|
|
25
19
|
height: size,
|
|
@@ -30,12 +24,8 @@ var Download = function Download(_ref) {
|
|
|
30
24
|
d: "M17.171 38.829a4 4 0 015.657-5.657L44 54.343V8a4 4 0 018 0v46.343l21.172-21.172a4 4 0 115.656 5.657l-28 28-.005.004a3.976 3.976 0 01-.604.493c-.101.068-.211.115-.317.172-.123.067-.241.141-.372.195-.133.055-.273.087-.41.127-.113.033-.22.077-.337.1a3.89 3.89 0 01-1.566.002c-.116-.023-.224-.067-.336-.1-.138-.04-.277-.072-.411-.128-.13-.054-.248-.128-.37-.195-.106-.058-.216-.105-.318-.173a4.037 4.037 0 01-.604-.493l-.005-.004-28.002-27.999zM84 68a4 4 0 00-4 4v12H16V72a4 4 0 00-8 0v16a4 4 0 004 4h72a4 4 0 004-4V72a4 4 0 00-4-4z"
|
|
31
25
|
}));
|
|
32
26
|
};
|
|
33
|
-
|
|
34
27
|
Download.defaultProps = {
|
|
35
28
|
colour: 'white',
|
|
36
29
|
size: 24
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
var _default = (0, _styledComponents.withTheme)(Download);
|
|
40
|
-
|
|
41
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(Download);
|
|
@@ -1,25 +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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = require("styled-components");
|
|
15
|
-
|
|
16
11
|
var _excluded = ["colour", "theme", "size"];
|
|
17
|
-
|
|
18
12
|
var External = function External(_ref) {
|
|
19
13
|
var colour = _ref.colour,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
theme = _ref.theme,
|
|
15
|
+
size = _ref.size,
|
|
16
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
|
|
24
18
|
width: size,
|
|
25
19
|
height: size,
|
|
@@ -30,12 +24,8 @@ var External = function External(_ref) {
|
|
|
30
24
|
d: "M92 8.001V48a4 4 0 01-8 0V17.657L50.899 50.758c-.781.781-1.805 1.171-2.829 1.171s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 12H48a4 4 0 010-8h40c.016 0 .032.005.048.005.246.003.492.026.734.074.121.024.233.069.35.104.133.039.268.07.397.123.132.055.253.13.377.198.104.057.212.103.312.169.201.134.386.289.559.456.016.016.035.026.051.042.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327.052.259.08.522.08.785zM72 68a4 4 0 00-4 4v12H12V28h12a4 4 0 000-8H8a4 4 0 00-4 4v64a4 4 0 004 4h64a4 4 0 004-4V72a4 4 0 00-4-4z"
|
|
31
25
|
}));
|
|
32
26
|
};
|
|
33
|
-
|
|
34
27
|
External.defaultProps = {
|
|
35
28
|
colour: 'white',
|
|
36
29
|
size: 24
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
var _default = (0, _styledComponents.withTheme)(External);
|
|
40
|
-
|
|
41
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(External);
|
|
@@ -1,25 +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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = require("styled-components");
|
|
15
|
-
|
|
16
11
|
var _excluded = ["colour", "theme", "size"];
|
|
17
|
-
|
|
18
12
|
var Favourite = function Favourite(_ref) {
|
|
19
13
|
var colour = _ref.colour,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
theme = _ref.theme,
|
|
15
|
+
size = _ref.size,
|
|
16
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
|
|
24
18
|
width: size,
|
|
25
19
|
height: size,
|
|
@@ -30,12 +24,8 @@ var Favourite = function Favourite(_ref) {
|
|
|
30
24
|
d: "M74.295 8.47C64.301 6.55 54.06 10.592 48 18.198 41.94 10.592 31.698 6.55 21.705 8.47 12.179 10.304 2 18.229 2 34.973 2 52.345 19.988 67.357 34.442 79.42c4.113 3.432 7.997 6.674 10.729 9.407l.001.001.001.001c.091.091.196.159.294.24.111.092.216.195.333.272.095.063.199.103.298.157.132.072.26.153.397.209.142.058.291.089.438.13.102.028.2.07.303.09a4.003 4.003 0 001.528 0l.012-.003c.5-.098.985-.292 1.426-.583l.021-.017c.213-.143.417-.306.605-.494l.001-.001.001-.001c2.732-2.733 6.616-5.975 10.729-9.407C76.012 67.357 94 52.345 94 34.973 94 18.229 83.821 10.304 74.295 8.47zM56.432 73.278c-3.029 2.528-5.93 4.952-8.432 7.219-2.502-2.267-5.403-4.692-8.432-7.219C27.09 62.864 10 48.602 10 34.973c0-14.534 9.243-17.882 13.216-18.647 7.468-1.438 17.384 1.981 21.047 11.146a3.987 3.987 0 003.017 2.443c.065.012.129.014.193.023.175.023.35.043.528.042.17.001.336-.019.502-.04.073-.01.146-.012.219-.026a3.99 3.99 0 003.014-2.442c3.663-9.165 13.578-12.584 21.047-11.146C76.757 17.091 86 20.439 86 34.973c0 13.629-17.09 27.891-29.568 38.305z"
|
|
31
25
|
}));
|
|
32
26
|
};
|
|
33
|
-
|
|
34
27
|
Favourite.defaultProps = {
|
|
35
28
|
colour: 'white',
|
|
36
29
|
size: 24
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
var _default = (0, _styledComponents.withTheme)(Favourite);
|
|
40
|
-
|
|
41
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(Favourite);
|
|
@@ -1,25 +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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = require("styled-components");
|
|
15
|
-
|
|
16
11
|
var _excluded = ["colour", "theme", "size"];
|
|
17
|
-
|
|
18
12
|
var Internal = function Internal(_ref) {
|
|
19
13
|
var colour = _ref.colour,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
theme = _ref.theme,
|
|
15
|
+
size = _ref.size,
|
|
16
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
|
|
24
18
|
width: size,
|
|
25
19
|
height: size,
|
|
@@ -30,12 +24,8 @@ var Internal = function Internal(_ref) {
|
|
|
30
24
|
d: "M90.871 50.776c-.016.016-.026.036-.043.052l-32 32C58.047 83.609 57.024 84 56 84s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 52H8a4 4 0 010-8h70.343L53.171 18.829a4 4 0 015.657-5.657l32 32c.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327a4.017 4.017 0 010 1.568c-.023.113-.065.217-.097.327-.041.141-.074.283-.13.42-.053.128-.126.243-.191.364-.059.109-.107.221-.176.325a4.035 4.035 0 01-.455.555z"
|
|
31
25
|
}));
|
|
32
26
|
};
|
|
33
|
-
|
|
34
27
|
Internal.defaultProps = {
|
|
35
28
|
colour: 'white',
|
|
36
29
|
size: 24
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
var _default = (0, _styledComponents.withTheme)(Internal);
|
|
40
|
-
|
|
41
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(Internal);
|
|
@@ -1,63 +1,55 @@
|
|
|
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
|
-
Object.defineProperty(exports, "
|
|
7
|
+
Object.defineProperty(exports, "Arrow", {
|
|
9
8
|
enumerable: true,
|
|
10
9
|
get: function get() {
|
|
11
|
-
return
|
|
10
|
+
return _Arrow.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
Object.defineProperty(exports, "
|
|
13
|
+
Object.defineProperty(exports, "AtSign", {
|
|
15
14
|
enumerable: true,
|
|
16
15
|
get: function get() {
|
|
17
|
-
return
|
|
16
|
+
return _AtSign.default;
|
|
18
17
|
}
|
|
19
18
|
});
|
|
20
|
-
Object.defineProperty(exports, "
|
|
19
|
+
Object.defineProperty(exports, "Chevron", {
|
|
21
20
|
enumerable: true,
|
|
22
21
|
get: function get() {
|
|
23
|
-
return
|
|
22
|
+
return _Chevron.default;
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
|
-
Object.defineProperty(exports, "
|
|
25
|
+
Object.defineProperty(exports, "Download", {
|
|
27
26
|
enumerable: true,
|
|
28
27
|
get: function get() {
|
|
29
|
-
return
|
|
28
|
+
return _Download.default;
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
Object.defineProperty(exports, "
|
|
31
|
+
Object.defineProperty(exports, "External", {
|
|
33
32
|
enumerable: true,
|
|
34
33
|
get: function get() {
|
|
35
|
-
return
|
|
34
|
+
return _External.default;
|
|
36
35
|
}
|
|
37
36
|
});
|
|
38
|
-
Object.defineProperty(exports, "
|
|
37
|
+
Object.defineProperty(exports, "Favourite", {
|
|
39
38
|
enumerable: true,
|
|
40
39
|
get: function get() {
|
|
41
|
-
return
|
|
40
|
+
return _Favourite.default;
|
|
42
41
|
}
|
|
43
42
|
});
|
|
44
|
-
Object.defineProperty(exports, "
|
|
43
|
+
Object.defineProperty(exports, "Internal", {
|
|
45
44
|
enumerable: true,
|
|
46
45
|
get: function get() {
|
|
47
|
-
return
|
|
46
|
+
return _Internal.default;
|
|
48
47
|
}
|
|
49
48
|
});
|
|
50
|
-
|
|
51
49
|
var _External = _interopRequireDefault(require("./External"));
|
|
52
|
-
|
|
53
50
|
var _Download = _interopRequireDefault(require("./Download"));
|
|
54
|
-
|
|
55
51
|
var _Favourite = _interopRequireDefault(require("./Favourite"));
|
|
56
|
-
|
|
57
52
|
var _Internal = _interopRequireDefault(require("./Internal"));
|
|
58
|
-
|
|
59
53
|
var _Chevron = _interopRequireDefault(require("./Chevron"));
|
|
60
|
-
|
|
61
54
|
var _Arrow = _interopRequireDefault(require("./Arrow"));
|
|
62
|
-
|
|
63
55
|
var _AtSign = _interopRequireDefault(require("./AtSign"));
|
|
@@ -1,50 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
17
|
-
|
|
18
12
|
var _Label = _interopRequireDefault(require("../Label/Label"));
|
|
19
|
-
|
|
20
13
|
var _ErrorText = _interopRequireDefault(require("../ErrorText/ErrorText"));
|
|
21
|
-
|
|
22
14
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
23
|
-
|
|
24
15
|
var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
|
|
25
|
-
|
|
26
16
|
var _excluded = ["errorMsg", "id", "label", "showLabel", "type", "hasAria", "className", "labelProps", "prefix", "optional"];
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
-
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
|
|
32
19
|
// This seems to get a decent approximation of the necessary width (without resorting to measuring
|
|
33
20
|
// the element with JS)
|
|
34
21
|
var getPrefixWidth = function getPrefixWidth(prefixLength) {
|
|
35
22
|
return "calc(".concat((0, _spacing.default)('m'), " + (").concat(prefixLength, " * ").concat((0, _spacing.default)('sm'), "))");
|
|
36
23
|
};
|
|
37
|
-
|
|
38
24
|
var InputField = _styledComponents.default.input.withConfig({
|
|
39
25
|
displayName: "Input__InputField",
|
|
40
26
|
componentId: "sc-bcqy1o-0"
|
|
41
27
|
})(["", ""], function (_ref) {
|
|
42
28
|
var theme = _ref.theme,
|
|
43
|
-
|
|
44
|
-
|
|
29
|
+
error = _ref.error,
|
|
30
|
+
prefixLength = _ref.prefixLength;
|
|
45
31
|
return (0, _styledComponents.css)(["position:relative;box-sizing:border-box;width:100%;height:48px;padding:", " ", ";", " background-color:", ";border:1px solid;border-color:", ";box-shadow:none;appearance:none;color:", ";border-radius:", ";font-size:inherit;z-index:2;font-family:", ";:focus{border:1px solid ", ";}@media ", "{max-width:290px;}"], (0, _spacing.default)('md'), (0, _spacing.default)('m'), prefixLength > 0 ? "padding-left: ".concat(getPrefixWidth(prefixLength), ";") : '', theme.color('grey_light'), error ? theme.color('red') : theme.color('grey_medium'), theme.color('black'), (0, _spacing.default)('sm'), theme.fontFamilies(theme.font.regular), theme.color('grey_for_forms'), theme.breakpoint('small'));
|
|
46
32
|
});
|
|
47
|
-
|
|
48
33
|
var InputWrapper = _styledComponents.default.div.withConfig({
|
|
49
34
|
displayName: "Input__InputWrapper",
|
|
50
35
|
componentId: "sc-bcqy1o-1"
|
|
@@ -52,7 +37,6 @@ var InputWrapper = _styledComponents.default.div.withConfig({
|
|
|
52
37
|
var theme = _ref2.theme;
|
|
53
38
|
return theme.fontSize('m');
|
|
54
39
|
});
|
|
55
|
-
|
|
56
40
|
var Prefix = _styledComponents.default.div.withConfig({
|
|
57
41
|
displayName: "Input__Prefix",
|
|
58
42
|
componentId: "sc-bcqy1o-2"
|
|
@@ -63,19 +47,18 @@ var Prefix = _styledComponents.default.div.withConfig({
|
|
|
63
47
|
var theme = _ref4.theme;
|
|
64
48
|
return theme.color('grey_dark');
|
|
65
49
|
});
|
|
66
|
-
|
|
67
50
|
var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref5, ref) {
|
|
68
51
|
var errorMsg = _ref5.errorMsg,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
52
|
+
id = _ref5.id,
|
|
53
|
+
label = _ref5.label,
|
|
54
|
+
showLabel = _ref5.showLabel,
|
|
55
|
+
type = _ref5.type,
|
|
56
|
+
hasAria = _ref5.hasAria,
|
|
57
|
+
className = _ref5.className,
|
|
58
|
+
labelProps = _ref5.labelProps,
|
|
59
|
+
prefix = _ref5.prefix,
|
|
60
|
+
optional = _ref5.optional,
|
|
61
|
+
rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
|
|
79
62
|
return /*#__PURE__*/_react.default.createElement(_Label.default, Object.assign({
|
|
80
63
|
className: className,
|
|
81
64
|
htmlFor: id,
|
|
@@ -99,7 +82,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref5, ref) {
|
|
|
99
82
|
"data-test": "error-message"
|
|
100
83
|
}, errorMsg));
|
|
101
84
|
});
|
|
102
|
-
|
|
103
85
|
Input.propTypes = {
|
|
104
86
|
name: _propTypes.default.string.isRequired,
|
|
105
87
|
label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
|
|
@@ -111,7 +93,6 @@ Input.propTypes = {
|
|
|
111
93
|
showLabel: _propTypes.default.bool,
|
|
112
94
|
hasAria: _propTypes.default.bool,
|
|
113
95
|
id: _propTypes.default.string.isRequired,
|
|
114
|
-
|
|
115
96
|
/** text, email, number, date, search, tel, url, password */
|
|
116
97
|
type: _propTypes.default.string.isRequired,
|
|
117
98
|
labelProps: _propTypes.default.objectOf(_propTypes.default.string),
|
|
@@ -131,5 +112,4 @@ Input.defaultProps = {
|
|
|
131
112
|
prefix: '',
|
|
132
113
|
optional: null
|
|
133
114
|
};
|
|
134
|
-
var _default = Input;
|
|
135
|
-
exports.default = _default;
|
|
115
|
+
var _default = exports.default = Input;
|
|
@@ -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 _Input = _interopRequireDefault(require("./Input"));
|
|
12
|
-
|
|
13
8
|
it('renders correctly', function () {
|
|
14
9
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
15
10
|
name: "fullname",
|
|
@@ -1,27 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _Text = _interopRequireDefault(require("../Text/Text"));
|
|
17
|
-
|
|
18
12
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
19
|
-
|
|
20
13
|
var _hideVisually = _interopRequireDefault(require("../../../theme/shared/hideVisually"));
|
|
21
|
-
|
|
22
14
|
var _excluded = ["label", "hideLabel"],
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
_excluded2 = ["children", "label", "hideLabel", "optional"];
|
|
25
16
|
var LabelElement = _styledComponents.default.label.withConfig({
|
|
26
17
|
displayName: "Label__LabelElement",
|
|
27
18
|
componentId: "sc-2nrw50-0"
|
|
@@ -30,10 +21,9 @@ var LabelElement = _styledComponents.default.label.withConfig({
|
|
|
30
21
|
return theme.color('grey_label');
|
|
31
22
|
}, function (_ref2) {
|
|
32
23
|
var optional = _ref2.optional,
|
|
33
|
-
|
|
24
|
+
theme = _ref2.theme;
|
|
34
25
|
return optional === true && "\n :after {\n position: absolute;\n top: 0;\n right: 0;\n content: 'Optional';\n font-family: ".concat(theme.fontFamilies(theme.font.regular), ";\n font-size: ").concat(theme.fontSize('s'), ";\n }");
|
|
35
26
|
});
|
|
36
|
-
|
|
37
27
|
var VisibleText = (0, _styledComponents.default)(_Text.default).attrs({
|
|
38
28
|
weight: 'bold'
|
|
39
29
|
}).withConfig({
|
|
@@ -43,12 +33,13 @@ var VisibleText = (0, _styledComponents.default)(_Text.default).attrs({
|
|
|
43
33
|
var HiddenText = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
44
34
|
displayName: "Label__HiddenText",
|
|
45
35
|
componentId: "sc-2nrw50-2"
|
|
46
|
-
})(["", ""], _hideVisually.default);
|
|
36
|
+
})(["", ""], _hideVisually.default);
|
|
47
37
|
|
|
38
|
+
// eslint-disable-next-line react/prop-types
|
|
48
39
|
var LabelText = function LabelText(_ref3) {
|
|
49
40
|
var label = _ref3.label,
|
|
50
|
-
|
|
51
|
-
|
|
41
|
+
hideLabel = _ref3.hideLabel,
|
|
42
|
+
rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
|
|
52
43
|
var Component = hideLabel ? HiddenText : VisibleText;
|
|
53
44
|
return /*#__PURE__*/_react.default.isValidElement(label) ? /*#__PURE__*/_react.default.createElement(Component, rest, label) : /*#__PURE__*/_react.default.createElement(Component, Object.assign({}, rest, {
|
|
54
45
|
dangerouslySetInnerHTML: {
|
|
@@ -56,6 +47,7 @@ var LabelText = function LabelText(_ref3) {
|
|
|
56
47
|
}
|
|
57
48
|
}));
|
|
58
49
|
};
|
|
50
|
+
|
|
59
51
|
/**
|
|
60
52
|
* @param children
|
|
61
53
|
* @param label
|
|
@@ -64,14 +56,12 @@ var LabelText = function LabelText(_ref3) {
|
|
|
64
56
|
* @returns {JSX.Element}
|
|
65
57
|
* @constructor
|
|
66
58
|
*/
|
|
67
|
-
|
|
68
|
-
|
|
69
59
|
var Label = function Label(_ref4) {
|
|
70
60
|
var children = _ref4.children,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
61
|
+
label = _ref4.label,
|
|
62
|
+
hideLabel = _ref4.hideLabel,
|
|
63
|
+
optional = _ref4.optional,
|
|
64
|
+
rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
|
|
75
65
|
return /*#__PURE__*/_react.default.createElement(LabelElement, Object.assign({}, rest, {
|
|
76
66
|
optional: optional
|
|
77
67
|
}), /*#__PURE__*/_react.default.createElement(LabelText, {
|
|
@@ -79,7 +69,6 @@ var Label = function Label(_ref4) {
|
|
|
79
69
|
hideLabel: hideLabel
|
|
80
70
|
}), children);
|
|
81
71
|
};
|
|
82
|
-
|
|
83
72
|
Label.defaultProps = {
|
|
84
73
|
hideLabel: false,
|
|
85
74
|
children: null,
|
|
@@ -89,5 +78,4 @@ LabelText.defaultProps = {
|
|
|
89
78
|
hideLabel: false,
|
|
90
79
|
children: null
|
|
91
80
|
};
|
|
92
|
-
var _default = Label;
|
|
93
|
-
exports.default = _default;
|
|
81
|
+
var _default = exports.default = Label;
|