@stokr/components-library 1.1.3 → 1.1.4
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.
|
@@ -20,7 +20,7 @@ var AgreementItem = function AgreementItem(_ref) {
|
|
|
20
20
|
text = _ref.text,
|
|
21
21
|
checkbox = _ref.checkbox,
|
|
22
22
|
info = _ref.info;
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_AgreementItem.Container, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, title && /*#__PURE__*/_react.default.createElement("h3", null, title), /*#__PURE__*/_react.default.createElement("p", null, text)), checkbox && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_AgreementItem.Container, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, title && /*#__PURE__*/_react.default.createElement("h3", null, title), text && /*#__PURE__*/_react.default.createElement("p", null, text)), checkbox && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
|
|
24
24
|
noPaddingHorizontal: true,
|
|
25
25
|
noPaddingBottom: true
|
|
26
26
|
}, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
|
|
@@ -33,7 +33,8 @@ var AgreementItem = function AgreementItem(_ref) {
|
|
|
33
33
|
value: checkbox.value,
|
|
34
34
|
checked: checkbox.checked,
|
|
35
35
|
onChange: checkbox.onChange,
|
|
36
|
-
onBlur: checkbox.onBlur
|
|
36
|
+
onBlur: checkbox.onBlur,
|
|
37
|
+
onClick: checkbox.onClick
|
|
37
38
|
})));
|
|
38
39
|
};
|
|
39
40
|
exports.AgreementItem = AgreementItem;
|
|
@@ -8,52 +8,36 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _Checkbox = require("./Checkbox.styles");
|
|
11
|
-
var _excluded = ["id", "name", "text", "label", "value", "checked", "large", "error", "touched", "onChange", "onBlur", "onFocus", "textStyle", "
|
|
11
|
+
var _excluded = ["id", "name", "text", "label", "value", "checked", "large", "error", "touched", "onChange", "onBlur", "onFocus", "textStyle", "disabled", "onTermsClicked", "onClick"];
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
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); }
|
|
14
14
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
15
|
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; }
|
|
16
|
-
var TermsStyled = _styledComponents.default.span.withConfig({
|
|
17
|
-
displayName: "Checkbox__TermsStyled",
|
|
18
|
-
componentId: "sc-knu01c-0"
|
|
19
|
-
})(["cursor:pointer;font-size:12px;text-decoration:underline;&:hover{opacity:0.7;}"]);
|
|
20
16
|
var CheckBoxCaption = _styledComponents.default.div.withConfig({
|
|
21
17
|
displayName: "Checkbox__CheckBoxCaption",
|
|
22
|
-
componentId: "sc-knu01c-
|
|
18
|
+
componentId: "sc-knu01c-0"
|
|
23
19
|
})(["padding-top:12px;letter-spacing:0.4px;font-size:11px;font-weight:400;"]);
|
|
24
|
-
exports.CheckBoxCaption = CheckBoxCaption;
|
|
25
|
-
var Terms = function Terms(_ref) {
|
|
26
|
-
var onTermsClicked = _ref.onTermsClicked;
|
|
27
|
-
return /*#__PURE__*/_react.default.createElement(TermsStyled, {
|
|
28
|
-
onClick: function onClick(e) {
|
|
29
|
-
e.stopPropagation();
|
|
30
|
-
e.preventDefault();
|
|
31
|
-
onTermsClicked();
|
|
32
|
-
}
|
|
33
|
-
}, "Terms of Use");
|
|
34
|
-
};
|
|
35
20
|
|
|
36
21
|
// TODO: Refactor
|
|
37
|
-
|
|
38
|
-
var Checkbox = function Checkbox(
|
|
39
|
-
var id =
|
|
40
|
-
name =
|
|
41
|
-
text =
|
|
42
|
-
label =
|
|
43
|
-
value =
|
|
44
|
-
checked =
|
|
45
|
-
large =
|
|
46
|
-
error =
|
|
47
|
-
touched =
|
|
48
|
-
onChange =
|
|
49
|
-
onBlur =
|
|
50
|
-
onFocus =
|
|
51
|
-
textStyle =
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
props = _objectWithoutProperties(_ref2, _excluded);
|
|
22
|
+
exports.CheckBoxCaption = CheckBoxCaption;
|
|
23
|
+
var Checkbox = function Checkbox(_ref) {
|
|
24
|
+
var id = _ref.id,
|
|
25
|
+
name = _ref.name,
|
|
26
|
+
text = _ref.text,
|
|
27
|
+
label = _ref.label,
|
|
28
|
+
value = _ref.value,
|
|
29
|
+
checked = _ref.checked,
|
|
30
|
+
large = _ref.large,
|
|
31
|
+
error = _ref.error,
|
|
32
|
+
touched = _ref.touched,
|
|
33
|
+
onChange = _ref.onChange,
|
|
34
|
+
onBlur = _ref.onBlur,
|
|
35
|
+
onFocus = _ref.onFocus,
|
|
36
|
+
textStyle = _ref.textStyle,
|
|
37
|
+
disabled = _ref.disabled,
|
|
38
|
+
onTermsClicked = _ref.onTermsClicked,
|
|
39
|
+
onClick = _ref.onClick,
|
|
40
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
57
41
|
return /*#__PURE__*/_react.default.createElement(_Checkbox.Wrapper, null, label && /*#__PURE__*/_react.default.createElement(_Checkbox.Label, {
|
|
58
42
|
error: error && touched,
|
|
59
43
|
htmlFor: id
|
|
@@ -75,10 +59,7 @@ var Checkbox = function Checkbox(_ref2) {
|
|
|
75
59
|
}, props)), /*#__PURE__*/_react.default.createElement("label", {
|
|
76
60
|
htmlFor: id,
|
|
77
61
|
style: textStyle
|
|
78
|
-
}, text
|
|
79
|
-
onTermsClicked: onTermsClicked,
|
|
80
|
-
onclick: "event.stopPropagation();"
|
|
81
|
-
}))));
|
|
62
|
+
}, text)));
|
|
82
63
|
};
|
|
83
64
|
exports.Checkbox = Checkbox;
|
|
84
65
|
var CheckboxPropTypes = {
|
|
@@ -94,6 +75,7 @@ var CheckboxPropTypes = {
|
|
|
94
75
|
onChange: _propTypes.default.func,
|
|
95
76
|
onBlur: _propTypes.default.func,
|
|
96
77
|
onFocus: _propTypes.default.func,
|
|
78
|
+
onClick: _propTypes.default.func,
|
|
97
79
|
textStyle: _propTypes.default.object
|
|
98
80
|
};
|
|
99
81
|
exports.CheckboxPropTypes = CheckboxPropTypes;
|
|
@@ -110,6 +92,7 @@ Checkbox.defaultProps = {
|
|
|
110
92
|
onChange: function onChange() {},
|
|
111
93
|
onBlur: function onBlur() {},
|
|
112
94
|
onFocus: function onFocus() {},
|
|
95
|
+
onClick: function onClick() {},
|
|
113
96
|
textStyle: {}
|
|
114
97
|
};
|
|
115
98
|
var _default = Checkbox;
|