@semcore/radio 16.2.0-prerelease.3 → 16.2.0
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 +92 -93
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/Radio.type.js +2 -0
- package/lib/cjs/Radio.type.js.map +1 -0
- package/lib/cjs/index.js +20 -4
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/radio.shadow.css +4 -14
- package/lib/es6/Radio.js +89 -90
- package/lib/es6/Radio.js.map +1 -1
- package/lib/es6/Radio.type.js +2 -0
- package/lib/es6/Radio.type.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 +4 -14
- package/lib/esm/Radio.mjs +52 -54
- package/lib/esm/Radio.type.mjs +1 -0
- package/lib/esm/index.mjs +1 -2
- package/lib/esm/style/radio.shadow.css +4 -14
- package/lib/types/Radio.d.ts +9 -0
- package/lib/types/Radio.type.d.ts +98 -0
- package/lib/types/index.d.ts +2 -147
- package/package.json +6 -6
- package/lib/cjs/index.d.js +0 -2
- package/lib/cjs/index.d.js.map +0 -1
- package/lib/es6/index.d.js +0 -2
- package/lib/es6/index.d.js.map +0 -1
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
|
|
25
|
+
var _baseComponents = require("@semcore/base-components");
|
|
26
|
+
var _assignProps6 = require("@semcore/core/lib/utils/assignProps");
|
|
26
27
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
27
28
|
var _inputProps = _interopRequireWildcard(require("@semcore/core/lib/utils/inputProps"));
|
|
28
29
|
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
29
30
|
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"]
|
|
34
|
-
_excluded2 = ["children", "Children"];
|
|
33
|
+
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor", "children", "Children"];
|
|
35
34
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
36
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
35
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SRadio_1p42f_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1p42f_gg_ .___SText_1p42f_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRadio_1p42f_gg_ .___SText_1p42f_gg_.__color_1p42f_gg_{color:var(--color_1p42f)}.___SRadio_1p42f_gg_.__disabled_1p42f_gg_{pointer-events:none}.___SValue_1p42f_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1p42f_gg_::after,.___SValue_1p42f_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SValue_1p42f_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1p42f_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1p42f_gg_.__disabled_1p42f_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_1p42f_gg_._size_m_1p42f_gg_{width:16px;height:16px}.___SValue_1p42f_gg_._size_m_1p42f_gg_ .___SInvalidPattern_1p42f_gg_:before{width:14px;height:14px}.___SValue_1p42f_gg_._size_l_1p42f_gg_{width:20px;height:20px}.___SValue_1p42f_gg_._size_l_1p42f_gg_ .___SInvalidPattern_1p42f_gg_:before{width:18px;height:18px}.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@supports (color:color(display-p3 0 0 0%)){.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100))}@media (color-gamut:p3){.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923))}}}.___SControl_1p42f_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1p42f_gg_:checked~.___SValue_1p42f_gg_._size_m_1p42f_gg_::after{width:6px;height:6px}.___SControl_1p42f_gg_:checked~.___SValue_1p42f_gg_._size_l_1p42f_gg_::after{width:8px;height:8px}.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));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_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_normal_1p42f_gg_::before{outline-color:var(--intergalactic-keyboard-focus-outline, color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}.___SControl_1p42f_gg_:checked:focus-visible~.___SValue_1p42f_gg_::before,.___SControl_1p42f_gg_:checked~.___SValue_1p42f_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_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));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_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, rgb(255, 99, 100));outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 32, 221, 0.469))}@media (color-gamut:p3){.___SControl_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.95478 0.398 0.38923));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_1p42f_gg_:focus-visible+.___SValue_1p42f_gg_._state_invalid_1p42f_gg_::before{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SControl_1p42f_gg_:checked~.___SValue_1p42f_gg_.__theme_1p42f_gg_::before{border-color:var(--theme_1p42f);background-color:var(--theme_1p42f)}.___SValue_1p42f_gg_._state_normal_1p42f_gg_.__theme_1p42f_gg_::before{border-color:var(--theme_1p42f)}.___SInvalidPattern_1p42f_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1p42f_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 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_1p42f_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgb(255, 99, 100) 0, rgb(255, 99, 100) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInvalidPattern_1p42f_gg_:before{background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.95478 0.398 0.38923) 0, color(display-p3 0.95478 0.398 0.38923) 1px, transparent 0, transparent 50%))}}}", /*__inner_css_end__*/"1p42f_gg_"),
|
|
37
36
|
/*__reshadow_css_end__*/
|
|
38
37
|
{
|
|
39
|
-
"__SRadio": "
|
|
40
|
-
"_disabled": "
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"_color": "
|
|
51
|
-
"--color": "--
|
|
52
|
-
"__SInvalidPattern": "
|
|
38
|
+
"__SRadio": "___SRadio_1p42f_gg_",
|
|
39
|
+
"_disabled": "__disabled_1p42f_gg_",
|
|
40
|
+
"__SValue": "___SValue_1p42f_gg_",
|
|
41
|
+
"_state_normal": "_state_normal_1p42f_gg_",
|
|
42
|
+
"_state_invalid": "_state_invalid_1p42f_gg_",
|
|
43
|
+
"__SControl": "___SControl_1p42f_gg_",
|
|
44
|
+
"_size_m": "_size_m_1p42f_gg_",
|
|
45
|
+
"_size_l": "_size_l_1p42f_gg_",
|
|
46
|
+
"_theme": "__theme_1p42f_gg_",
|
|
47
|
+
"--theme": "--theme_1p42f",
|
|
48
|
+
"__SText": "___SText_1p42f_gg_",
|
|
49
|
+
"_color": "__color_1p42f_gg_",
|
|
50
|
+
"--color": "--color_1p42f",
|
|
51
|
+
"__SInvalidPattern": "___SInvalidPattern_1p42f_gg_"
|
|
53
52
|
});
|
|
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(_baseComponents.Flex, (0, _core.assignProps)({
|
|
92
92
|
"direction": 'column',
|
|
93
93
|
"role": 'group',
|
|
94
94
|
"__excludeProps": ['onChange']
|
|
@@ -100,7 +100,9 @@ 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
|
|
103
|
+
var RadioGroup = exports.RadioGroup = (0, _core.createComponent)(RadioGroupRoot, {}, {
|
|
104
|
+
context: RadioContext
|
|
105
|
+
});
|
|
104
106
|
var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
105
107
|
function RadioRoot() {
|
|
106
108
|
var _this;
|
|
@@ -109,6 +111,7 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
109
111
|
args[_key] = arguments[_key];
|
|
110
112
|
}
|
|
111
113
|
_this = (0, _callSuper2["default"])(this, RadioRoot, [].concat(args));
|
|
114
|
+
(0, _defineProperty2["default"])(_this, "context", {});
|
|
112
115
|
(0, _defineProperty2["default"])(_this, "state", {
|
|
113
116
|
hoistedDisabled: undefined
|
|
114
117
|
});
|
|
@@ -124,15 +127,16 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
124
127
|
return (0, _createClass2["default"])(RadioRoot, [{
|
|
125
128
|
key: "getTextProps",
|
|
126
129
|
value: function getTextProps() {
|
|
127
|
-
|
|
128
|
-
var
|
|
129
|
-
|
|
130
|
-
size =
|
|
131
|
-
|
|
132
|
-
|
|
130
|
+
var _this$context$size;
|
|
131
|
+
var _this$asProps2 = this.asProps,
|
|
132
|
+
_this$asProps2$size = _this$asProps2.size,
|
|
133
|
+
size = _this$asProps2$size === void 0 ? (_this$context$size = this.context.size) !== null && _this$context$size !== void 0 ? _this$context$size : 'm' : _this$asProps2$size,
|
|
134
|
+
_this$asProps2$disabl = _this$asProps2.disabled,
|
|
135
|
+
disabled = _this$asProps2$disabl === void 0 ? this.context.disabled : _this$asProps2$disabl,
|
|
136
|
+
label = _this$asProps2.label;
|
|
133
137
|
var hoistedDisabled = this.state.hoistedDisabled;
|
|
134
138
|
var textProps = {
|
|
135
|
-
size: size,
|
|
139
|
+
size: size === 'm' ? 200 : 300,
|
|
136
140
|
children: label,
|
|
137
141
|
disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
|
|
138
142
|
hoistDisabled: this.hoistDisabled,
|
|
@@ -143,19 +147,21 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
143
147
|
}, {
|
|
144
148
|
key: "getValueProps",
|
|
145
149
|
value: function getValueProps() {
|
|
146
|
-
var _this$props$size;
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
size =
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
theme =
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
150
|
+
var _this$context$size2, _this$props$size;
|
|
151
|
+
var _this$asProps3 = this.asProps,
|
|
152
|
+
_this$asProps3$state = _this$asProps3.state,
|
|
153
|
+
state = _this$asProps3$state === void 0 ? 'normal' : _this$asProps3$state,
|
|
154
|
+
_this$asProps3$size = _this$asProps3.size,
|
|
155
|
+
size = _this$asProps3$size === void 0 ? (_this$context$size2 = this.context.size) !== null && _this$context$size2 !== void 0 ? _this$context$size2 : 'm' : _this$asProps3$size,
|
|
156
|
+
_this$asProps3$theme = _this$asProps3.theme,
|
|
157
|
+
theme = _this$asProps3$theme === void 0 ? this.context.theme : _this$asProps3$theme,
|
|
158
|
+
_this$asProps3$disabl = _this$asProps3.disabled,
|
|
159
|
+
disabled = _this$asProps3$disabl === void 0 ? this.context.disabled : _this$asProps3$disabl,
|
|
160
|
+
_this$asProps3$name = _this$asProps3.name,
|
|
161
|
+
name = _this$asProps3$name === void 0 ? this.context.name : _this$asProps3$name;
|
|
162
|
+
var _this$asProps4 = this.asProps,
|
|
163
|
+
value = _this$asProps4.value,
|
|
164
|
+
checked = _this$asProps4.checked;
|
|
159
165
|
var hoistedDisabled = this.state.hoistedDisabled;
|
|
160
166
|
return {
|
|
161
167
|
size: (_this$props$size = this.props.size) !== null && _this$props$size !== void 0 ? _this$props$size : size,
|
|
@@ -174,11 +180,11 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
174
180
|
value: function render() {
|
|
175
181
|
var _ref2 = this.asProps,
|
|
176
182
|
_ref6;
|
|
177
|
-
var SRadio =
|
|
178
|
-
var _this$
|
|
179
|
-
styles = _this$
|
|
180
|
-
Children = _this$
|
|
181
|
-
hasChildren = _this$
|
|
183
|
+
var SRadio = _baseComponents.Box;
|
|
184
|
+
var _this$asProps5 = this.asProps,
|
|
185
|
+
styles = _this$asProps5.styles,
|
|
186
|
+
Children = _this$asProps5.Children,
|
|
187
|
+
hasChildren = _this$asProps5.children;
|
|
182
188
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRadio, _ref6.cn("SRadio", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
183
189
|
"tag": 'label',
|
|
184
190
|
"__excludeProps": ['onChange', 'label', 'disabled']
|
|
@@ -188,7 +194,7 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
188
194
|
}(_core.Component);
|
|
189
195
|
(0, _defineProperty2["default"])(RadioRoot, "displayName", 'Radio');
|
|
190
196
|
(0, _defineProperty2["default"])(RadioRoot, "style", style);
|
|
191
|
-
(0, _defineProperty2["default"])(RadioRoot, "contextType",
|
|
197
|
+
(0, _defineProperty2["default"])(RadioRoot, "contextType", RadioContext);
|
|
192
198
|
var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
193
199
|
function ValueRoot() {
|
|
194
200
|
var _this2;
|
|
@@ -197,9 +203,10 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
197
203
|
args[_key2] = arguments[_key2];
|
|
198
204
|
}
|
|
199
205
|
_this2 = (0, _callSuper2["default"])(this, ValueRoot, [].concat(args));
|
|
206
|
+
(0, _defineProperty2["default"])(_this2, "context", {});
|
|
200
207
|
(0, _defineProperty2["default"])(_this2, "bindHandlerChange", function (value) {
|
|
201
208
|
return function (e) {
|
|
202
|
-
if (typeof _this2.context.onChange === 'function') {
|
|
209
|
+
if (typeof _this2.context.onChange === 'function' && value !== undefined) {
|
|
203
210
|
_this2.context.onChange(value, e);
|
|
204
211
|
}
|
|
205
212
|
};
|
|
@@ -220,52 +227,50 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
220
227
|
key: "getControlProps",
|
|
221
228
|
value: function getControlProps() {
|
|
222
229
|
var currentValue = this.context.value;
|
|
223
|
-
var _this$
|
|
224
|
-
forwardRef = _this$
|
|
225
|
-
includeInputProps = _this$
|
|
226
|
-
state = _this$
|
|
227
|
-
value = _this$
|
|
230
|
+
var _this$asProps6 = this.asProps,
|
|
231
|
+
forwardRef = _this$asProps6.forwardRef,
|
|
232
|
+
includeInputProps = _this$asProps6.includeInputProps,
|
|
233
|
+
state = _this$asProps6.state,
|
|
234
|
+
value = _this$asProps6.value;
|
|
235
|
+
var onChange = this.props.onChange;
|
|
228
236
|
var _getInputProps = (0, _inputProps["default"])(this.asProps, includeInputProps),
|
|
229
237
|
_getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
|
|
230
238
|
commonControlProps = _getInputProps2[0];
|
|
231
239
|
var inputValue = value !== null && value !== void 0 ? value : '';
|
|
232
|
-
|
|
240
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
233
241
|
ref: forwardRef,
|
|
234
242
|
state: state
|
|
235
243
|
}, commonControlProps), {}, {
|
|
236
244
|
value: inputValue
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
controlProps.onChange = (0, _assignProps8.callAllEventHandlers)(onChange, this.bindHandlerChange(inputValue));
|
|
242
|
-
}
|
|
243
|
-
return controlProps;
|
|
245
|
+
}, currentValue !== undefined ? {
|
|
246
|
+
checked: currentValue === inputValue,
|
|
247
|
+
onChange: (0, _assignProps6.callAllEventHandlers)(onChange, this.bindHandlerChange(inputValue))
|
|
248
|
+
} : {});
|
|
244
249
|
}
|
|
245
250
|
}, {
|
|
246
251
|
key: "getRadioMarkProps",
|
|
247
252
|
value: function getRadioMarkProps() {
|
|
248
253
|
var currentValue = this.context.value;
|
|
249
|
-
var _this$
|
|
250
|
-
size = _this$
|
|
251
|
-
state = _this$
|
|
252
|
-
theme = _this$
|
|
253
|
-
keyboardFocused = _this$
|
|
254
|
-
value = _this$
|
|
255
|
-
tag = _this$
|
|
256
|
-
disabled = _this$
|
|
257
|
-
includeInputProps = _this$
|
|
258
|
-
resolveColor = _this$
|
|
259
|
-
|
|
254
|
+
var _this$asProps7 = this.asProps,
|
|
255
|
+
size = _this$asProps7.size,
|
|
256
|
+
state = _this$asProps7.state,
|
|
257
|
+
theme = _this$asProps7.theme,
|
|
258
|
+
keyboardFocused = _this$asProps7.keyboardFocused,
|
|
259
|
+
value = _this$asProps7.value,
|
|
260
|
+
tag = _this$asProps7.tag,
|
|
261
|
+
disabled = _this$asProps7.disabled,
|
|
262
|
+
includeInputProps = _this$asProps7.includeInputProps,
|
|
263
|
+
resolveColor = _this$asProps7.resolveColor,
|
|
264
|
+
children = _this$asProps7.children,
|
|
265
|
+
Children = _this$asProps7.Children,
|
|
266
|
+
other = (0, _objectWithoutProperties2["default"])(_this$asProps7, _excluded);
|
|
267
|
+
var onClick = this.props.onClick;
|
|
260
268
|
var _getInputProps3 = (0, _inputProps["default"])(other, includeInputProps),
|
|
261
269
|
_getInputProps4 = (0, _slicedToArray2["default"])(_getInputProps3, 2),
|
|
262
270
|
commonControlProps = _getInputProps4[0],
|
|
263
271
|
radioMarkProps = _getInputProps4[1];
|
|
264
|
-
var _children = radioMarkProps.children,
|
|
265
|
-
_Children = radioMarkProps.Children,
|
|
266
|
-
propsWithoutChildren = (0, _objectWithoutProperties2["default"])(radioMarkProps, _excluded2);
|
|
267
272
|
var inputValue = value !== null && value !== void 0 ? value : '';
|
|
268
|
-
|
|
273
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
269
274
|
theme: theme,
|
|
270
275
|
size: size,
|
|
271
276
|
state: state,
|
|
@@ -273,14 +278,9 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
273
278
|
disabled: disabled,
|
|
274
279
|
resolveColor: resolveColor,
|
|
275
280
|
checked: commonControlProps.checked
|
|
276
|
-
},
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
if (tag !== 'label') {
|
|
280
|
-
markProps.onClick = (0, _assignProps8.callAllEventHandlers)(onClick, this.bindHandlerChange(inputValue));
|
|
281
|
-
}
|
|
282
|
-
}
|
|
283
|
-
return markProps;
|
|
281
|
+
}, radioMarkProps), currentValue !== undefined && tag !== 'label' ? {
|
|
282
|
+
onClick: (0, _assignProps6.callAllEventHandlers)(onClick, this.bindHandlerChange(inputValue))
|
|
283
|
+
} : {});
|
|
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$asProps8 = this.asProps,
|
|
304
|
+
styles = _this$asProps8.styles,
|
|
305
|
+
hasChildren = _this$asProps8.children,
|
|
306
|
+
Children = _this$asProps8.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", RadioContext);
|
|
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 = _baseComponents.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,13 +332,12 @@ function Control(props) {
|
|
|
332
332
|
"aria-invalid": state === 'invalid'
|
|
333
333
|
}, _ref3))));
|
|
334
334
|
}
|
|
335
|
-
;
|
|
336
335
|
Control.displayName = 'Control';
|
|
337
336
|
function RadioMark(props) {
|
|
338
337
|
var _ref4 = arguments[0],
|
|
339
338
|
_ref0;
|
|
340
|
-
var SValue =
|
|
341
|
-
var SInvalidPattern =
|
|
339
|
+
var SValue = _baseComponents.Box;
|
|
340
|
+
var SInvalidPattern = _baseComponents.InvalidStateBox;
|
|
342
341
|
var theme = props.theme,
|
|
343
342
|
styles = props.styles,
|
|
344
343
|
resolveColor = props.resolveColor,
|
package/lib/cjs/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":[]}
|
|
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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.type.js","names":[],"sources":["../../src/Radio.type.ts"],"sourcesContent":["import type { Flex, BoxProps } from '@semcore/base-components';\nimport type { Intergalactic, PropGetterFn } from '@semcore/core';\nimport type { NSText } from '@semcore/typography';\n\ndeclare namespace NSRadio {\n type Size = 'm' | 'l';\n type State = 'normal' | 'invalid';\n type Value = string | number | boolean;\n type Props = BoxProps & {\n /** Radio item value **/\n value?: NSRadio.Value;\n /** Radio item checked flag **/\n checked?: boolean;\n /**\n * The value displaying the state of the component\n * @default normal\n */\n state?: NSRadio.State;\n /**\n * Radio button size\n * @default m\n **/\n size?: NSRadio.Size;\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 type Ctx = {\n getValueProps: PropGetterFn;\n getTextProps: PropGetterFn;\n };\n namespace Value {\n type Props = BoxProps & {\n /** List of elements that can be put on a hidden input */\n includeInputProps?: string[];\n };\n namespace Control {\n type Props = {};\n type Component = Intergalactic.Component<'input', Props>;\n }\n\n namespace Mark {\n type Props = {};\n type Component = Intergalactic.Component<'input', Props>;\n }\n\n type Component = Intergalactic.Component<'input', Props> & {\n Control: Control.Component;\n RadioMark: Mark.Component;\n };\n }\n\n namespace Text {\n type Props = NSText.Props;\n type Component = Intergalactic.Component<'span', Props>;\n }\n\n namespace Group {\n type Props<T extends NSRadio.Value = NSRadio.Value> = {\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?: NSRadio.Size;\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 type Component<PropsExtending = {}> = (<V extends Value, Tag extends Intergalactic.Tag = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, Props<V>> & PropsExtending,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, Props>;\n }\n type Component = Intergalactic.Component<'label', Props, Ctx> & {\n Value: Value.Component;\n Text: Text.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type RadioSize = NSRadio.Size;\n/** @deprecated It will be removed in v18. */\nexport type RadioState = NSRadio.State;\n/** @deprecated It will be removed in v18. */\nexport type RadioValue = NSRadio.Value;\n/** @deprecated It will be removed in v18. */\nexport type RadioProps = NSRadio.Props;\n/** @deprecated It will be removed in v18. */\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = NSRadio.Group.Props<T>;\n/** @deprecated It will be removed in v18. */\nexport type RadioValueProps = NSRadio.Value.Props;\n/** @deprecated It will be removed in v18. */\nexport type RadioCtx = NSRadio.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type RadioValueControlProps = NSRadio.Value.Control.Props;\n/** @deprecated It will be removed in v18. */\nexport type RadioValueMarkProps = NSRadio.Value.Mark.Props;\n\nexport type { NSRadio };\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -4,22 +4,38 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
var _exportNames = {
|
|
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
|
+
});
|
|
8
17
|
Object.defineProperty(exports, "default", {
|
|
9
18
|
enumerable: true,
|
|
10
19
|
get: function get() {
|
|
11
20
|
return _Radio["default"];
|
|
12
21
|
}
|
|
13
22
|
});
|
|
23
|
+
Object.defineProperty(exports, "wrapRadioGroup", {
|
|
24
|
+
enumerable: true,
|
|
25
|
+
get: function get() {
|
|
26
|
+
return _Radio.wrapRadioGroup;
|
|
27
|
+
}
|
|
28
|
+
});
|
|
14
29
|
var _Radio = _interopRequireWildcard(require("./Radio"));
|
|
15
|
-
|
|
30
|
+
var _Radio2 = require("./Radio.type");
|
|
31
|
+
Object.keys(_Radio2).forEach(function (key) {
|
|
16
32
|
if (key === "default" || key === "__esModule") return;
|
|
17
33
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
18
|
-
if (key in exports && exports[key] ===
|
|
34
|
+
if (key in exports && exports[key] === _Radio2[key]) return;
|
|
19
35
|
Object.defineProperty(exports, key, {
|
|
20
36
|
enumerable: true,
|
|
21
37
|
get: function get() {
|
|
22
|
-
return
|
|
38
|
+
return _Radio2[key];
|
|
23
39
|
}
|
|
24
40
|
});
|
|
25
41
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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.
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Radio","_interopRequireWildcard","require","_Radio2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.ts"],"sourcesContent":["export { default, wrapRadioGroup, RadioGroup } from './Radio';\nexport * from './Radio.type';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,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,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -17,16 +17,6 @@ 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
|
-
|
|
30
20
|
SValue {
|
|
31
21
|
position: relative;
|
|
32
22
|
flex-shrink: 0;
|
|
@@ -96,7 +86,7 @@ SValue[state='normal']::before {
|
|
|
96
86
|
}
|
|
97
87
|
|
|
98
88
|
SValue[state='invalid']::before {
|
|
99
|
-
border-color: var(--intergalactic-border-critical-active, oklch(0.
|
|
89
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
|
|
100
90
|
}
|
|
101
91
|
|
|
102
92
|
SControl {
|
|
@@ -115,7 +105,7 @@ SControl:checked~SValue[size='l']::after {
|
|
|
115
105
|
}
|
|
116
106
|
|
|
117
107
|
SControl:focus-visible+SValue[state='normal']::before {
|
|
118
|
-
border-color: var(--intergalactic-border-info-active, oklch(0.
|
|
108
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
|
|
119
109
|
@mixin focus-outline-mixin;
|
|
120
110
|
}
|
|
121
111
|
|
|
@@ -126,7 +116,7 @@ SControl:checked:focus-visible~SValue::before {
|
|
|
126
116
|
}
|
|
127
117
|
|
|
128
118
|
SControl:focus-visible+SValue[state='invalid']::before {
|
|
129
|
-
border-color: var(--intergalactic-border-critical-active, oklch(0.
|
|
119
|
+
border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
|
|
130
120
|
@mixin focus-outline-mixin;
|
|
131
121
|
outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
|
|
132
122
|
}
|
|
@@ -150,7 +140,7 @@ SInvalidPattern {
|
|
|
150
140
|
top: 1px;
|
|
151
141
|
left: 1px;
|
|
152
142
|
border-radius: 50%;
|
|
153
|
-
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.
|
|
143
|
+
background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.7 0.21 23) 0, oklch(0.7 0.21 23) 1px, transparent 0, transparent 50%));
|
|
154
144
|
background-size: 6px 6px;
|
|
155
145
|
background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
|
|
156
146
|
}
|