@semcore/radio 5.4.1 → 5.4.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/CHANGELOG.md +2 -2
- package/lib/cjs/Radio.js +27 -39
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/index.js +1 -5
- package/lib/es6/Radio.js +16 -25
- package/lib/es6/Radio.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [5.4.
|
|
5
|
+
## [5.4.3] - 2023-03-16
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/utils` [3.47.
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.47.2 ~> 3.47.3], `@semcore/flex-box` [4.7.11 ~> 4.7.12]).
|
|
10
10
|
|
|
11
11
|
## [5.4.0] - 2023-02-20
|
|
12
12
|
|
package/lib/cjs/Radio.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -17,6 +17,8 @@ Object.defineProperty(exports, "inputProps", {
|
|
|
17
17
|
|
|
18
18
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
19
19
|
|
|
20
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
21
|
+
|
|
20
22
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
23
|
|
|
22
24
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
@@ -25,9 +27,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
25
27
|
|
|
26
28
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
27
29
|
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
30
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
31
31
|
|
|
32
32
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
33
33
|
|
|
@@ -45,46 +45,34 @@ var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
|
|
|
45
45
|
|
|
46
46
|
var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
|
|
47
47
|
|
|
48
|
-
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); }
|
|
49
|
-
|
|
50
|
-
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; }
|
|
51
|
-
|
|
52
|
-
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; }
|
|
53
|
-
|
|
54
|
-
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; }
|
|
55
|
-
|
|
56
|
-
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); }; }
|
|
57
|
-
|
|
58
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
59
|
-
|
|
60
48
|
/*__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
61
49
|
var style = (
|
|
62
50
|
/*__reshadow_css_start__*/
|
|
63
51
|
_core.sstyled.insert(
|
|
64
52
|
/*__inner_css_start__*/
|
|
65
|
-
".
|
|
53
|
+
".___SRadio_12qo3_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_12qo3_gg_.__disabled_12qo3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_12qo3_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SText_12qo3_gg_._size_m_12qo3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_12qo3_gg_._size_l_12qo3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_12qo3_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_12qo3_gg_::after,.___SValue_12qo3_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_12qo3_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_12qo3_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_12qo3_gg_._size_m_12qo3_gg_{width:16px;height:16px}.___SValue_12qo3_gg_._size_l_12qo3_gg_{width:20px;height:20px}.___SValue_12qo3_gg_._state_normal_12qo3_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_12qo3_gg_._state_invalid_12qo3_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_12qo3_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_12qo3_gg_:checked~.___SValue_12qo3_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SControl_12qo3_gg_:checked~.___SValue_12qo3_gg_._size_m_12qo3_gg_::after{width:6px;height:6px}.___SControl_12qo3_gg_:checked~.___SValue_12qo3_gg_._size_l_12qo3_gg_::after{width:8px;height:8px}.___SValue_12qo3_gg_._state_normal_12qo3_gg_.__keyboardFocused_12qo3_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_12qo3_gg_._state_invalid_12qo3_gg_.__keyboardFocused_12qo3_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}.___SControl_12qo3_gg_:checked~.___SValue_12qo3_gg_.__theme_12qo3_gg_::before{border-color:var(--theme_12qo3);background-color:var(--theme_12qo3)}.___SValue_12qo3_gg_._state_normal_12qo3_gg_.__theme_12qo3_gg_::before{border-color:var(--theme_12qo3)}"
|
|
66
54
|
/*__inner_css_end__*/
|
|
67
|
-
, "
|
|
55
|
+
, "12qo3_gg_")
|
|
68
56
|
/*__reshadow_css_end__*/
|
|
69
57
|
, {
|
|
70
|
-
"__SRadio": "
|
|
71
|
-
"_disabled": "
|
|
72
|
-
"__SText": "
|
|
73
|
-
"_size_m": "
|
|
74
|
-
"_size_l": "
|
|
75
|
-
"__SValue": "
|
|
76
|
-
"_state_normal": "
|
|
77
|
-
"_state_invalid": "
|
|
78
|
-
"__SControl": "
|
|
79
|
-
"_keyboardFocused": "
|
|
80
|
-
"_theme": "
|
|
81
|
-
"--theme": "--
|
|
58
|
+
"__SRadio": "___SRadio_12qo3_gg_",
|
|
59
|
+
"_disabled": "__disabled_12qo3_gg_",
|
|
60
|
+
"__SText": "___SText_12qo3_gg_",
|
|
61
|
+
"_size_m": "_size_m_12qo3_gg_",
|
|
62
|
+
"_size_l": "_size_l_12qo3_gg_",
|
|
63
|
+
"__SValue": "___SValue_12qo3_gg_",
|
|
64
|
+
"_state_normal": "_state_normal_12qo3_gg_",
|
|
65
|
+
"_state_invalid": "_state_invalid_12qo3_gg_",
|
|
66
|
+
"__SControl": "___SControl_12qo3_gg_",
|
|
67
|
+
"_keyboardFocused": "__keyboardFocused_12qo3_gg_",
|
|
68
|
+
"_theme": "__theme_12qo3_gg_",
|
|
69
|
+
"--theme": "--theme_12qo3"
|
|
82
70
|
});
|
|
83
71
|
|
|
84
72
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
85
73
|
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
|
86
74
|
|
|
87
|
-
var _super =
|
|
75
|
+
var _super = (0, _createSuper2["default"])(RadioGroupRoot);
|
|
88
76
|
|
|
89
77
|
function RadioGroupRoot() {
|
|
90
78
|
(0, _classCallCheck2["default"])(this, RadioGroupRoot);
|
|
@@ -137,7 +125,7 @@ exports.RadioGroup = RadioGroup;
|
|
|
137
125
|
var Radio = /*#__PURE__*/function (_Component2) {
|
|
138
126
|
(0, _inherits2["default"])(Radio, _Component2);
|
|
139
127
|
|
|
140
|
-
var _super2 =
|
|
128
|
+
var _super2 = (0, _createSuper2["default"])(Radio);
|
|
141
129
|
|
|
142
130
|
function Radio() {
|
|
143
131
|
var _this;
|
|
@@ -177,7 +165,7 @@ var Radio = /*#__PURE__*/function (_Component2) {
|
|
|
177
165
|
other['onChange'] = this.bindHandlerChange(props.value);
|
|
178
166
|
}
|
|
179
167
|
|
|
180
|
-
return
|
|
168
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
|
|
181
169
|
state: state,
|
|
182
170
|
size: size,
|
|
183
171
|
theme: theme,
|
|
@@ -206,7 +194,7 @@ var Radio = /*#__PURE__*/function (_Component2) {
|
|
|
206
194
|
var _this$asProps2 = this.asProps,
|
|
207
195
|
styles = _this$asProps2.styles,
|
|
208
196
|
Children = _this$asProps2.Children;
|
|
209
|
-
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRadio, _ref3.cn("SRadio",
|
|
197
|
+
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRadio, _ref3.cn("SRadio", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
210
198
|
"tag": "label"
|
|
211
199
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {})));
|
|
212
200
|
}
|
|
@@ -221,7 +209,7 @@ var Radio = /*#__PURE__*/function (_Component2) {
|
|
|
221
209
|
var Value = /*#__PURE__*/function (_Component3) {
|
|
222
210
|
(0, _inherits2["default"])(Value, _Component3);
|
|
223
211
|
|
|
224
|
-
var _super3 =
|
|
212
|
+
var _super3 = (0, _createSuper2["default"])(Value);
|
|
225
213
|
|
|
226
214
|
function Value() {
|
|
227
215
|
(0, _classCallCheck2["default"])(this, Value);
|
|
@@ -255,10 +243,10 @@ var Value = /*#__PURE__*/function (_Component3) {
|
|
|
255
243
|
controlProps = _getInputProps2[0],
|
|
256
244
|
boxProps = _getInputProps2[1];
|
|
257
245
|
|
|
258
|
-
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SControl, _ref4.cn("SControl",
|
|
246
|
+
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SControl, _ref4.cn("SControl", (0, _objectSpread2["default"])({
|
|
259
247
|
"tag": "input",
|
|
260
248
|
"type": "radio"
|
|
261
|
-
}, controlProps))), /*#__PURE__*/_react["default"].createElement(SValue, _ref4.cn("SValue",
|
|
249
|
+
}, controlProps))), /*#__PURE__*/_react["default"].createElement(SValue, _ref4.cn("SValue", (0, _objectSpread2["default"])({
|
|
262
250
|
"ref": forwardRef,
|
|
263
251
|
"use:theme": (0, _color["default"])(theme)
|
|
264
252
|
}, boxProps))));
|
|
@@ -280,7 +268,7 @@ function Text(props) {
|
|
|
280
268
|
|
|
281
269
|
var SText = _flexBox.Box;
|
|
282
270
|
var styles = props.styles;
|
|
283
|
-
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText",
|
|
271
|
+
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
|
|
284
272
|
}
|
|
285
273
|
|
|
286
274
|
var _default = (0, _core["default"])(Radio, {
|
package/lib/cjs/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["RadioGroupRoot","value","asProps","theme","size","name","onChange","Children","Component","state","defaultValue","RadioGroup","createComponent","Radio","checked","e","context","props","assignProps","other","undefined","bindHandlerChange","SRadio","Box","styles","sstyled","style","CONTEXT_COMPONENT","Value","target","SValue","SControl","forwardRef","includeInputProps","getInputProps","controlProps","boxProps","resolveColor","inputProps","defaultChecked","keyboardFocusEnhance","Text","SText"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\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\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,\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, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["RadioGroupRoot","value","asProps","theme","size","name","onChange","Children","Component","state","defaultValue","RadioGroup","createComponent","Radio","checked","e","context","props","assignProps","other","undefined","bindHandlerChange","SRadio","Box","styles","sstyled","style","CONTEXT_COMPONENT","Value","target","SValue","SControl","forwardRef","includeInputProps","getInputProps","controlProps","boxProps","resolveColor","inputProps","defaultChecked","keyboardFocusEnhance","Text","SText"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\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\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,\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, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":"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"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -26,8 +26,4 @@ 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; }
|
|
33
29
|
//# sourceMappingURL=index.js.map
|
package/lib/es6/Radio.js
CHANGED
|
@@ -1,23 +1,14 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
3
|
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
3
4
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
5
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
5
6
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
|
-
import
|
|
7
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
19
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
20
|
-
|
|
21
12
|
import React from 'react';
|
|
22
13
|
import createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';
|
|
23
14
|
import { Box } from '@semcore/flex-box';
|
|
@@ -31,23 +22,23 @@ var style = (
|
|
|
31
22
|
/*__reshadow_css_start__*/
|
|
32
23
|
_sstyled.insert(
|
|
33
24
|
/*__inner_css_start__*/
|
|
34
|
-
".
|
|
25
|
+
".___SRadio_12qo3_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_12qo3_gg_.__disabled_12qo3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SText_12qo3_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SText_12qo3_gg_._size_m_12qo3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_12qo3_gg_._size_l_12qo3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_12qo3_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_12qo3_gg_::after,.___SValue_12qo3_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_12qo3_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_12qo3_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_12qo3_gg_._size_m_12qo3_gg_{width:16px;height:16px}.___SValue_12qo3_gg_._size_l_12qo3_gg_{width:20px;height:20px}.___SValue_12qo3_gg_._state_normal_12qo3_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_12qo3_gg_._state_invalid_12qo3_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_12qo3_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_12qo3_gg_:checked~.___SValue_12qo3_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SControl_12qo3_gg_:checked~.___SValue_12qo3_gg_._size_m_12qo3_gg_::after{width:6px;height:6px}.___SControl_12qo3_gg_:checked~.___SValue_12qo3_gg_._size_l_12qo3_gg_::after{width:8px;height:8px}.___SValue_12qo3_gg_._state_normal_12qo3_gg_.__keyboardFocused_12qo3_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_12qo3_gg_._state_invalid_12qo3_gg_.__keyboardFocused_12qo3_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}.___SControl_12qo3_gg_:checked~.___SValue_12qo3_gg_.__theme_12qo3_gg_::before{border-color:var(--theme_12qo3);background-color:var(--theme_12qo3)}.___SValue_12qo3_gg_._state_normal_12qo3_gg_.__theme_12qo3_gg_::before{border-color:var(--theme_12qo3)}"
|
|
35
26
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
27
|
+
, "12qo3_gg_")
|
|
37
28
|
/*__reshadow_css_end__*/
|
|
38
29
|
, {
|
|
39
|
-
"__SRadio": "
|
|
40
|
-
"_disabled": "
|
|
41
|
-
"__SText": "
|
|
42
|
-
"_size_m": "
|
|
43
|
-
"_size_l": "
|
|
44
|
-
"__SValue": "
|
|
45
|
-
"_state_normal": "
|
|
46
|
-
"_state_invalid": "
|
|
47
|
-
"__SControl": "
|
|
48
|
-
"_keyboardFocused": "
|
|
49
|
-
"_theme": "
|
|
50
|
-
"--theme": "--
|
|
30
|
+
"__SRadio": "___SRadio_12qo3_gg_",
|
|
31
|
+
"_disabled": "__disabled_12qo3_gg_",
|
|
32
|
+
"__SText": "___SText_12qo3_gg_",
|
|
33
|
+
"_size_m": "_size_m_12qo3_gg_",
|
|
34
|
+
"_size_l": "_size_l_12qo3_gg_",
|
|
35
|
+
"__SValue": "___SValue_12qo3_gg_",
|
|
36
|
+
"_state_normal": "_state_normal_12qo3_gg_",
|
|
37
|
+
"_state_invalid": "_state_invalid_12qo3_gg_",
|
|
38
|
+
"__SControl": "___SControl_12qo3_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_12qo3_gg_",
|
|
40
|
+
"_theme": "__theme_12qo3_gg_",
|
|
41
|
+
"--theme": "--theme_12qo3"
|
|
51
42
|
});
|
|
52
43
|
|
|
53
44
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Box","assignProps","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","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","defaultChecked","Text","SText"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\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\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,\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, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Box","assignProps","keyboardFocusEnhance","resolveColor","getInputProps","inputProps","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","defaultChecked","Text","SText"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\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\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,\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, theme } = this.asProps;\n\n const [controlProps, boxProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <>\n <SControl tag=\"input\" type=\"radio\" {...controlProps} />\n <SValue ref={forwardRef} use:theme={resolveColor(theme)} {...boxProps} />\n </>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} />);\n}\n\nexport { inputProps, RadioGroup };\nexport default createComponent(Radio, {\n Value,\n Text,\n});\n"],"mappings":"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"}
|