@gympass/yoga 7.37.2 → 7.39.1
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/cjs/AutoComplete/AutoComplete.theme.js +1 -1
- package/cjs/AutoComplete/web/AutoComplete.js +1 -1
- package/cjs/Avatar/native/Avatar.js +1 -1
- package/cjs/Avatar/native/Avatar.test.js +1 -1
- package/cjs/Avatar/web/Avatar.js +1 -1
- package/cjs/Avatar/web/AvatarCircle.js +1 -1
- package/cjs/Banner/native/Banner.test.js +1 -1
- package/cjs/Banner/web/Banner.js +1 -1
- package/cjs/Box/native/Box.test.js +1 -1
- package/cjs/Button/native/Button.test.js +1 -1
- package/cjs/Button/web/Button.js +1 -1
- package/cjs/Button/web/Icon.js +1 -1
- package/cjs/Card/Card.native.theme.js +9 -7
- package/cjs/Card/Card.theme.js +1 -1
- package/cjs/Card/Card.web.theme.js +8 -6
- package/cjs/Card/native/Card/Card.test.js +1 -1
- package/cjs/Card/native/EventCard/EventCard.test.js +1 -1
- package/cjs/Card/native/GymCard/CheckIn/CheckIn.test.js +1 -1
- package/cjs/Card/native/PlanCard/Actions.js +1 -1
- package/cjs/Card/native/PlanCard/Content.js +1 -1
- package/cjs/Card/native/PlanCard/PlanCard.js +1 -1
- package/cjs/Card/native/PlanCard/PlanCard.test.js +1 -1
- package/cjs/Card/web/Card/Card.js +1 -1
- package/cjs/Card/web/PlanCard/Actions.js +1 -1
- package/cjs/Card/web/PlanCard/Content.js +28 -32
- package/cjs/Card/web/PlanCard/PlanCard.js +1 -1
- package/cjs/Checkbox/native/Checkbox.test.js +1 -1
- package/cjs/Checkbox/native/Switch.test.js +1 -1
- package/cjs/Checkbox/web/Checkbox.js +1 -1
- package/cjs/Checkbox/web/Checkbox.test.js +1 -1
- package/cjs/Checkbox/web/Switch.js +1 -1
- package/cjs/Chips/native/Chips.test.js +1 -1
- package/cjs/Chips/web/Chips.js +1 -1
- package/cjs/Dialog/web/Content.js +1 -1
- package/cjs/Dialog/web/Dialog.js +1 -1
- package/cjs/Dialog/web/Footer.js +1 -1
- package/cjs/Dialog/web/Header.js +1 -1
- package/cjs/Divider/native/Divider.test.js +1 -1
- package/cjs/Dropdown/native/Backdrop.test.js +1 -1
- package/cjs/Dropdown/native/Dropdown.test.js +1 -1
- package/cjs/Dropdown/web/Dropdown.js +1 -1
- package/cjs/Dropdown/web/Dropdown.test.js +1 -1
- package/cjs/Feedback/web/Feedback.js +1 -1
- package/cjs/Heading/web/BackButton.js +1 -1
- package/cjs/Heading/web/RightButton.js +2 -2
- package/cjs/Heading/web/Title.js +1 -1
- package/cjs/Icon/Icon.js +1 -1
- package/cjs/Icon/native/Icon.test.js +1 -1
- package/cjs/Input/native/Email.test.js +1 -1
- package/cjs/Input/native/Input.test.js +1 -1
- package/cjs/Input/native/Number.test.js +1 -1
- package/cjs/Input/native/Password.test.js +1 -1
- package/cjs/Input/native/Tel.test.js +1 -1
- package/cjs/Input/web/Email.js +1 -1
- package/cjs/Input/web/Input.js +1 -1
- package/cjs/Input/web/Legend.js +1 -1
- package/cjs/Input/web/Number.js +1 -1
- package/cjs/Input/web/Password.js +1 -1
- package/cjs/Input/web/Tel.js +1 -1
- package/cjs/List/native/List.test.js +1 -1
- package/cjs/List/web/LinkItem.js +1 -1
- package/cjs/List/web/List.js +1 -1
- package/cjs/List/web/ListItem.js +1 -1
- package/cjs/Progress/native/Progress.test.js +1 -1
- package/cjs/Progress/web/Progress.js +1 -1
- package/cjs/RadioGroup/native/Button/RadioButton.test.js +1 -1
- package/cjs/RadioGroup/native/Radio/Radio.test.js +1 -1
- package/cjs/RadioGroup/native/RadioGroup.js +1 -1
- package/cjs/RadioGroup/native/RadioGroup.test.js +1 -1
- package/cjs/RadioGroup/web/Button/RadioButton.js +1 -1
- package/cjs/RadioGroup/web/Radio/Radio.js +1 -1
- package/cjs/RadioGroup/web/RadioGroup.js +1 -1
- package/cjs/Rating/native/Rating.test.js +1 -1
- package/cjs/Rating/web/Rating.js +1 -1
- package/cjs/Result/native/Result.test.js +1 -1
- package/cjs/Slider/native/Slider.test.js +1 -1
- package/cjs/Slider/web/Marker.js +1 -1
- package/cjs/Slider/web/Slider.js +1 -1
- package/cjs/Slider/web/Tooltip.js +1 -1
- package/cjs/Snackbar/native/Snackbar.test.js +1 -1
- package/cjs/Snackbar/web/Snackbar.js +1 -1
- package/cjs/Snackbar/web/Snackbar.test.js +6 -4
- package/cjs/Stepper/native/Stepper.test.js +1 -1
- package/cjs/Tag/native/Tag.test.js +1 -1
- package/cjs/Tag/web/Informative.js +1 -1
- package/cjs/Text/native/Text.test.js +1 -1
- package/cjs/TextArea/native/TextArea.test.js +1 -1
- package/cjs/TextArea/web/TextArea.js +1 -1
- package/cjs/Theme/Provider/Provider.js +1 -1
- package/cjs/Theme/helpers/themeReader/native/native.test.js +1 -1
- package/cjs/Theme/theme/theme.js +1 -1
- package/esm/AutoComplete/AutoComplete.theme.js +1 -1
- package/esm/AutoComplete/web/AutoComplete.js +1 -1
- package/esm/Avatar/native/Avatar.js +1 -1
- package/esm/Avatar/native/Avatar.test.js +10 -10
- package/esm/Avatar/native/AvatarCircle.js +1 -1
- package/esm/Avatar/web/Avatar.js +1 -1
- package/esm/Avatar/web/AvatarCircle.js +1 -1
- package/esm/Banner/native/Banner.js +1 -1
- package/esm/Banner/native/Banner.test.js +10 -10
- package/esm/Banner/web/Banner.js +1 -1
- package/esm/Box/native/Box.test.js +2 -2
- package/esm/Button/native/Button.js +1 -1
- package/esm/Button/native/Button.test.js +91 -91
- package/esm/Button/native/Icon.js +1 -1
- package/esm/Button/native/Link.js +1 -1
- package/esm/Button/native/Text.js +1 -1
- package/esm/Button/native/withTouchable.js +1 -1
- package/esm/Button/web/Button.js +1 -1
- package/esm/Button/web/Icon.js +1 -1
- package/esm/Card/Card.native.theme.js +9 -7
- package/esm/Card/Card.theme.js +1 -1
- package/esm/Card/Card.web.theme.js +8 -6
- package/esm/Card/native/Card/Card.js +1 -1
- package/esm/Card/native/Card/Card.test.js +2 -2
- package/esm/Card/native/EventCard/EventCard.js +1 -1
- package/esm/Card/native/EventCard/EventCard.test.js +11 -11
- package/esm/Card/native/GymCard/CheckIn/CheckIn.test.js +5 -5
- package/esm/Card/native/PlanCard/Actions.js +1 -1
- package/esm/Card/native/PlanCard/Content.js +16 -23
- package/esm/Card/native/PlanCard/PlanCard.js +1 -1
- package/esm/Card/native/PlanCard/PlanCard.test.js +6 -6
- package/esm/Card/web/Card/Card.js +1 -1
- package/esm/Card/web/PlanCard/Actions.js +1 -1
- package/esm/Card/web/PlanCard/Content.js +25 -30
- package/esm/Card/web/PlanCard/PlanCard.js +1 -1
- package/esm/Checkbox/native/Checkbox.js +1 -1
- package/esm/Checkbox/native/Checkbox.test.js +24 -24
- package/esm/Checkbox/native/Switch.test.js +9 -9
- package/esm/Checkbox/web/Checkbox.js +1 -1
- package/esm/Checkbox/web/Checkbox.test.js +1 -1
- package/esm/Checkbox/web/Switch.js +1 -1
- package/esm/Chips/native/Chips.js +1 -1
- package/esm/Chips/native/Chips.test.js +19 -10
- package/esm/Chips/web/Chips.js +1 -1
- package/esm/Dialog/web/Content.js +1 -1
- package/esm/Dialog/web/Dialog.js +1 -1
- package/esm/Dialog/web/Footer.js +1 -1
- package/esm/Dialog/web/Header.js +1 -1
- package/esm/Divider/native/Divider.test.js +4 -4
- package/esm/Dropdown/native/Backdrop.js +1 -1
- package/esm/Dropdown/native/Backdrop.test.js +4 -4
- package/esm/Dropdown/native/Dropdown.js +1 -1
- package/esm/Dropdown/native/Dropdown.test.js +11 -11
- package/esm/Dropdown/native/Options.ios.js +1 -1
- package/esm/Dropdown/web/Dropdown.js +1 -1
- package/esm/Dropdown/web/Dropdown.test.js +1 -1
- package/esm/Feedback/web/Feedback.js +1 -1
- package/esm/Heading/web/BackButton.js +1 -1
- package/esm/Heading/web/RightButton.js +2 -2
- package/esm/Heading/web/Title.js +1 -1
- package/esm/Icon/Icon.js +1 -1
- package/esm/Icon/native/Icon.test.js +6 -6
- package/esm/Input/native/Email.js +1 -1
- package/esm/Input/native/Email.test.js +2 -2
- package/esm/Input/native/Input.js +1 -1
- package/esm/Input/native/Input.test.js +23 -23
- package/esm/Input/native/Number.js +1 -1
- package/esm/Input/native/Number.test.js +2 -2
- package/esm/Input/native/Password.js +1 -1
- package/esm/Input/native/Password.test.js +14 -14
- package/esm/Input/native/Tel.js +1 -1
- package/esm/Input/native/Tel.test.js +2 -2
- package/esm/Input/web/Email.js +1 -1
- package/esm/Input/web/Input.js +1 -1
- package/esm/Input/web/Legend.js +1 -1
- package/esm/Input/web/Number.js +1 -1
- package/esm/Input/web/Password.js +1 -1
- package/esm/Input/web/Tel.js +1 -1
- package/esm/List/native/List.js +1 -1
- package/esm/List/native/List.test.js +8 -8
- package/esm/List/native/ListItem.js +1 -1
- package/esm/List/web/LinkItem.js +1 -1
- package/esm/List/web/List.js +1 -1
- package/esm/List/web/ListItem.js +1 -1
- package/esm/Progress/native/Progress.js +1 -1
- package/esm/Progress/native/Progress.test.js +18 -18
- package/esm/Progress/web/Progress.js +1 -1
- package/esm/RadioGroup/native/Button/RadioButton.js +1 -1
- package/esm/RadioGroup/native/Button/RadioButton.test.js +5 -3
- package/esm/RadioGroup/native/Radio/Radio.js +1 -1
- package/esm/RadioGroup/native/Radio/Radio.test.js +18 -8
- package/esm/RadioGroup/native/RadioGroup.js +1 -1
- package/esm/RadioGroup/native/RadioGroup.test.js +7 -5
- package/esm/RadioGroup/web/Button/RadioButton.js +1 -1
- package/esm/RadioGroup/web/Radio/Radio.js +1 -1
- package/esm/RadioGroup/web/RadioGroup.js +1 -1
- package/esm/Rating/native/Rating.js +1 -1
- package/esm/Rating/native/Rating.test.js +10 -10
- package/esm/Rating/web/Rating.js +1 -1
- package/esm/Result/native/Details.js +1 -1
- package/esm/Result/native/Result.test.js +6 -6
- package/esm/Result/native/Tags.js +1 -1
- package/esm/Result/native/TinyTextIcon.js +1 -1
- package/esm/Slider/native/Slider.js +1 -1
- package/esm/Slider/native/Slider.test.js +17 -10
- package/esm/Slider/web/Marker.js +1 -1
- package/esm/Slider/web/Slider.js +1 -1
- package/esm/Slider/web/Tooltip.js +1 -1
- package/esm/Snackbar/native/Snackbar.js +1 -1
- package/esm/Snackbar/native/Snackbar.test.js +13 -11
- package/esm/Snackbar/web/Snackbar.js +1 -1
- package/esm/Snackbar/web/Snackbar.test.js +6 -4
- package/esm/Stepper/native/Stepper.test.js +5 -3
- package/esm/Tag/native/Informative.js +1 -1
- package/esm/Tag/native/Tag.js +1 -1
- package/esm/Tag/native/Tag.test.js +14 -14
- package/esm/Tag/web/Informative.js +1 -1
- package/esm/Text/native/Text.test.js +30 -30
- package/esm/TextArea/native/TextArea.js +1 -1
- package/esm/TextArea/native/TextArea.test.js +2 -2
- package/esm/TextArea/web/TextArea.js +1 -1
- package/esm/Theme/Provider/Provider.js +1 -1
- package/esm/Theme/helpers/themeReader/native/native.test.js +5 -5
- package/esm/Theme/theme/theme.js +1 -1
- package/package.json +4 -4
|
@@ -2,7 +2,7 @@ var _excluded = ["ribbon", "children"];
|
|
|
2
2
|
|
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
4
4
|
|
|
5
|
-
function _extends() { _extends = Object.assign
|
|
5
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
6
|
|
|
7
7
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
8
|
|
|
@@ -7,9 +7,9 @@ describe('<Card />', function () {
|
|
|
7
7
|
describe('Snapshots', function () {
|
|
8
8
|
it('should match snapshot with default Card', function () {
|
|
9
9
|
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Card.Header, null, /*#__PURE__*/React.createElement(Text, null, "Hello World")), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Text, null, "It's fine here")), /*#__PURE__*/React.createElement(Card.Actions, null, /*#__PURE__*/React.createElement(Button, null, "Action's children must be Button"))))),
|
|
10
|
-
|
|
10
|
+
toJSON = _render.toJSON;
|
|
11
11
|
|
|
12
|
-
expect(
|
|
12
|
+
expect(toJSON()).toMatchSnapshot();
|
|
13
13
|
});
|
|
14
14
|
});
|
|
15
15
|
});
|
|
@@ -2,7 +2,7 @@ var _excluded = ["onPress", "small"];
|
|
|
2
2
|
|
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
|
4
4
|
|
|
5
|
-
function _extends() { _extends = Object.assign
|
|
5
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
6
|
|
|
7
7
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { render } from '@testing-library/react-native';
|
|
@@ -20,9 +20,9 @@ describe('<EventCard />', function () {
|
|
|
20
20
|
describe('Snapshots', function () {
|
|
21
21
|
it('should match snapshot with full EventCard', function () {
|
|
22
22
|
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(EventCard, defaultProps))),
|
|
23
|
-
|
|
23
|
+
toJSON = _render.toJSON;
|
|
24
24
|
|
|
25
|
-
expect(
|
|
25
|
+
expect(toJSON()).toMatchSnapshot();
|
|
26
26
|
});
|
|
27
27
|
it('should match snapshot of small EventCard with event indicator disabled', function () {
|
|
28
28
|
var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(EventCard, _extends({}, defaultProps, {
|
|
@@ -30,18 +30,18 @@ describe('<EventCard />', function () {
|
|
|
30
30
|
small: true,
|
|
31
31
|
onPress: function onPress() {}
|
|
32
32
|
})))),
|
|
33
|
-
|
|
33
|
+
toJSON = _render2.toJSON;
|
|
34
34
|
|
|
35
|
-
expect(
|
|
35
|
+
expect(toJSON()).toMatchSnapshot();
|
|
36
36
|
});
|
|
37
37
|
it('should match snapshot of small EventCard with event indicator enabled', function () {
|
|
38
38
|
var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(EventCard, _extends({}, defaultProps, {
|
|
39
39
|
small: true,
|
|
40
40
|
onPress: function onPress() {}
|
|
41
41
|
})))),
|
|
42
|
-
|
|
42
|
+
toJSON = _render3.toJSON;
|
|
43
43
|
|
|
44
|
-
expect(
|
|
44
|
+
expect(toJSON()).toMatchSnapshot();
|
|
45
45
|
});
|
|
46
46
|
it('should match snapshot of small EventCard active', function () {
|
|
47
47
|
var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(EventCard, _extends({}, defaultProps, {
|
|
@@ -49,17 +49,17 @@ describe('<EventCard />', function () {
|
|
|
49
49
|
active: true,
|
|
50
50
|
onPress: function onPress() {}
|
|
51
51
|
})))),
|
|
52
|
-
|
|
52
|
+
toJSON = _render4.toJSON;
|
|
53
53
|
|
|
54
|
-
expect(
|
|
54
|
+
expect(toJSON()).toMatchSnapshot();
|
|
55
55
|
});
|
|
56
56
|
it('should match snapshot of small EventCard with day of week and without indicator', function () {
|
|
57
57
|
var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(EventCard, _extends({}, defaultProps, {
|
|
58
58
|
small: true
|
|
59
59
|
})))),
|
|
60
|
-
|
|
60
|
+
toJSON = _render5.toJSON;
|
|
61
61
|
|
|
62
|
-
expect(
|
|
62
|
+
expect(toJSON()).toMatchSnapshot();
|
|
63
63
|
});
|
|
64
64
|
});
|
|
65
65
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { render
|
|
2
|
+
import { render } from '@testing-library/react-native';
|
|
3
3
|
import ThemeProvider from '../../../../Theme';
|
|
4
4
|
import GymCard from '..';
|
|
5
5
|
describe('<GymCard.CheckIn />', function () {
|
|
@@ -17,9 +17,9 @@ describe('<GymCard.CheckIn />', function () {
|
|
|
17
17
|
rating: data.rating,
|
|
18
18
|
address: data.address
|
|
19
19
|
}))),
|
|
20
|
-
|
|
20
|
+
toJSON = _render.toJSON;
|
|
21
21
|
|
|
22
|
-
expect(toJSON(
|
|
22
|
+
expect(toJSON()).toMatchSnapshot();
|
|
23
23
|
});
|
|
24
24
|
it('should match snapshot with avatar', function () {
|
|
25
25
|
var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(GymCard.CheckIn, {
|
|
@@ -31,9 +31,9 @@ describe('<GymCard.CheckIn />', function () {
|
|
|
31
31
|
rating: data.rating,
|
|
32
32
|
address: data.address
|
|
33
33
|
}))),
|
|
34
|
-
|
|
34
|
+
toJSON = _render2.toJSON;
|
|
35
35
|
|
|
36
|
-
expect(toJSON(
|
|
36
|
+
expect(toJSON()).toMatchSnapshot();
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
39
|
});
|
|
@@ -10,7 +10,7 @@ var _theme$components = theme.components,
|
|
|
10
10
|
cardnative = _theme$components.cardnative,
|
|
11
11
|
card = _theme$components.card;
|
|
12
12
|
var PlanCardButton = styled(Button).attrs({
|
|
13
|
-
small:
|
|
13
|
+
small: false,
|
|
14
14
|
full: true
|
|
15
15
|
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
|
|
16
16
|
var PlanCardButtonText = styled(Button.Text).attrs({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
|
|
2
2
|
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
4
4
|
|
|
5
5
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
6
|
|
|
@@ -13,13 +13,14 @@ import Content from '../Card/Content';
|
|
|
13
13
|
import Text from '../../../Text';
|
|
14
14
|
import theme from '../../../Theme/helpers/themeReader';
|
|
15
15
|
import Subtitle from './Subtitle';
|
|
16
|
-
|
|
16
|
+
import Divider from '../../../Divider';
|
|
17
|
+
var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
|
|
17
18
|
var _theme = theme(props),
|
|
18
19
|
_theme$components = _theme.components,
|
|
19
20
|
cardnative = _theme$components.cardnative,
|
|
20
21
|
card = _theme$components.card;
|
|
21
22
|
|
|
22
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n "])), card.plan.title.color, cardnative.plan.title.margin.top, cardnative.plan.title.margin.bottom);
|
|
23
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n line-height: ", "px;\n "])), card.plan.title.color, cardnative.plan.title.margin.top, cardnative.plan.title.margin.bottom, cardnative.plan.title.lineHeight);
|
|
23
24
|
});
|
|
24
25
|
var Description = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: 40px;\n\n color: ", ";\n"])), theme.components.card.plan.description.color);
|
|
25
26
|
var Price = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n flex-direction: row;\n\n ", "\n"])), function (props) {
|
|
@@ -28,30 +29,22 @@ var Price = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateL
|
|
|
28
29
|
|
|
29
30
|
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n "])), plan.price.margin.bottom);
|
|
30
31
|
});
|
|
31
|
-
var EnhancePrice = styled.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n
|
|
32
|
-
var align = _ref.align;
|
|
33
|
-
return "\n align-self: " + align + ";\n ";
|
|
34
|
-
});
|
|
35
|
-
var Currency = styled(EnhancePrice)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n margin-right: ", "px;\n"])), theme.components.card.plan.price.currency.margin.right);
|
|
32
|
+
var EnhancePrice = styled.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n align-self: center;\n"])));
|
|
36
33
|
|
|
37
|
-
var PlanCardContent = function PlanCardContent(
|
|
38
|
-
var title =
|
|
39
|
-
subtitle =
|
|
40
|
-
description =
|
|
41
|
-
currency =
|
|
42
|
-
suffix =
|
|
43
|
-
price =
|
|
44
|
-
period =
|
|
45
|
-
children =
|
|
46
|
-
rest = _objectWithoutPropertiesLoose(
|
|
34
|
+
var PlanCardContent = function PlanCardContent(_ref) {
|
|
35
|
+
var title = _ref.title,
|
|
36
|
+
subtitle = _ref.subtitle,
|
|
37
|
+
description = _ref.description,
|
|
38
|
+
currency = _ref.currency,
|
|
39
|
+
suffix = _ref.suffix,
|
|
40
|
+
price = _ref.price,
|
|
41
|
+
period = _ref.period,
|
|
42
|
+
children = _ref.children,
|
|
43
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
47
44
|
|
|
48
45
|
return /*#__PURE__*/React.createElement(Content, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, {
|
|
49
46
|
numberOfLines: 2
|
|
50
|
-
}, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(
|
|
51
|
-
align: "flex-start"
|
|
52
|
-
}, /*#__PURE__*/React.createElement(Text.Small, null, currency)), price && /*#__PURE__*/React.createElement(Text.H4, null, price), period && /*#__PURE__*/React.createElement(EnhancePrice, {
|
|
53
|
-
align: "flex-end"
|
|
54
|
-
}, /*#__PURE__*/React.createElement(Text.Small, null, "" + (suffix || '') + period))), children);
|
|
47
|
+
}, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, null, currency), price && /*#__PURE__*/React.createElement(Text.H4, null, price), suffix && /*#__PURE__*/React.createElement(Text.H4, null, suffix), period && /*#__PURE__*/React.createElement(EnhancePrice, null, /*#__PURE__*/React.createElement(Text.Medium, null, "" + period))), /*#__PURE__*/React.createElement(Divider, null), children);
|
|
55
48
|
};
|
|
56
49
|
|
|
57
50
|
PlanCardContent.propTypes = {
|
|
@@ -12,7 +12,7 @@ import { node, oneOf } from 'prop-types';
|
|
|
12
12
|
import theme from '../../../Theme/helpers/themeReader';
|
|
13
13
|
import Card from '../Card';
|
|
14
14
|
export var PLAN_LINE_HEIGHT = 8;
|
|
15
|
-
var Plan = styled(Card)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n max-width:
|
|
15
|
+
var Plan = styled(Card)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n max-width: 312px;\n width: 100%;\n position: relative;\n\n ", "\n"])), function (props) {
|
|
16
16
|
var _theme = theme(props),
|
|
17
17
|
colors = _theme.colors,
|
|
18
18
|
plan = _theme.components.card.plan;
|
|
@@ -47,9 +47,9 @@ describe('<PlanCard />', function () {
|
|
|
47
47
|
describe('Snapshots', function () {
|
|
48
48
|
it('should match snapshot with default PlanCard', function () {
|
|
49
49
|
var _renderPlan2 = renderPlan(),
|
|
50
|
-
|
|
50
|
+
toJSON = _renderPlan2.toJSON;
|
|
51
51
|
|
|
52
|
-
expect(
|
|
52
|
+
expect(toJSON()).toMatchSnapshot();
|
|
53
53
|
});
|
|
54
54
|
it('should match snapshot with variant', function () {
|
|
55
55
|
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, {
|
|
@@ -61,9 +61,9 @@ describe('<PlanCard />', function () {
|
|
|
61
61
|
price: "99.90",
|
|
62
62
|
period: "/month"
|
|
63
63
|
})))),
|
|
64
|
-
|
|
64
|
+
toJSON = _render.toJSON;
|
|
65
65
|
|
|
66
|
-
expect(
|
|
66
|
+
expect(toJSON()).toMatchSnapshot();
|
|
67
67
|
});
|
|
68
68
|
it('should match snapshot with suffix', function () {
|
|
69
69
|
var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(PlanCard, {
|
|
@@ -76,9 +76,9 @@ describe('<PlanCard />', function () {
|
|
|
76
76
|
price: "99.90",
|
|
77
77
|
period: "/month"
|
|
78
78
|
})))),
|
|
79
|
-
|
|
79
|
+
toJSON = _render2.toJSON;
|
|
80
80
|
|
|
81
|
-
expect(
|
|
81
|
+
expect(toJSON()).toMatchSnapshot();
|
|
82
82
|
});
|
|
83
83
|
});
|
|
84
84
|
});
|
|
@@ -2,7 +2,7 @@ var _excluded = ["ribbon", "children"];
|
|
|
2
2
|
|
|
3
3
|
var _templateObject, _templateObject2;
|
|
4
4
|
|
|
5
|
-
function _extends() { _extends = Object.assign
|
|
5
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
6
|
|
|
7
7
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ var _theme$components = theme.components,
|
|
|
10
10
|
card = _theme$components.card,
|
|
11
11
|
cardweb = _theme$components.cardweb;
|
|
12
12
|
var PlanCardButton = styled(Button).attrs({
|
|
13
|
-
small:
|
|
13
|
+
small: false,
|
|
14
14
|
full: true
|
|
15
15
|
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
|
|
16
16
|
var PlanCardButtonText = styled(Button.Text).attrs({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
|
|
2
2
|
|
|
3
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6
|
|
3
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
4
4
|
|
|
5
5
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
6
|
|
|
@@ -13,49 +13,44 @@ import theme from '../../../Theme/helpers/themeReader';
|
|
|
13
13
|
import Text from '../../../Text';
|
|
14
14
|
import Content from '../Card/Content';
|
|
15
15
|
import Subtitle from './Subtitle';
|
|
16
|
-
|
|
16
|
+
import Divider from '../../../Divider';
|
|
17
|
+
var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (props) {
|
|
17
18
|
var _theme = theme(props),
|
|
18
19
|
_theme$components = _theme.components,
|
|
19
20
|
card = _theme$components.card,
|
|
20
21
|
cardweb = _theme$components.cardweb;
|
|
21
22
|
|
|
22
|
-
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-bottom: ", "px;\n "])), card.plan.title.color, cardweb.plan.title.margin.bottom);
|
|
23
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin-bottom: ", "px;\n line-height: ", "px;\n "])), card.plan.title.color, cardweb.plan.title.margin.bottom, cardweb.plan.title.lineHeight);
|
|
23
24
|
});
|
|
24
25
|
var Description = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n height: 40px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n\n color: ", ";\n\n overflow: hidden;\n text-overflow: ellipsis;\n text-overflow: -o-ellipsis-lastline;\n"])), theme.components.card.plan.description.color);
|
|
25
26
|
var Price = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n display: flex;\n\n ", "\n"])), function (props) {
|
|
26
27
|
var _theme2 = theme(props),
|
|
27
|
-
|
|
28
|
-
card = _theme2$components.card,
|
|
29
|
-
cardweb = _theme2$components.cardweb;
|
|
28
|
+
cardweb = _theme2.components.cardweb;
|
|
30
29
|
|
|
31
|
-
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-
|
|
30
|
+
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n "])), cardweb.plan.price.margin.bottom);
|
|
32
31
|
});
|
|
33
|
-
var EnhancePrice = styled(Text.
|
|
34
|
-
var align = _ref.align;
|
|
35
|
-
return "\n align-self: " + align + ";\n ";
|
|
36
|
-
});
|
|
37
|
-
var Currency = styled(EnhancePrice)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n margin-right: ", "px;\n"])), theme.components.card.plan.price.currency.margin.right);
|
|
32
|
+
var EnhancePrice = styled(Text.Medium)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n align-self: center;\n"])));
|
|
38
33
|
|
|
39
|
-
var PlanCardContent = function PlanCardContent(
|
|
40
|
-
var title =
|
|
41
|
-
subtitle =
|
|
42
|
-
description =
|
|
43
|
-
currency =
|
|
44
|
-
suffix =
|
|
45
|
-
price =
|
|
46
|
-
period =
|
|
47
|
-
children =
|
|
48
|
-
rest = _objectWithoutPropertiesLoose(
|
|
34
|
+
var PlanCardContent = function PlanCardContent(_ref) {
|
|
35
|
+
var title = _ref.title,
|
|
36
|
+
subtitle = _ref.subtitle,
|
|
37
|
+
description = _ref.description,
|
|
38
|
+
currency = _ref.currency,
|
|
39
|
+
suffix = _ref.suffix,
|
|
40
|
+
price = _ref.price,
|
|
41
|
+
period = _ref.period,
|
|
42
|
+
children = _ref.children,
|
|
43
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
49
44
|
|
|
50
|
-
return /*#__PURE__*/React.createElement(Content, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(
|
|
51
|
-
as: "sup"
|
|
52
|
-
|
|
53
|
-
}, currency), price && /*#__PURE__*/React.createElement(Text.H1, {
|
|
45
|
+
return /*#__PURE__*/React.createElement(Content, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, {
|
|
46
|
+
as: "sup"
|
|
47
|
+
}, currency), price && /*#__PURE__*/React.createElement(Text.H4, {
|
|
54
48
|
as: "strong"
|
|
55
|
-
}, price),
|
|
56
|
-
as: "
|
|
57
|
-
|
|
58
|
-
|
|
49
|
+
}, price), suffix && /*#__PURE__*/React.createElement(Text.H4, {
|
|
50
|
+
as: "sup"
|
|
51
|
+
}, suffix), period && /*#__PURE__*/React.createElement(EnhancePrice, {
|
|
52
|
+
as: "sub"
|
|
53
|
+
}, period)), /*#__PURE__*/React.createElement(Divider, null), children);
|
|
59
54
|
};
|
|
60
55
|
|
|
61
56
|
PlanCardContent.propTypes = {
|
|
@@ -11,7 +11,7 @@ import styled, { css } from 'styled-components';
|
|
|
11
11
|
import { node, oneOf } from 'prop-types';
|
|
12
12
|
import theme from '../../../Theme/helpers/themeReader';
|
|
13
13
|
export var PLAN_LINE_HEIGHT = 8;
|
|
14
|
-
var Plan = styled.article(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: inline-block;\n position: relative;\n max-width:
|
|
14
|
+
var Plan = styled.article(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: inline-block;\n position: relative;\n max-width: 312px;\n\n overflow: hidden;\n\n ", "\n"])), function (props) {
|
|
15
15
|
var _theme = theme(props),
|
|
16
16
|
colors = _theme.colors,
|
|
17
17
|
_theme$components$car = _theme.components.card,
|
|
@@ -2,7 +2,7 @@ var _excluded = ["label", "helper", "disabled", "checked", "error", "style", "on
|
|
|
2
2
|
|
|
3
3
|
var _templateObject;
|
|
4
4
|
|
|
5
|
-
function _extends() { _extends = Object.assign
|
|
5
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
6
|
|
|
7
7
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
8
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import { render, fireEvent
|
|
4
|
+
import { render, fireEvent } from '@testing-library/react-native';
|
|
5
5
|
import Checkbox from '..';
|
|
6
6
|
import ThemeProvider from '../../Theme';
|
|
7
7
|
var data = {
|
|
@@ -12,80 +12,80 @@ describe('<Checkbox />', function () {
|
|
|
12
12
|
describe('Snapshots', function () {
|
|
13
13
|
it('should match snapshot without label', function () {
|
|
14
14
|
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, null))),
|
|
15
|
-
|
|
15
|
+
toJSON = _render.toJSON;
|
|
16
16
|
|
|
17
|
-
expect(toJSON(
|
|
17
|
+
expect(toJSON()).toMatchSnapshot();
|
|
18
18
|
});
|
|
19
19
|
it('should match snapshot without label', function () {
|
|
20
20
|
var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, null))),
|
|
21
|
-
|
|
21
|
+
toJSON = _render2.toJSON;
|
|
22
22
|
|
|
23
|
-
expect(toJSON(
|
|
23
|
+
expect(toJSON()).toMatchSnapshot();
|
|
24
24
|
});
|
|
25
25
|
it('should match snapshot with default checkbox', function () {
|
|
26
26
|
var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, data))),
|
|
27
|
-
|
|
27
|
+
toJSON = _render3.toJSON;
|
|
28
28
|
|
|
29
|
-
expect(toJSON(
|
|
29
|
+
expect(toJSON()).toMatchSnapshot();
|
|
30
30
|
});
|
|
31
31
|
it('should match snapshot with disabled checkbox', function () {
|
|
32
32
|
var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, data, {
|
|
33
33
|
disabled: true
|
|
34
34
|
})))),
|
|
35
|
-
|
|
35
|
+
toJSON = _render4.toJSON;
|
|
36
36
|
|
|
37
|
-
expect(toJSON(
|
|
37
|
+
expect(toJSON()).toMatchSnapshot();
|
|
38
38
|
});
|
|
39
39
|
it('should match snapshot with checked checkbox', function () {
|
|
40
40
|
var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, data, {
|
|
41
41
|
checked: true
|
|
42
42
|
})))),
|
|
43
|
-
|
|
43
|
+
toJSON = _render5.toJSON;
|
|
44
44
|
|
|
45
|
-
expect(toJSON(
|
|
45
|
+
expect(toJSON()).toMatchSnapshot();
|
|
46
46
|
});
|
|
47
47
|
it('should match snapshot with disabled and checked checkbox', function () {
|
|
48
48
|
var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, data, {
|
|
49
49
|
disabled: true,
|
|
50
50
|
checked: true
|
|
51
51
|
})))),
|
|
52
|
-
|
|
52
|
+
toJSON = _render6.toJSON;
|
|
53
53
|
|
|
54
|
-
expect(toJSON(
|
|
54
|
+
expect(toJSON()).toMatchSnapshot();
|
|
55
55
|
});
|
|
56
56
|
it('should match snapshot with error checkbox', function () {
|
|
57
57
|
var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, data, {
|
|
58
58
|
error: "Error text"
|
|
59
59
|
})))),
|
|
60
|
-
|
|
60
|
+
toJSON = _render7.toJSON;
|
|
61
61
|
|
|
62
|
-
expect(toJSON(
|
|
62
|
+
expect(toJSON()).toMatchSnapshot();
|
|
63
63
|
});
|
|
64
64
|
it('should match snapshot with error and checked checkbox', function () {
|
|
65
65
|
var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, data, {
|
|
66
66
|
error: "Error text",
|
|
67
67
|
checked: true
|
|
68
68
|
})))),
|
|
69
|
-
|
|
69
|
+
toJSON = _render8.toJSON;
|
|
70
70
|
|
|
71
|
-
expect(toJSON(
|
|
71
|
+
expect(toJSON()).toMatchSnapshot();
|
|
72
72
|
});
|
|
73
73
|
it('should match snapshot with inverted', function () {
|
|
74
74
|
var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, data, {
|
|
75
75
|
inverted: true
|
|
76
76
|
})))),
|
|
77
|
-
|
|
77
|
+
toJSON = _render9.toJSON;
|
|
78
78
|
|
|
79
|
-
expect(toJSON(
|
|
79
|
+
expect(toJSON()).toMatchSnapshot();
|
|
80
80
|
});
|
|
81
81
|
it('should match snapshot with inverted and checked', function () {
|
|
82
82
|
var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, data, {
|
|
83
83
|
inverted: true,
|
|
84
84
|
checked: true
|
|
85
85
|
})))),
|
|
86
|
-
|
|
86
|
+
toJSON = _render10.toJSON;
|
|
87
87
|
|
|
88
|
-
expect(toJSON(
|
|
88
|
+
expect(toJSON()).toMatchSnapshot();
|
|
89
89
|
});
|
|
90
90
|
it('should match snapshot with inverted and checked and disabled', function () {
|
|
91
91
|
var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, data, {
|
|
@@ -93,9 +93,9 @@ describe('<Checkbox />', function () {
|
|
|
93
93
|
checked: true,
|
|
94
94
|
disabled: true
|
|
95
95
|
})))),
|
|
96
|
-
|
|
96
|
+
toJSON = _render11.toJSON;
|
|
97
97
|
|
|
98
|
-
expect(toJSON(
|
|
98
|
+
expect(toJSON()).toMatchSnapshot();
|
|
99
99
|
});
|
|
100
100
|
});
|
|
101
101
|
describe('Events', function () {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { render, fireEvent
|
|
2
|
+
import { render, fireEvent } from '@testing-library/react-native';
|
|
3
3
|
import Checkbox from '..';
|
|
4
4
|
import ThemeProvider from '../../Theme';
|
|
5
5
|
jest.useFakeTimers();
|
|
@@ -8,34 +8,34 @@ describe('<Checkbox />', function () {
|
|
|
8
8
|
describe('Snapshots', function () {
|
|
9
9
|
it('should match snapshot with default switch', function () {
|
|
10
10
|
var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox.Switch, null))),
|
|
11
|
-
|
|
11
|
+
toJSON = _render.toJSON;
|
|
12
12
|
|
|
13
|
-
expect(toJSON(
|
|
13
|
+
expect(toJSON()).toMatchSnapshot();
|
|
14
14
|
});
|
|
15
15
|
it('should match snapshot with disabled switch', function () {
|
|
16
16
|
var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox.Switch, {
|
|
17
17
|
disabled: true
|
|
18
18
|
}))),
|
|
19
|
-
|
|
19
|
+
toJSON = _render2.toJSON;
|
|
20
20
|
|
|
21
|
-
expect(toJSON(
|
|
21
|
+
expect(toJSON()).toMatchSnapshot();
|
|
22
22
|
});
|
|
23
23
|
it('should match snapshot with checked switch', function () {
|
|
24
24
|
var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox.Switch, {
|
|
25
25
|
checked: true
|
|
26
26
|
}))),
|
|
27
|
-
|
|
27
|
+
toJSON = _render3.toJSON;
|
|
28
28
|
|
|
29
|
-
expect(toJSON(
|
|
29
|
+
expect(toJSON()).toMatchSnapshot();
|
|
30
30
|
});
|
|
31
31
|
it('should match snapshot with disabled and checked switch', function () {
|
|
32
32
|
var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Checkbox.Switch, {
|
|
33
33
|
disabled: true,
|
|
34
34
|
checked: true
|
|
35
35
|
}))),
|
|
36
|
-
|
|
36
|
+
toJSON = _render4.toJSON;
|
|
37
37
|
|
|
38
|
-
expect(toJSON(
|
|
38
|
+
expect(toJSON()).toMatchSnapshot();
|
|
39
39
|
});
|
|
40
40
|
it('should call onChange function when click on Checkbox.Switch', function () {
|
|
41
41
|
var onChangeMock = jest.fn();
|
|
@@ -2,7 +2,7 @@ var _excluded = ["value", "label", "helper", "disabled", "checked", "error", "st
|
|
|
2
2
|
|
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
4
4
|
|
|
5
|
-
function _extends() { _extends = Object.assign
|
|
5
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
6
|
|
|
7
7
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
|
|
3
3
|
/* eslint-disable no-console */
|
|
4
4
|
import React from 'react';
|
|
@@ -2,7 +2,7 @@ var _excluded = ["checked", "disabled", "onChange"];
|
|
|
2
2
|
|
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
4
4
|
|
|
5
|
-
function _extends() { _extends = Object.assign
|
|
5
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
6
|
|
|
7
7
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@ var _excluded = ["children", "selected", "counter", "icons", "disabled", "onTogg
|
|
|
2
2
|
|
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
4
4
|
|
|
5
|
-
function _extends() { _extends = Object.assign
|
|
5
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
6
|
|
|
7
7
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
8
8
|
|