@semcore/radio 16.2.0 → 16.2.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/CHANGELOG.md +1 -1
- package/lib/cjs/Radio.js +93 -92
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/index.d.js +2 -0
- package/lib/cjs/index.d.js.map +1 -0
- package/lib/cjs/index.js +4 -20
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/radio.shadow.css +14 -4
- package/lib/es6/Radio.js +90 -89
- package/lib/es6/Radio.js.map +1 -1
- package/lib/es6/index.d.js +2 -0
- package/lib/es6/index.d.js.map +1 -0
- package/lib/es6/index.js +2 -2
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/radio.shadow.css +14 -4
- package/lib/esm/Radio.mjs +54 -52
- package/lib/esm/index.mjs +2 -1
- package/lib/esm/style/radio.shadow.css +14 -4
- package/lib/types/index.d.ts +147 -2
- package/package.json +5 -5
- package/lib/cjs/Radio.type.js +0 -2
- package/lib/cjs/Radio.type.js.map +0 -1
- package/lib/es6/Radio.type.js +0 -2
- package/lib/es6/Radio.type.js.map +0 -1
- package/lib/esm/Radio.type.mjs +0 -1
- package/lib/types/Radio.d.ts +0 -9
- package/lib/types/Radio.type.d.ts +0 -98
package/CHANGELOG.md
CHANGED
package/lib/cjs/Radio.js
CHANGED
|
@@ -22,35 +22,35 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
|
|
|
22
22
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
23
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
24
24
|
var _core = require("@semcore/core");
|
|
25
|
-
var
|
|
26
|
-
var _assignProps6 = require("@semcore/core/lib/utils/assignProps");
|
|
25
|
+
var _assignProps8 = _interopRequireWildcard(require("@semcore/core/lib/utils/assignProps"));
|
|
27
26
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
28
27
|
var _inputProps = _interopRequireWildcard(require("@semcore/core/lib/utils/inputProps"));
|
|
29
28
|
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
30
29
|
var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
|
|
30
|
+
var _flexBox = require("@semcore/flex-box");
|
|
31
31
|
var _typography = require("@semcore/typography");
|
|
32
32
|
var _react = _interopRequireDefault(require("react"));
|
|
33
|
-
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor",
|
|
33
|
+
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
|
34
|
+
_excluded2 = ["children", "Children"];
|
|
34
35
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
35
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
36
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SRadio_1382i_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1382i_gg_ .___SText_1382i_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1382i_gg_ .___SText_1382i_gg_.__color_1382i_gg_{color:var(--color_1382i)}.___SRadio_1382i_gg_.__disabled_1382i_gg_{pointer-events:none}.___SText_1382i_gg_._size_m_1382i_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1382i_gg_._size_l_1382i_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1382i_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1382i_gg_::after,.___SValue_1382i_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1382i_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1382i_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1382i_gg_.__disabled_1382i_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1382i_gg_._size_m_1382i_gg_{width:16px;height:16px}.___SValue_1382i_gg_._size_m_1382i_gg_ .___SInvalidPattern_1382i_gg_:before{width:14px;height:14px}.___SValue_1382i_gg_._size_l_1382i_gg_{width:20px;height:20px}.___SValue_1382i_gg_._size_l_1382i_gg_ .___SInvalidPattern_1382i_gg_:before{width:18px;height:18px}.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SControl_1382i_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_._size_m_1382i_gg_::after{width:6px;height:6px}.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_._size_l_1382i_gg_::after{width:8px;height:8px}.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_normal_1382i_gg_::before{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_normal_1382i_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_normal_1382i_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SControl_1382i_gg_:checked:focus-visible~.___SValue_1382i_gg_::before,.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_::before{border-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26));background-color:var(--intergalactic-control-primary-info, rgb(26, 30, 26))}.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469));outline-style:solid;outline-width:2px;outline-offset:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;transition-property:outline-color,outline-width,outline-offset}@supports (color:color(display-p3 0 0 0%)){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@supports (color:oklab(0%0 0%)){.___SControl_1382i_gg_:focus-visible+.___SValue_1382i_gg_._state_invalid_1382i_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1382i_gg_:checked~.___SValue_1382i_gg_.__theme_1382i_gg_::before{border-color:var(--theme_1382i);background-color:var(--theme_1382i)}.___SValue_1382i_gg_._state_normal_1382i_gg_.__theme_1382i_gg_::before{border-color:var(--theme_1382i)}.___SInvalidPattern_1382i_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1382i_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0%)){.___SInvalidPattern_1382i_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_1382i_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.918 0.19866 0.14259 / 0.56) 0, color(display-p3 0.918 0.19866 0.14259 / 0.56) 1px, transparent 0, transparent 50%))}}}", /*__inner_css_end__*/"1382i_gg_"),
|
|
36
37
|
/*__reshadow_css_end__*/
|
|
37
38
|
{
|
|
38
|
-
"__SRadio": "
|
|
39
|
-
"_disabled": "
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"_color": "
|
|
50
|
-
"--color": "--
|
|
51
|
-
"__SInvalidPattern": "
|
|
39
|
+
"__SRadio": "___SRadio_1382i_gg_",
|
|
40
|
+
"_disabled": "__disabled_1382i_gg_",
|
|
41
|
+
"__SText": "___SText_1382i_gg_",
|
|
42
|
+
"_size_m": "_size_m_1382i_gg_",
|
|
43
|
+
"_size_l": "_size_l_1382i_gg_",
|
|
44
|
+
"__SValue": "___SValue_1382i_gg_",
|
|
45
|
+
"_state_normal": "_state_normal_1382i_gg_",
|
|
46
|
+
"_state_invalid": "_state_invalid_1382i_gg_",
|
|
47
|
+
"__SControl": "___SControl_1382i_gg_",
|
|
48
|
+
"_theme": "__theme_1382i_gg_",
|
|
49
|
+
"--theme": "--theme_1382i",
|
|
50
|
+
"_color": "__color_1382i_gg_",
|
|
51
|
+
"--color": "--color_1382i",
|
|
52
|
+
"__SInvalidPattern": "___SInvalidPattern_1382i_gg_"
|
|
52
53
|
});
|
|
53
|
-
var RadioContext = /*#__PURE__*/_react["default"].createContext({});
|
|
54
54
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
55
55
|
function RadioGroupRoot() {
|
|
56
56
|
(0, _classCallCheck2["default"])(this, RadioGroupRoot);
|
|
@@ -88,7 +88,7 @@ var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
|
88
88
|
value: function render() {
|
|
89
89
|
var _ref = this.asProps;
|
|
90
90
|
var Children = this.asProps.Children;
|
|
91
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
91
|
+
return /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, (0, _core.assignProps)({
|
|
92
92
|
"direction": 'column',
|
|
93
93
|
"role": 'group',
|
|
94
94
|
"__excludeProps": ['onChange']
|
|
@@ -100,9 +100,7 @@ var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
|
100
100
|
(0, _defineProperty2["default"])(RadioGroupRoot, "defaultProps", {
|
|
101
101
|
defaultValue: null
|
|
102
102
|
});
|
|
103
|
-
var RadioGroup = exports.RadioGroup = (0, _core.createComponent)(RadioGroupRoot
|
|
104
|
-
context: RadioContext
|
|
105
|
-
});
|
|
103
|
+
var RadioGroup = exports.RadioGroup = (0, _core.createComponent)(RadioGroupRoot);
|
|
106
104
|
var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
107
105
|
function RadioRoot() {
|
|
108
106
|
var _this;
|
|
@@ -111,7 +109,6 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
111
109
|
args[_key] = arguments[_key];
|
|
112
110
|
}
|
|
113
111
|
_this = (0, _callSuper2["default"])(this, RadioRoot, [].concat(args));
|
|
114
|
-
(0, _defineProperty2["default"])(_this, "context", {});
|
|
115
112
|
(0, _defineProperty2["default"])(_this, "state", {
|
|
116
113
|
hoistedDisabled: undefined
|
|
117
114
|
});
|
|
@@ -127,16 +124,15 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
127
124
|
return (0, _createClass2["default"])(RadioRoot, [{
|
|
128
125
|
key: "getTextProps",
|
|
129
126
|
value: function getTextProps() {
|
|
130
|
-
|
|
131
|
-
var
|
|
132
|
-
|
|
133
|
-
size =
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
label = _this$asProps2.label;
|
|
127
|
+
// The default values are here, since you cannot rewrite out of context
|
|
128
|
+
var _assignProps6 = (0, _assignProps8["default"])(this.asProps, this.context),
|
|
129
|
+
_assignProps6$size = _assignProps6.size,
|
|
130
|
+
size = _assignProps6$size === void 0 ? 'm' : _assignProps6$size,
|
|
131
|
+
disabled = _assignProps6.disabled,
|
|
132
|
+
label = _assignProps6.label;
|
|
137
133
|
var hoistedDisabled = this.state.hoistedDisabled;
|
|
138
134
|
var textProps = {
|
|
139
|
-
size: size
|
|
135
|
+
size: size,
|
|
140
136
|
children: label,
|
|
141
137
|
disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
|
|
142
138
|
hoistDisabled: this.hoistDisabled,
|
|
@@ -147,21 +143,19 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
147
143
|
}, {
|
|
148
144
|
key: "getValueProps",
|
|
149
145
|
value: function getValueProps() {
|
|
150
|
-
var _this$
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
theme =
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
value = _this$asProps4.value,
|
|
164
|
-
checked = _this$asProps4.checked;
|
|
146
|
+
var _this$props$size;
|
|
147
|
+
// The default values are here, since you cannot rewrite out of context
|
|
148
|
+
var _assignProps7 = (0, _assignProps8["default"])(this.asProps, this.context),
|
|
149
|
+
_assignProps7$size = _assignProps7.size,
|
|
150
|
+
size = _assignProps7$size === void 0 ? 'm' : _assignProps7$size,
|
|
151
|
+
_assignProps7$state = _assignProps7.state,
|
|
152
|
+
state = _assignProps7$state === void 0 ? 'normal' : _assignProps7$state,
|
|
153
|
+
theme = _assignProps7.theme,
|
|
154
|
+
disabled = _assignProps7.disabled,
|
|
155
|
+
name = _assignProps7.name;
|
|
156
|
+
var _this$asProps2 = this.asProps,
|
|
157
|
+
value = _this$asProps2.value,
|
|
158
|
+
checked = _this$asProps2.checked;
|
|
165
159
|
var hoistedDisabled = this.state.hoistedDisabled;
|
|
166
160
|
return {
|
|
167
161
|
size: (_this$props$size = this.props.size) !== null && _this$props$size !== void 0 ? _this$props$size : size,
|
|
@@ -180,11 +174,11 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
180
174
|
value: function render() {
|
|
181
175
|
var _ref2 = this.asProps,
|
|
182
176
|
_ref6;
|
|
183
|
-
var SRadio =
|
|
184
|
-
var _this$
|
|
185
|
-
styles = _this$
|
|
186
|
-
Children = _this$
|
|
187
|
-
hasChildren = _this$
|
|
177
|
+
var SRadio = _flexBox.Box;
|
|
178
|
+
var _this$asProps3 = this.asProps,
|
|
179
|
+
styles = _this$asProps3.styles,
|
|
180
|
+
Children = _this$asProps3.Children,
|
|
181
|
+
hasChildren = _this$asProps3.children;
|
|
188
182
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRadio, _ref6.cn("SRadio", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
189
183
|
"tag": 'label',
|
|
190
184
|
"__excludeProps": ['onChange', 'label', 'disabled']
|
|
@@ -194,7 +188,7 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
194
188
|
}(_core.Component);
|
|
195
189
|
(0, _defineProperty2["default"])(RadioRoot, "displayName", 'Radio');
|
|
196
190
|
(0, _defineProperty2["default"])(RadioRoot, "style", style);
|
|
197
|
-
(0, _defineProperty2["default"])(RadioRoot, "contextType",
|
|
191
|
+
(0, _defineProperty2["default"])(RadioRoot, "contextType", RadioGroup[_core.CONTEXT_COMPONENT]);
|
|
198
192
|
var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
199
193
|
function ValueRoot() {
|
|
200
194
|
var _this2;
|
|
@@ -203,10 +197,9 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
203
197
|
args[_key2] = arguments[_key2];
|
|
204
198
|
}
|
|
205
199
|
_this2 = (0, _callSuper2["default"])(this, ValueRoot, [].concat(args));
|
|
206
|
-
(0, _defineProperty2["default"])(_this2, "context", {});
|
|
207
200
|
(0, _defineProperty2["default"])(_this2, "bindHandlerChange", function (value) {
|
|
208
201
|
return function (e) {
|
|
209
|
-
if (typeof _this2.context.onChange === 'function'
|
|
202
|
+
if (typeof _this2.context.onChange === 'function') {
|
|
210
203
|
_this2.context.onChange(value, e);
|
|
211
204
|
}
|
|
212
205
|
};
|
|
@@ -227,50 +220,52 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
227
220
|
key: "getControlProps",
|
|
228
221
|
value: function getControlProps() {
|
|
229
222
|
var currentValue = this.context.value;
|
|
230
|
-
var _this$
|
|
231
|
-
forwardRef = _this$
|
|
232
|
-
includeInputProps = _this$
|
|
233
|
-
state = _this$
|
|
234
|
-
value = _this$
|
|
235
|
-
var onChange = this.props.onChange;
|
|
223
|
+
var _this$asProps4 = this.asProps,
|
|
224
|
+
forwardRef = _this$asProps4.forwardRef,
|
|
225
|
+
includeInputProps = _this$asProps4.includeInputProps,
|
|
226
|
+
state = _this$asProps4.state,
|
|
227
|
+
value = _this$asProps4.value;
|
|
236
228
|
var _getInputProps = (0, _inputProps["default"])(this.asProps, includeInputProps),
|
|
237
229
|
_getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
|
|
238
230
|
commonControlProps = _getInputProps2[0];
|
|
239
231
|
var inputValue = value !== null && value !== void 0 ? value : '';
|
|
240
|
-
|
|
232
|
+
var controlProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
241
233
|
ref: forwardRef,
|
|
242
234
|
state: state
|
|
243
235
|
}, commonControlProps), {}, {
|
|
244
236
|
value: inputValue
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
onChange
|
|
248
|
-
|
|
237
|
+
});
|
|
238
|
+
if (currentValue !== undefined) {
|
|
239
|
+
var onChange = this.props.onChange;
|
|
240
|
+
controlProps.checked = currentValue === inputValue;
|
|
241
|
+
controlProps.onChange = (0, _assignProps8.callAllEventHandlers)(onChange, this.bindHandlerChange(inputValue));
|
|
242
|
+
}
|
|
243
|
+
return controlProps;
|
|
249
244
|
}
|
|
250
245
|
}, {
|
|
251
246
|
key: "getRadioMarkProps",
|
|
252
247
|
value: function getRadioMarkProps() {
|
|
253
248
|
var currentValue = this.context.value;
|
|
254
|
-
var _this$
|
|
255
|
-
size = _this$
|
|
256
|
-
state = _this$
|
|
257
|
-
theme = _this$
|
|
258
|
-
keyboardFocused = _this$
|
|
259
|
-
value = _this$
|
|
260
|
-
tag = _this$
|
|
261
|
-
disabled = _this$
|
|
262
|
-
includeInputProps = _this$
|
|
263
|
-
resolveColor = _this$
|
|
264
|
-
|
|
265
|
-
Children = _this$asProps7.Children,
|
|
266
|
-
other = (0, _objectWithoutProperties2["default"])(_this$asProps7, _excluded);
|
|
267
|
-
var onClick = this.props.onClick;
|
|
249
|
+
var _this$asProps5 = this.asProps,
|
|
250
|
+
size = _this$asProps5.size,
|
|
251
|
+
state = _this$asProps5.state,
|
|
252
|
+
theme = _this$asProps5.theme,
|
|
253
|
+
keyboardFocused = _this$asProps5.keyboardFocused,
|
|
254
|
+
value = _this$asProps5.value,
|
|
255
|
+
tag = _this$asProps5.tag,
|
|
256
|
+
disabled = _this$asProps5.disabled,
|
|
257
|
+
includeInputProps = _this$asProps5.includeInputProps,
|
|
258
|
+
resolveColor = _this$asProps5.resolveColor,
|
|
259
|
+
other = (0, _objectWithoutProperties2["default"])(_this$asProps5, _excluded);
|
|
268
260
|
var _getInputProps3 = (0, _inputProps["default"])(other, includeInputProps),
|
|
269
261
|
_getInputProps4 = (0, _slicedToArray2["default"])(_getInputProps3, 2),
|
|
270
262
|
commonControlProps = _getInputProps4[0],
|
|
271
263
|
radioMarkProps = _getInputProps4[1];
|
|
264
|
+
var _children = radioMarkProps.children,
|
|
265
|
+
_Children = radioMarkProps.Children,
|
|
266
|
+
propsWithoutChildren = (0, _objectWithoutProperties2["default"])(radioMarkProps, _excluded2);
|
|
272
267
|
var inputValue = value !== null && value !== void 0 ? value : '';
|
|
273
|
-
|
|
268
|
+
var markProps = (0, _objectSpread2["default"])({
|
|
274
269
|
theme: theme,
|
|
275
270
|
size: size,
|
|
276
271
|
state: state,
|
|
@@ -278,9 +273,14 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
278
273
|
disabled: disabled,
|
|
279
274
|
resolveColor: resolveColor,
|
|
280
275
|
checked: commonControlProps.checked
|
|
281
|
-
},
|
|
282
|
-
|
|
283
|
-
|
|
276
|
+
}, propsWithoutChildren);
|
|
277
|
+
if (currentValue !== undefined) {
|
|
278
|
+
var onClick = this.props.onClick;
|
|
279
|
+
if (tag !== 'label') {
|
|
280
|
+
markProps.onClick = (0, _assignProps8.callAllEventHandlers)(onClick, this.bindHandlerChange(inputValue));
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
return markProps;
|
|
284
284
|
}
|
|
285
285
|
}, {
|
|
286
286
|
key: "componentDidUpdate",
|
|
@@ -300,10 +300,10 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
300
300
|
key: "render",
|
|
301
301
|
value: function render() {
|
|
302
302
|
var _ref8;
|
|
303
|
-
var _this$
|
|
304
|
-
styles = _this$
|
|
305
|
-
hasChildren = _this$
|
|
306
|
-
Children = _this$
|
|
303
|
+
var _this$asProps6 = this.asProps,
|
|
304
|
+
styles = _this$asProps6.styles,
|
|
305
|
+
hasChildren = _this$asProps6.children,
|
|
306
|
+
Children = _this$asProps6.Children;
|
|
307
307
|
if (!hasChildren) {
|
|
308
308
|
var _ref7;
|
|
309
309
|
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Radio.Value.Control, null), /*#__PURE__*/_react["default"].createElement(Radio.Value.RadioMark, null));
|
|
@@ -318,12 +318,12 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
318
318
|
});
|
|
319
319
|
(0, _defineProperty2["default"])(ValueRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
|
|
320
320
|
(0, _defineProperty2["default"])(ValueRoot, "displayName", 'Value');
|
|
321
|
-
(0, _defineProperty2["default"])(ValueRoot, "contextType",
|
|
321
|
+
(0, _defineProperty2["default"])(ValueRoot, "contextType", RadioGroup[_core.CONTEXT_COMPONENT]);
|
|
322
322
|
(0, _defineProperty2["default"])(ValueRoot, "style", style);
|
|
323
323
|
function Control(props) {
|
|
324
324
|
var _ref3 = arguments[0],
|
|
325
325
|
_ref9;
|
|
326
|
-
var SControl =
|
|
326
|
+
var SControl = _flexBox.Box;
|
|
327
327
|
var styles = props.styles,
|
|
328
328
|
state = props.state;
|
|
329
329
|
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SControl, _ref9.cn("SControl", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
@@ -332,12 +332,13 @@ function Control(props) {
|
|
|
332
332
|
"aria-invalid": state === 'invalid'
|
|
333
333
|
}, _ref3))));
|
|
334
334
|
}
|
|
335
|
+
;
|
|
335
336
|
Control.displayName = 'Control';
|
|
336
337
|
function RadioMark(props) {
|
|
337
338
|
var _ref4 = arguments[0],
|
|
338
339
|
_ref0;
|
|
339
|
-
var SValue =
|
|
340
|
-
var SInvalidPattern =
|
|
340
|
+
var SValue = _flexBox.Box;
|
|
341
|
+
var SInvalidPattern = _flexBox.InvalidStateBox;
|
|
341
342
|
var theme = props.theme,
|
|
342
343
|
styles = props.styles,
|
|
343
344
|
resolveColor = props.resolveColor,
|
package/lib/cjs/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["_core","require","_baseComponents","_assignProps6","_resolveColorEnhance","_interopRequireDefault","_inputProps","_interopRequireWildcard","_logger","_useColorResolver","_typography","_react","_excluded","style","sstyled","insert","RadioContext","React","createContext","RadioGroupRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","defaultValue","RadioGroup","exports","createComponent","context","RadioRoot","_Component2","_this","_len","length","args","Array","_key","concat","hoistedDisabled","undefined","logger","warn","setState","getTextProps","_this$context$size","_this$asProps2","_this$asProps2$size","_this$asProps2$disabl","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$context$size2","_this$props$size","_this$asProps3","_this$asProps3$state","_this$asProps3$size","_this$asProps3$theme","_this$asProps3$disabl","_this$asProps3$name","_this$asProps4","checked","_ref2","_ref6","SRadio","Box","_this$asProps5","styles","hasChildren","cn","_objectSpread2","Fragment","Radio","Value","Text","ValueRoot","_Component3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps6","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","ref","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps7","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties2","onClick","_getInputProps3","_getInputProps4","radioMarkProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps8","_ref7","Control","RadioMark","inputProps","defaultChecked","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref0","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref1","SText","TypographyText","color","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"sources":["../../src/Radio.tsx"],"sourcesContent":["import { Flex, Box, InvalidStateBox } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSRadio } from './Radio.type';\nimport style from './style/radio.shadow.css';\n\nconst RadioContext = React.createContext<{\n onChange?: NSRadio.Group.Props['onChange'];\n value?: NSRadio.Group.Props['value'];\n theme?: NSRadio.Group.Props['theme'];\n size?: NSRadio.Group.Props['size'];\n name?: NSRadio.Group.Props['name'];\n disabled?: NSRadio.Group.Props['disabled'];\n}>({});\n\nclass RadioGroupRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSRadio.Group.Component>,\n [],\n { value: null }\n> {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} direction='column' role='group' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot, {}, { context: RadioContext }) as unknown as NSRadio.Group.Component;\n\nclass RadioRoot extends Component<Intergalactic.InternalTypings.InferComponentProps<NSRadio.Component>> {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioContext;\n\n context: React.ContextType<typeof RadioContext> = {};\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled: NSRadio.Props['disabled']) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n const { size = this.context.size ?? 'm', disabled = this.context.disabled, label } = this.asProps;\n\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size: size === 'm' ? 200 : 300,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n const {\n state = 'normal',\n size = this.context.size ?? 'm',\n theme = this.context.theme,\n disabled = this.context.disabled,\n name = this.context.name,\n } = this.asProps;\n\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component<\n Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Value.Component, typeof RadioRoot, 'Value'>,\n typeof ValueRoot.enhance,\n { checked: (e: React.ChangeEvent<HTMLInputElement>) => boolean }\n> {\n context: React.ContextType<typeof RadioContext> = {};\n\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n\n static enhance = [resolveColorEnhance()] as const;\n static displayName = 'Value';\n static contextType = RadioContext;\n static style = style;\n\n bindHandlerChange = (value: NSRadio.Props['value']) => (e: React.ChangeEvent<HTMLInputElement>) => {\n if (typeof this.context.onChange === 'function' && value !== undefined) {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e: React.ChangeEvent<HTMLInputElement>) => e.target.checked,\n };\n }\n\n getControlProps() {\n const { value: currentValue } = this.context;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const { onChange } = this.props;\n\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n return {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n ...(currentValue !== undefined\n ? {\n checked: currentValue === inputValue,\n onChange: callAllEventHandlers(onChange, this.bindHandlerChange(inputValue)),\n }\n : {}),\n };\n }\n\n getRadioMarkProps() {\n const { value: currentValue } = this.context;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n children,\n Children,\n ...other\n } = this.asProps;\n const { onClick } = this.props;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const inputValue = value ?? '';\n\n return {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...radioMarkProps,\n ...(currentValue !== undefined && tag !== 'label'\n ? {\n onClick: callAllEventHandlers(onClick, this.bindHandlerChange(inputValue)),\n }\n : {}),\n };\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nfunction Control(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSRadio.Value.Control.Component,\n typeof ValueRoot,\n 'Control'\n >,\n) {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(<SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />);\n}\nControl.displayName = 'Control';\n\nfunction RadioMark(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSRadio.Value.Mark.Component,\n typeof ValueRoot,\n 'RadioMark'\n >,\n) {\n const SValue = Root;\n const SInvalidPattern = InvalidStateBox;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n}\nRadioMark.displayName = 'RadioMark';\n\nfunction Text(\n props: Intergalactic.InternalTypings.InferChildComponentProps<NSRadio.Text.Component, typeof RadioRoot, 'Text'>,\n) {\n const SText = Root;\n const { styles, color } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(<SText render={TypographyText} tag='span' use:color={resolveColor(color)} />);\n}\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n}) as NSRadio.Value.Component;\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n}) as NSRadio.Component;\n\nexport const wrapRadioGroup = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<NSRadio.Group.Component>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => wrapper as NSRadio.Group.Component<PropsExtending>;\n\nexport { inputProps, RadioGroup };\n\nexport default Radio;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["_core","require","_assignProps8","_interopRequireWildcard","_resolveColorEnhance","_interopRequireDefault","_inputProps","_logger","_useColorResolver","_flexBox","_typography","_react","_excluded","_excluded2","style","sstyled","insert","RadioGroupRoot","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","defaultValue","RadioGroup","exports","createComponent","RadioRoot","_Component2","_this","_len","length","args","Array","_key","concat","hoistedDisabled","undefined","logger","warn","setState","getTextProps","_assignProps6","context","_assignProps6$size","label","state","textProps","children","hoistDisabled","rootDisabled","props","getValueProps","_this$props$size","_assignProps7","_assignProps7$size","_assignProps7$state","_this$asProps2","checked","_ref2","_ref6","SRadio","Box","_this$asProps3","styles","hasChildren","cn","_objectSpread2","Fragment","Radio","Value","Text","CONTEXT_COMPONENT","ValueRoot","_Component3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","controlProps","ref","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","radioMarkProps","_children","_Children","propsWithoutChildren","markProps","onClick","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","inputProps","defaultChecked","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref0","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref1","SText","TypographyText","color","React","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import { createComponent, Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport assignProps, { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\nimport { Flex, Box, InvalidStateBox } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/radio.shadow.css';\n\nclass RadioGroupRoot extends Component {\n static displayName = 'RadioGroup';\n\n static defaultProps = {\n defaultValue: null,\n };\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n setContext() {\n const { theme, size, name, value, onChange, disabled } = this.asProps;\n\n return {\n onChange,\n value,\n theme,\n size,\n name,\n disabled,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n\n return (\n <Root render={Flex} direction='column' role='group' __excludeProps={['onChange']}>\n <Children />\n </Root>\n );\n }\n}\n\nconst RadioGroup = createComponent(RadioGroupRoot);\n\nclass RadioRoot extends Component {\n static displayName = 'Radio';\n static style = style;\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n\n state = {\n hoistedDisabled: undefined,\n };\n\n hoistDisabled = (disabled) => {\n logger.warn(\n true,\n `Don't set disabled on Radio.Value or Radio.Text, set it on Radio or on RadioGroup (for all items) instead. Otherwise it will produce wrong SSR output.`,\n this.asProps['data-ui-name'],\n );\n this.setState({ hoistedDisabled: disabled });\n };\n\n getTextProps() {\n // The default values are here, since you cannot rewrite out of context\n const { size = 'm', disabled, label } = assignProps(this.asProps, this.context);\n const { hoistedDisabled } = this.state;\n\n const textProps = {\n size,\n children: label,\n disabled: disabled ?? hoistedDisabled,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n\n return textProps;\n }\n\n getValueProps() {\n // The default values are here, since you cannot rewrite out of context\n const {\n size = 'm',\n state = 'normal',\n theme,\n disabled,\n name,\n } = assignProps(this.asProps, this.context);\n const { value, checked } = this.asProps;\n const { hoistedDisabled } = this.state;\n\n return {\n size: this.props.size ?? size,\n disabled: disabled ?? hoistedDisabled,\n state: state,\n theme,\n value,\n checked,\n name,\n hoistDisabled: this.hoistDisabled,\n rootDisabled: this.props.disabled,\n };\n }\n\n render() {\n const SRadio = Root;\n const { styles, Children, children: hasChildren } = this.asProps;\n\n return sstyled(styles)(\n <SRadio render={Box} tag='label' __excludeProps={['onChange', 'label', 'disabled']}>\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n <Radio.Value />\n <Radio.Text />\n </>\n )}\n </SRadio>,\n );\n }\n}\n\nclass ValueRoot extends Component {\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n\n static enhance = [resolveColorEnhance()];\n static displayName = 'Value';\n static contextType = RadioGroup[CONTEXT_COMPONENT];\n static style = style;\n\n bindHandlerChange = (value) => (e) => {\n if (typeof this.context.onChange === 'function') {\n this.context.onChange(value, e);\n }\n };\n\n uncontrolledProps() {\n return {\n checked: (e) => e.target.checked,\n };\n }\n\n getControlProps() {\n const currentValue = this.context.value;\n const { forwardRef, includeInputProps, state, value } = this.asProps;\n const [commonControlProps] = getInputProps(this.asProps, includeInputProps);\n const inputValue = value ?? '';\n\n const controlProps = {\n ref: forwardRef,\n state,\n ...commonControlProps,\n value: inputValue,\n };\n\n if (currentValue !== undefined) {\n const { onChange } = this.props;\n\n controlProps.checked = currentValue === inputValue;\n controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));\n }\n\n return controlProps;\n }\n\n getRadioMarkProps() {\n const currentValue = this.context.value;\n const {\n size,\n state,\n theme,\n keyboardFocused,\n value,\n tag,\n disabled,\n includeInputProps,\n resolveColor,\n ...other\n } = this.asProps;\n const [commonControlProps, radioMarkProps] = getInputProps(other, includeInputProps);\n const { children: _children, Children: _Children, ...propsWithoutChildren } = radioMarkProps;\n const inputValue = value ?? '';\n\n const markProps = {\n theme,\n size,\n state,\n keyboardFocused,\n disabled,\n resolveColor,\n checked: commonControlProps.checked,\n ...propsWithoutChildren,\n };\n\n if (currentValue !== undefined) {\n const { onClick } = this.props;\n\n if (tag !== 'label') {\n markProps.onClick = callAllEventHandlers(onClick, this.bindHandlerChange(inputValue));\n }\n }\n\n return markProps;\n }\n\n componentDidUpdate() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n componentDidMount() {\n if (this.asProps.rootDisabled !== this.asProps.disabled) {\n this.asProps.hoistDisabled(this.asProps.disabled);\n }\n }\n\n render() {\n const { styles, children: hasChildren, Children } = this.asProps;\n\n if (!hasChildren) {\n return sstyled(styles)(\n <>\n <Radio.Value.Control />\n <Radio.Value.RadioMark />\n </>,\n );\n }\n\n return sstyled(styles)(<Children />);\n }\n}\n\nfunction Control(props) {\n const SControl = Root;\n const { styles, state } = props;\n\n return sstyled(styles)(\n <SControl render={Box} tag='input' type='radio' aria-invalid={state === 'invalid'} />,\n );\n};\nControl.displayName = 'Control';\n\nfunction RadioMark(props) {\n const SValue = Root;\n const SInvalidPattern = InvalidStateBox;\n const { theme, styles, resolveColor, state, checked } = props;\n\n return sstyled(styles)(\n <SValue render={Box} tag='div' use:theme={resolveColor(theme)} aria-hidden={true}>\n {state === 'invalid' && !checked && <SInvalidPattern />}\n </SValue>,\n );\n}\nRadioMark.displayName = 'RadioMark';\n\nfunction Text(props) {\n const SText = Root;\n const { styles, color } = props;\n\n React.useEffect(() => {\n if (props.rootDisabled !== props.disabled) {\n props.hoistDisabled(props.disabled);\n }\n }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n const resolveColor = useColorResolver();\n\n return sstyled(styles)(\n <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n );\n}\nText.displayName = 'Text';\n\nexport { inputProps, RadioGroup };\n\nconst Value = createComponent(ValueRoot, {\n Control,\n RadioMark,\n});\n\nconst Radio = createComponent(RadioRoot, {\n Text,\n Value,\n});\n\nexport const wrapRadioGroup = (wrapper) => wrapper;\n\nexport default Radio;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n /** Radio item value **/\n value?: RadioValue;\n\n /** Radio item checked flag **/\n checked?: boolean;\n\n /**\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * Radio button size\n * @default m\n **/\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Radio item text **/\n label?: string;\n /** Blocks access and changes to the radio item **/\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {\n /**\n * HTML tag name for the displayed item\n */\n tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n /** Radio group name */\n name?: string;\n /** Active default value */\n defaultValue?: T;\n /** Active value */\n value?: T;\n /** Called when the selected element is changed */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Radio button size */\n size?: RadioSize;\n /** The theme of the radio button that you can send your color to */\n theme?: string;\n /** Blocks access and changes to the form field */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps & {\n /** List of elements that can be put on a hidden input */\n includeInputProps?: string[];\n /**\n * @deprecated set `state` on root Radio instead\n * The value displaying the state of the component\n * @default normal\n */\n state?: RadioState;\n /**\n * @deprecated\n * The theme of the radio button that you can send your color to\n */\n theme?: string;\n /**\n * @deprecated set `size` on root RadioGroup instead\n * Radio button size\n */\n size?: RadioSize;\n /**\n * @deprecated set `value` on root Radio instead\n * The element value is required for RadioGroup\n */\n value?: RadioValue;\n /**\n * @deprecated set `defaultValue` on root RadioGroup instead\n * Default value if `value` property is not provided\n */\n defaultValue?: RadioValue;\n /**\n * @deprecated set `onChange` on root RadioGroup instead\n * Called when the value changes\n */\n onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /**\n * @deprecated set `disabled` on root Radio instead\n * Blocks access and changes to the form field\n */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n getValueProps: PropGetterFn;\n getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n Value extends RadioValue,\n Tag extends Intergalactic.Tag = typeof Flex,\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n Value: Intergalactic.Component<'input', RadioValueProps> & {\n Control: Intergalactic.Component<'input', RadioValueControlProps>;\n RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n };\n Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -4,38 +4,22 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
var _exportNames = {
|
|
8
|
-
wrapRadioGroup: true,
|
|
9
|
-
RadioGroup: true
|
|
10
|
-
};
|
|
11
|
-
Object.defineProperty(exports, "RadioGroup", {
|
|
12
|
-
enumerable: true,
|
|
13
|
-
get: function get() {
|
|
14
|
-
return _Radio.RadioGroup;
|
|
15
|
-
}
|
|
16
|
-
});
|
|
7
|
+
var _exportNames = {};
|
|
17
8
|
Object.defineProperty(exports, "default", {
|
|
18
9
|
enumerable: true,
|
|
19
10
|
get: function get() {
|
|
20
11
|
return _Radio["default"];
|
|
21
12
|
}
|
|
22
13
|
});
|
|
23
|
-
Object.defineProperty(exports, "wrapRadioGroup", {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: function get() {
|
|
26
|
-
return _Radio.wrapRadioGroup;
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
14
|
var _Radio = _interopRequireWildcard(require("./Radio"));
|
|
30
|
-
|
|
31
|
-
Object.keys(_Radio2).forEach(function (key) {
|
|
15
|
+
Object.keys(_Radio).forEach(function (key) {
|
|
32
16
|
if (key === "default" || key === "__esModule") return;
|
|
33
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
34
|
-
if (key in exports && exports[key] ===
|
|
18
|
+
if (key in exports && exports[key] === _Radio[key]) return;
|
|
35
19
|
Object.defineProperty(exports, key, {
|
|
36
20
|
enumerable: true,
|
|
37
21
|
get: function get() {
|
|
38
|
-
return
|
|
22
|
+
return _Radio[key];
|
|
39
23
|
}
|
|
40
24
|
});
|
|
41
25
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Radio","_interopRequireWildcard","require","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Radio","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Radio';\nexport * from './Radio';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,MAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,MAAA,CAAAM,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -17,6 +17,16 @@ SRadio[disabled] {
|
|
|
17
17
|
pointer-events: none;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
SText[size='m'] {
|
|
21
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
22
|
+
line-height: var(--intergalactic-lh-200, 142%);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
SText[size='l'] {
|
|
26
|
+
font-size: var(--intergalactic-fs-300, 16px);
|
|
27
|
+
line-height: var(--intergalactic-lh-300, 150%);
|
|
28
|
+
}
|
|
29
|
+
|
|
20
30
|
SValue {
|
|
21
31
|
position: relative;
|
|
22
32
|
flex-shrink: 0;
|
|
@@ -86,7 +96,7 @@ SValue[state='normal']::before {
|
|
|
86
96
|
}
|
|
87
97
|
|
|
88
98
|
SValue[state='invalid']::before {
|
|
89
|
-
border-color: var(--intergalactic-border-critical-active, oklch(0.
|
|
99
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
90
100
|
}
|
|
91
101
|
|
|
92
102
|
SControl {
|
|
@@ -105,7 +115,7 @@ SControl:checked~SValue[size='l']::after {
|
|
|
105
115
|
}
|
|
106
116
|
|
|
107
117
|
SControl:focus-visible+SValue[state='normal']::before {
|
|
108
|
-
border-color: var(--intergalactic-border-info-active, oklch(0.
|
|
118
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
109
119
|
@mixin focus-outline-mixin;
|
|
110
120
|
}
|
|
111
121
|
|
|
@@ -116,7 +126,7 @@ SControl:checked:focus-visible~SValue::before {
|
|
|
116
126
|
}
|
|
117
127
|
|
|
118
128
|
SControl:focus-visible+SValue[state='invalid']::before {
|
|
119
|
-
border-color: var(--intergalactic-border-critical-active, oklch(0.
|
|
129
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
|
|
120
130
|
@mixin focus-outline-mixin;
|
|
121
131
|
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
|
|
122
132
|
}
|
|
@@ -140,7 +150,7 @@ SInvalidPattern {
|
|
|
140
150
|
top: 1px;
|
|
141
151
|
left: 1px;
|
|
142
152
|
border-radius: 50%;
|
|
143
|
-
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.
|
|
153
|
+
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.628 0.258 29 / 0.56) 0, oklch(0.628 0.258 29 / 0.56) 1px, transparent 0, transparent 50%));
|
|
144
154
|
background-size: 6px 6px;
|
|
145
155
|
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
146
156
|
}
|