@semcore/radio 4.2.2 → 4.2.3
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/lib/cjs/Radio.js +22 -18
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/index.js +5 -1
- package/lib/es6/Radio.js +15 -15
- package/lib/es6/Radio.js.map +1 -1
- package/package.json +2 -2
package/lib/cjs/Radio.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
+
exports["default"] = exports.RadioGroup = void 0;
|
|
10
11
|
Object.defineProperty(exports, "inputProps", {
|
|
11
12
|
enumerable: true,
|
|
12
13
|
get: function get() {
|
|
13
14
|
return _inputProps.inputProps;
|
|
14
15
|
}
|
|
15
16
|
});
|
|
16
|
-
exports["default"] = exports.RadioGroup = void 0;
|
|
17
17
|
|
|
18
18
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
19
19
|
|
|
@@ -47,9 +47,13 @@ var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
|
|
|
47
47
|
|
|
48
48
|
var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
|
|
49
49
|
|
|
50
|
-
function
|
|
50
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
51
|
+
|
|
52
|
+
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; }
|
|
53
|
+
|
|
54
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
51
55
|
|
|
52
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
56
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
53
57
|
|
|
54
58
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
55
59
|
|
|
@@ -60,23 +64,23 @@ var style = (
|
|
|
60
64
|
/*__reshadow_css_start__*/
|
|
61
65
|
_core.sstyled.insert(
|
|
62
66
|
/*__inner_css_start__*/
|
|
63
|
-
".
|
|
67
|
+
".___SRadio_1nezo_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1nezo_gg_.__disabled_1nezo_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.___SText_1nezo_gg_{margin-left:8px}.___SValue_1nezo_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:none;z-index:0}.___SValue_1nezo_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1nezo_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;background:#fff}.___SValue_1nezo_gg_._size_xl_1nezo_gg_{margin-top:2px;width:20px;height:20px}.___SValue_1nezo_gg_._size_l_1nezo_gg_{margin-top:1px;width:16px;height:16px}.___SValue_1nezo_gg_._size_m_1nezo_gg_{margin-top:2px;width:12px;height:12px}.___SValue_1nezo_gg_._state_normal_1nezo_gg_:before{border-color:#a6b0b3}.___SValue_1nezo_gg_._state_invalid_1nezo_gg_:before{border-color:#ff7f00}.___SControl_1nezo_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_:before{border-color:#2b94e1;background-color:#2b94e1}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_._size_xl_1nezo_gg_:after{width:8px;height:8px}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_._size_l_1nezo_gg_:after{width:6px;height:6px}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_._size_m_1nezo_gg_:after{width:4px;height:4px}.___SValue_1nezo_gg_._state_normal_1nezo_gg_.__keyboardFocused_1nezo_gg_:before{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);border-color:#2b94e1}.___SValue_1nezo_gg_._state_invalid_1nezo_gg_.__keyboardFocused_1nezo_gg_:before{box-shadow:0 0 0 3px rgba(255,127,0,.3)}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_.__theme_1nezo_gg_:before{border-color:var(--theme_ahqhbl);background-color:var(--theme_ahqhbl)}.___SValue_1nezo_gg_._state_normal_1nezo_gg_.__theme_1nezo_gg_:before{border-color:var(--theme_ahqhbl)}"
|
|
64
68
|
/*__inner_css_end__*/
|
|
65
69
|
, "ahqhbl_gg_")
|
|
66
70
|
/*__reshadow_css_end__*/
|
|
67
71
|
, {
|
|
68
|
-
"__SRadio": "
|
|
69
|
-
"_disabled": "
|
|
70
|
-
"__SText": "
|
|
71
|
-
"__SValue": "
|
|
72
|
-
"_size_xl": "
|
|
73
|
-
"_size_l": "
|
|
74
|
-
"_size_m": "
|
|
75
|
-
"_state_normal": "
|
|
76
|
-
"_state_invalid": "
|
|
77
|
-
"__SControl": "
|
|
78
|
-
"_keyboardFocused": "
|
|
79
|
-
"_theme": "
|
|
72
|
+
"__SRadio": "___SRadio_1nezo_gg_",
|
|
73
|
+
"_disabled": "__disabled_1nezo_gg_",
|
|
74
|
+
"__SText": "___SText_1nezo_gg_",
|
|
75
|
+
"__SValue": "___SValue_1nezo_gg_",
|
|
76
|
+
"_size_xl": "_size_xl_1nezo_gg_",
|
|
77
|
+
"_size_l": "_size_l_1nezo_gg_",
|
|
78
|
+
"_size_m": "_size_m_1nezo_gg_",
|
|
79
|
+
"_state_normal": "_state_normal_1nezo_gg_",
|
|
80
|
+
"_state_invalid": "_state_invalid_1nezo_gg_",
|
|
81
|
+
"__SControl": "___SControl_1nezo_gg_",
|
|
82
|
+
"_keyboardFocused": "__keyboardFocused_1nezo_gg_",
|
|
83
|
+
"_theme": "__theme_1nezo_gg_",
|
|
80
84
|
"--theme": "--theme_ahqhbl"
|
|
81
85
|
});
|
|
82
86
|
var SIZE_TEXT_MAP = {
|
package/lib/cjs/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Radio.js"],"names":["SIZE_TEXT_MAP","xl","l","m","RadioGroupRoot","value","asProps","theme","size","name","onChange","Children","Component","state","defaultValue","RadioGroup","Radio","checked","e","context","props","other","undefined","bindHandlerChange","SRadio","Box","styles","style","CONTEXT_COMPONENT","Value","target","SValue","SControl","forwardRef","includeInputProps","controlProps","boxProps","color","inputProps","defaultChecked","Text","SText","TypographyText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"sources":["../../src/Radio.js"],"names":["SIZE_TEXT_MAP","xl","l","m","RadioGroupRoot","value","asProps","theme","size","name","onChange","Children","Component","state","defaultValue","RadioGroup","Radio","checked","e","context","props","other","undefined","bindHandlerChange","SRadio","Box","styles","style","CONTEXT_COMPONENT","Value","target","SValue","SControl","forwardRef","includeInputProps","controlProps","boxProps","color","inputProps","defaultChecked","Text","SText","TypographyText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nconst SIZE_TEXT_MAP = {\n xl: 300,\n l: 200,\n m: 100,\n};\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const { state = 'normal', size = 'm', theme, name } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: SIZE_TEXT_MAP[size],\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag=\"label\">\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, state, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n let color = '';\n\n if (theme && state !== 'invalid') {\n color = resolveColor(theme);\n }\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={color} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={TypographyText} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"file":"Radio.js"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -26,4 +26,8 @@ Object.keys(_Radio).forEach(function (key) {
|
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
});
|
|
29
|
+
|
|
30
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
+
|
|
32
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
33
|
//# sourceMappingURL=index.js.map
|
package/lib/es6/Radio.js
CHANGED
|
@@ -10,9 +10,9 @@ import { sstyled as _sstyled } from "@semcore/core";
|
|
|
10
10
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
11
11
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
12
12
|
|
|
13
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
13
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
14
|
|
|
15
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16
16
|
|
|
17
17
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
18
18
|
|
|
@@ -32,23 +32,23 @@ var style = (
|
|
|
32
32
|
/*__reshadow_css_start__*/
|
|
33
33
|
_sstyled.insert(
|
|
34
34
|
/*__inner_css_start__*/
|
|
35
|
-
".
|
|
35
|
+
".___SRadio_1nezo_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1nezo_gg_.__disabled_1nezo_gg_{opacity:0.3;cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.___SText_1nezo_gg_{margin-left:8px}.___SValue_1nezo_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:none;z-index:0}.___SValue_1nezo_gg_:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border:1px solid;border-radius:50%}.___SValue_1nezo_gg_:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:0;height:0;border-radius:50%;background:#fff}.___SValue_1nezo_gg_._size_xl_1nezo_gg_{margin-top:2px;width:20px;height:20px}.___SValue_1nezo_gg_._size_l_1nezo_gg_{margin-top:1px;width:16px;height:16px}.___SValue_1nezo_gg_._size_m_1nezo_gg_{margin-top:2px;width:12px;height:12px}.___SValue_1nezo_gg_._state_normal_1nezo_gg_:before{border-color:#a6b0b3}.___SValue_1nezo_gg_._state_invalid_1nezo_gg_:before{border-color:#ff7f00}.___SControl_1nezo_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_:before{border-color:#2b94e1;background-color:#2b94e1}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_._size_xl_1nezo_gg_:after{width:8px;height:8px}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_._size_l_1nezo_gg_:after{width:6px;height:6px}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_._size_m_1nezo_gg_:after{width:4px;height:4px}.___SValue_1nezo_gg_._state_normal_1nezo_gg_.__keyboardFocused_1nezo_gg_:before{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);border-color:#2b94e1}.___SValue_1nezo_gg_._state_invalid_1nezo_gg_.__keyboardFocused_1nezo_gg_:before{box-shadow:0 0 0 3px rgba(255,127,0,.3)}.___SControl_1nezo_gg_:checked~.___SValue_1nezo_gg_.__theme_1nezo_gg_:before{border-color:var(--theme_ahqhbl);background-color:var(--theme_ahqhbl)}.___SValue_1nezo_gg_._state_normal_1nezo_gg_.__theme_1nezo_gg_:before{border-color:var(--theme_ahqhbl)}"
|
|
36
36
|
/*__inner_css_end__*/
|
|
37
37
|
, "ahqhbl_gg_")
|
|
38
38
|
/*__reshadow_css_end__*/
|
|
39
39
|
, {
|
|
40
|
-
"__SRadio": "
|
|
41
|
-
"_disabled": "
|
|
42
|
-
"__SText": "
|
|
43
|
-
"__SValue": "
|
|
44
|
-
"_size_xl": "
|
|
45
|
-
"_size_l": "
|
|
46
|
-
"_size_m": "
|
|
47
|
-
"_state_normal": "
|
|
48
|
-
"_state_invalid": "
|
|
49
|
-
"__SControl": "
|
|
50
|
-
"_keyboardFocused": "
|
|
51
|
-
"_theme": "
|
|
40
|
+
"__SRadio": "___SRadio_1nezo_gg_",
|
|
41
|
+
"_disabled": "__disabled_1nezo_gg_",
|
|
42
|
+
"__SText": "___SText_1nezo_gg_",
|
|
43
|
+
"__SValue": "___SValue_1nezo_gg_",
|
|
44
|
+
"_size_xl": "_size_xl_1nezo_gg_",
|
|
45
|
+
"_size_l": "_size_l_1nezo_gg_",
|
|
46
|
+
"_size_m": "_size_m_1nezo_gg_",
|
|
47
|
+
"_state_normal": "_state_normal_1nezo_gg_",
|
|
48
|
+
"_state_invalid": "_state_invalid_1nezo_gg_",
|
|
49
|
+
"__SControl": "___SControl_1nezo_gg_",
|
|
50
|
+
"_keyboardFocused": "__keyboardFocused_1nezo_gg_",
|
|
51
|
+
"_theme": "__theme_1nezo_gg_",
|
|
52
52
|
"--theme": "--theme_ahqhbl"
|
|
53
53
|
});
|
|
54
54
|
var SIZE_TEXT_MAP = {
|
package/lib/es6/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Radio.js"],"names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Box","Text","TypographyText","assignProps","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","SIZE_TEXT_MAP","xl","l","m","RadioGroupRoot","value","asProps","theme","size","name","onChange","Children","state","defaultValue","RadioGroup","Radio","checked","e","context","props","other","undefined","bindHandlerChange","SRadio","styles","style","Value","target","SValue","SControl","forwardRef","includeInputProps","controlProps","boxProps","color","defaultChecked","SText"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,iBAArC,EAAwDC,OAAxD,EAAiEC,IAAjE,QAA6E,eAA7E;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAASC,IAAI,IAAIC,cAAjB,QAAuC,qBAAvC;AACA,OAAOC,WAAP,MAAwB,gCAAxB;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,aAAP,IAAwBC,UAAxB,QAA0C,+BAA1C;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMC,aAAa,GAAG;AACpBC,EAAAA,EAAE,EAAE,GADgB;AAEpBC,EAAAA,CAAC,EAAE,GAFiB;AAGpBC,EAAAA,CAAC,EAAE;AAHiB,CAAtB;;IAMMC,c;;;;;;;;;;;;;WASJ,6BAAoB;AAClB,aAAO;AACLC,QAAAA,KAAK,EAAE;AADF,OAAP;AAGD;;;WAED,sBAAa;
|
|
1
|
+
{"version":3,"sources":["../../src/Radio.js"],"names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Box","Text","TypographyText","assignProps","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","SIZE_TEXT_MAP","xl","l","m","RadioGroupRoot","value","asProps","theme","size","name","onChange","Children","state","defaultValue","RadioGroup","Radio","checked","e","context","props","other","undefined","bindHandlerChange","SRadio","styles","style","Value","target","SValue","SControl","forwardRef","includeInputProps","controlProps","boxProps","color","defaultChecked","SText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport assignProps from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColor from '@semcore/utils/lib/color';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\n\nimport style from './style/radio.shadow.css';\n\nconst SIZE_TEXT_MAP = {\n xl: 300,\n l: 200,\n m: 100,\n};\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n state: 'normal',\n size: 'm',\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange } = this.asProps;\n return {\n onChange,\n value,\n theme,\n size,\n name,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass Radio extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n bindHandlerChange = (value) => (checked, e) => {\n this.context.onChange(value, e);\n };\n\n getValueProps(props) {\n // The default values are here, since you cannot rewrite out of context\n const { state = 'normal', size = 'm', theme, name } = assignProps(this.props, this.context);\n const { value } = this.context;\n const other = {};\n // if used with the context\n if (value !== undefined) {\n other['checked'] = value === props.value;\n other['onChange'] = this.bindHandlerChange(props.value);\n }\n return {\n ...other,\n state,\n size,\n theme,\n name,\n };\n }\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm' } = assignProps(this.props, this.context);\n return {\n size: SIZE_TEXT_MAP[size],\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag=\"label\">\n <Children />\n </SRadio>,\n );\n }\n}\n\nclass Value extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n static enhance = [keyboardFocusEnhance()];\n static hoistProps = ['disabled'];\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n render() {\n const SValue = Box;\n const SControl = Box;\n const { forwardRef, styles, includeInputProps, state, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n let color = '';\n\n if (theme && state !== 'invalid') {\n color = resolveColor(theme);\n }\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={color} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={TypographyText} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"file":"Radio.js"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/radio",
|
|
3
3
|
"description": "SEMRush Radio Component",
|
|
4
|
-
"version": "4.2.
|
|
4
|
+
"version": "4.2.3",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -22,6 +22,6 @@
|
|
|
22
22
|
"react": "16.8 - 17"
|
|
23
23
|
},
|
|
24
24
|
"jest": {
|
|
25
|
-
"preset": "jest-preset-ui"
|
|
25
|
+
"preset": "@semcore/jest-preset-ui"
|
|
26
26
|
}
|
|
27
27
|
}
|