@semcore/radio 16.0.1 → 16.0.2-prerelease.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 +6 -0
- package/README.md +1 -31
- package/lib/cjs/Radio.js +47 -56
- package/lib/cjs/Radio.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/Radio.js +43 -49
- package/lib/es6/Radio.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/Radio.mjs +44 -47
- package/lib/types/index.d.ts +6 -6
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.0.2] - 2025-06-13
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/flex-box` [16.0.1 ~> 16.0.2], `@semcore/base-components` [16.0.1 ~> 16.0.2]).
|
|
10
|
+
|
|
5
11
|
## [16.0.1] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,40 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/radio
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import Radio, { RadioGroup } from 'intergalactic/radio';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/radio @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import Radio, { RadioGroup } from '@semcore/radio';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
20
|
|
|
51
21
|
## 👤 Author
|
|
52
22
|
|
package/lib/cjs/Radio.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
@@ -16,50 +16,51 @@ exports.wrapRadioGroup = void 0;
|
|
|
16
16
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
17
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
18
18
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
19
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
20
19
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
21
20
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
22
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
23
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
22
24
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
24
25
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
26
|
var _core = require("@semcore/core");
|
|
26
|
-
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
var _flexBox = require("@semcore/flex-box");
|
|
28
27
|
var _assignProps8 = _interopRequireWildcard(require("@semcore/core/lib/utils/assignProps"));
|
|
29
28
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
30
29
|
var _inputProps = _interopRequireWildcard(require("@semcore/core/lib/utils/inputProps"));
|
|
31
|
-
var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
|
|
32
30
|
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
31
|
+
var _useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
|
|
32
|
+
var _flexBox = require("@semcore/flex-box");
|
|
33
33
|
var _typography = require("@semcore/typography");
|
|
34
|
+
var _react = _interopRequireDefault(require("react"));
|
|
34
35
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
|
35
36
|
_excluded2 = ["children", "Children"];
|
|
37
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
36
38
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
37
|
-
var style = (
|
|
39
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SRadio_1tlde_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1tlde_gg_ .___SText_1tlde_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1tlde_gg_ .___SText_1tlde_gg_.__color_1tlde_gg_{color:var(--color_1tlde)}.___SRadio_1tlde_gg_.__disabled_1tlde_gg_{pointer-events:none}.___SText_1tlde_gg_._size_m_1tlde_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1tlde_gg_._size_l_1tlde_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1tlde_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1tlde_gg_::after,.___SValue_1tlde_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1tlde_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1tlde_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1tlde_gg_.__disabled_1tlde_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1tlde_gg_._size_m_1tlde_gg_{width:16px;height:16px}.___SValue_1tlde_gg_._size_m_1tlde_gg_ .___SInvalidPattern_1tlde_gg_:before{width:14px;height:14px}.___SValue_1tlde_gg_._size_l_1tlde_gg_{width:20px;height:20px}.___SValue_1tlde_gg_._size_l_1tlde_gg_ .___SInvalidPattern_1tlde_gg_:before{width:18px;height:18px}.___SValue_1tlde_gg_._state_normal_1tlde_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1tlde_gg_._state_invalid_1tlde_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1tlde_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_._size_m_1tlde_gg_::after{width:6px;height:6px}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_._size_l_1tlde_gg_::after{width:8px;height:8px}.___SControl_1tlde_gg_:focus-visible+.___SValue_1tlde_gg_._state_normal_1tlde_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SControl_1tlde_gg_:focus-visible+.___SValue_1tlde_gg_._state_invalid_1tlde_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_.__theme_1tlde_gg_::before{border-color:var(--theme_1tlde);background-color:var(--theme_1tlde)}.___SValue_1tlde_gg_._state_normal_1tlde_gg_.__theme_1tlde_gg_::before{border-color:var(--theme_1tlde)}.___SInvalidPattern_1tlde_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1tlde_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}", /*__inner_css_end__*/"1tlde_gg_"),
|
|
38
40
|
/*__reshadow_css_end__*/
|
|
39
41
|
{
|
|
40
|
-
"__SRadio": "
|
|
41
|
-
"_disabled": "
|
|
42
|
-
"__SText": "
|
|
43
|
-
"_size_m": "
|
|
44
|
-
"_size_l": "
|
|
45
|
-
"__SValue": "
|
|
46
|
-
"_state_normal": "
|
|
47
|
-
"_state_invalid": "
|
|
48
|
-
"__SControl": "
|
|
49
|
-
"_theme": "
|
|
50
|
-
"--theme": "--
|
|
51
|
-
"_color": "
|
|
52
|
-
"--color": "--
|
|
53
|
-
"__SInvalidPattern": "
|
|
42
|
+
"__SRadio": "___SRadio_1tlde_gg_",
|
|
43
|
+
"_disabled": "__disabled_1tlde_gg_",
|
|
44
|
+
"__SText": "___SText_1tlde_gg_",
|
|
45
|
+
"_size_m": "_size_m_1tlde_gg_",
|
|
46
|
+
"_size_l": "_size_l_1tlde_gg_",
|
|
47
|
+
"__SValue": "___SValue_1tlde_gg_",
|
|
48
|
+
"_state_normal": "_state_normal_1tlde_gg_",
|
|
49
|
+
"_state_invalid": "_state_invalid_1tlde_gg_",
|
|
50
|
+
"__SControl": "___SControl_1tlde_gg_",
|
|
51
|
+
"_theme": "__theme_1tlde_gg_",
|
|
52
|
+
"--theme": "--theme_1tlde",
|
|
53
|
+
"_color": "__color_1tlde_gg_",
|
|
54
|
+
"--color": "--color_1tlde",
|
|
55
|
+
"__SInvalidPattern": "___SInvalidPattern_1tlde_gg_"
|
|
54
56
|
});
|
|
55
57
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
56
|
-
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
|
57
|
-
var _super = (0, _createSuper2["default"])(RadioGroupRoot);
|
|
58
58
|
function RadioGroupRoot() {
|
|
59
59
|
(0, _classCallCheck2["default"])(this, RadioGroupRoot);
|
|
60
|
-
return
|
|
60
|
+
return _callSuper(this, RadioGroupRoot, arguments);
|
|
61
61
|
}
|
|
62
|
-
(0,
|
|
62
|
+
(0, _inherits2["default"])(RadioGroupRoot, _Component);
|
|
63
|
+
return (0, _createClass2["default"])(RadioGroupRoot, [{
|
|
63
64
|
key: "uncontrolledProps",
|
|
64
65
|
value: function uncontrolledProps() {
|
|
65
66
|
return {
|
|
@@ -97,28 +98,24 @@ var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
|
97
98
|
}, _ref), /*#__PURE__*/_react["default"].createElement(Children, null));
|
|
98
99
|
}
|
|
99
100
|
}]);
|
|
100
|
-
return RadioGroupRoot;
|
|
101
101
|
}(_core.Component);
|
|
102
102
|
(0, _defineProperty2["default"])(RadioGroupRoot, "displayName", 'RadioGroup');
|
|
103
103
|
(0, _defineProperty2["default"])(RadioGroupRoot, "defaultProps", {
|
|
104
104
|
defaultValue: null
|
|
105
105
|
});
|
|
106
|
-
var RadioGroup = (0, _core.createComponent)(RadioGroupRoot);
|
|
107
|
-
exports.RadioGroup = RadioGroup;
|
|
106
|
+
var RadioGroup = exports.RadioGroup = (0, _core.createComponent)(RadioGroupRoot);
|
|
108
107
|
var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
109
|
-
(0, _inherits2["default"])(RadioRoot, _Component2);
|
|
110
|
-
var _super2 = (0, _createSuper2["default"])(RadioRoot);
|
|
111
108
|
function RadioRoot() {
|
|
112
109
|
var _this;
|
|
113
110
|
(0, _classCallCheck2["default"])(this, RadioRoot);
|
|
114
111
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
115
112
|
args[_key] = arguments[_key];
|
|
116
113
|
}
|
|
117
|
-
_this =
|
|
118
|
-
(0, _defineProperty2["default"])(
|
|
114
|
+
_this = _callSuper(this, RadioRoot, [].concat(args));
|
|
115
|
+
(0, _defineProperty2["default"])(_this, "state", {
|
|
119
116
|
hoistedDisabled: undefined
|
|
120
117
|
});
|
|
121
|
-
(0, _defineProperty2["default"])(
|
|
118
|
+
(0, _defineProperty2["default"])(_this, "hoistDisabled", function (disabled) {
|
|
122
119
|
_logger["default"].warn(true, "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.", _this.asProps['data-ui-name']);
|
|
123
120
|
_this.setState({
|
|
124
121
|
hoistedDisabled: disabled
|
|
@@ -126,7 +123,8 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
126
123
|
});
|
|
127
124
|
return _this;
|
|
128
125
|
}
|
|
129
|
-
(0,
|
|
126
|
+
(0, _inherits2["default"])(RadioRoot, _Component2);
|
|
127
|
+
return (0, _createClass2["default"])(RadioRoot, [{
|
|
130
128
|
key: "getTextProps",
|
|
131
129
|
value: function getTextProps() {
|
|
132
130
|
// The default values are here, since you cannot rewrite out of context
|
|
@@ -190,22 +188,19 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
190
188
|
}, _ref2))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Radio.Value, null), /*#__PURE__*/_react["default"].createElement(Radio.Text, null)));
|
|
191
189
|
}
|
|
192
190
|
}]);
|
|
193
|
-
return RadioRoot;
|
|
194
191
|
}(_core.Component);
|
|
195
192
|
(0, _defineProperty2["default"])(RadioRoot, "displayName", 'Radio');
|
|
196
193
|
(0, _defineProperty2["default"])(RadioRoot, "style", style);
|
|
197
194
|
(0, _defineProperty2["default"])(RadioRoot, "contextType", RadioGroup[_core.CONTEXT_COMPONENT]);
|
|
198
195
|
var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
199
|
-
(0, _inherits2["default"])(ValueRoot, _Component3);
|
|
200
|
-
var _super3 = (0, _createSuper2["default"])(ValueRoot);
|
|
201
196
|
function ValueRoot() {
|
|
202
197
|
var _this2;
|
|
203
198
|
(0, _classCallCheck2["default"])(this, ValueRoot);
|
|
204
199
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
205
200
|
args[_key2] = arguments[_key2];
|
|
206
201
|
}
|
|
207
|
-
_this2 =
|
|
208
|
-
(0, _defineProperty2["default"])(
|
|
202
|
+
_this2 = _callSuper(this, ValueRoot, [].concat(args));
|
|
203
|
+
(0, _defineProperty2["default"])(_this2, "bindHandlerChange", function (value) {
|
|
209
204
|
return function (e) {
|
|
210
205
|
if (typeof _this2.context.onChange === 'function') {
|
|
211
206
|
_this2.context.onChange(value, e);
|
|
@@ -214,7 +209,8 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
214
209
|
});
|
|
215
210
|
return _this2;
|
|
216
211
|
}
|
|
217
|
-
(0,
|
|
212
|
+
(0, _inherits2["default"])(ValueRoot, _Component3);
|
|
213
|
+
return (0, _createClass2["default"])(ValueRoot, [{
|
|
218
214
|
key: "uncontrolledProps",
|
|
219
215
|
value: function uncontrolledProps() {
|
|
220
216
|
return {
|
|
@@ -243,9 +239,7 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
243
239
|
value: inputValue
|
|
244
240
|
});
|
|
245
241
|
if (currentValue !== undefined) {
|
|
246
|
-
var
|
|
247
|
-
onChange = _this$props.onChange,
|
|
248
|
-
onClick = _this$props.onClick;
|
|
242
|
+
var onChange = this.props.onChange;
|
|
249
243
|
controlProps.checked = currentValue === inputValue;
|
|
250
244
|
controlProps.onChange = (0, _assignProps8.callAllEventHandlers)(onChange, this.bindHandlerChange(inputValue));
|
|
251
245
|
}
|
|
@@ -270,8 +264,8 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
270
264
|
_getInputProps4 = (0, _slicedToArray2["default"])(_getInputProps3, 2),
|
|
271
265
|
commonControlProps = _getInputProps4[0],
|
|
272
266
|
radioMarkProps = _getInputProps4[1];
|
|
273
|
-
var
|
|
274
|
-
|
|
267
|
+
var _children = radioMarkProps.children,
|
|
268
|
+
_Children = radioMarkProps.Children,
|
|
275
269
|
propsWithoutChildren = (0, _objectWithoutProperties2["default"])(radioMarkProps, _excluded2);
|
|
276
270
|
var inputValue = value !== null && value !== void 0 ? value : '';
|
|
277
271
|
var markProps = (0, _objectSpread2["default"])({
|
|
@@ -320,7 +314,6 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
320
314
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {}));
|
|
321
315
|
}
|
|
322
316
|
}]);
|
|
323
|
-
return ValueRoot;
|
|
324
317
|
}(_core.Component);
|
|
325
318
|
(0, _defineProperty2["default"])(ValueRoot, "defaultProps", {
|
|
326
319
|
includeInputProps: _inputProps.inputProps,
|
|
@@ -345,7 +338,7 @@ var Control = function Control(props) {
|
|
|
345
338
|
Control.displayName = 'Control';
|
|
346
339
|
var RadioMark = function RadioMark(props) {
|
|
347
340
|
var _ref4 = arguments[0],
|
|
348
|
-
|
|
341
|
+
_ref0;
|
|
349
342
|
var SValue = _flexBox.Box;
|
|
350
343
|
var SInvalidPattern = _flexBox.InvalidStateBox;
|
|
351
344
|
var theme = props.theme,
|
|
@@ -353,16 +346,16 @@ var RadioMark = function RadioMark(props) {
|
|
|
353
346
|
resolveColor = props.resolveColor,
|
|
354
347
|
state = props.state,
|
|
355
348
|
checked = props.checked;
|
|
356
|
-
return
|
|
349
|
+
return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SValue, _ref0.cn("SValue", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
357
350
|
"tag": 'div',
|
|
358
351
|
"use:theme": resolveColor(theme),
|
|
359
352
|
"aria-hidden": true
|
|
360
|
-
}, _ref4))), state === 'invalid' && !checked && /*#__PURE__*/_react["default"].createElement(SInvalidPattern,
|
|
353
|
+
}, _ref4))), state === 'invalid' && !checked && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref0.cn("SInvalidPattern", {})));
|
|
361
354
|
};
|
|
362
355
|
RadioMark.displayName = 'RadioMark';
|
|
363
356
|
var Text = function Text(props) {
|
|
364
357
|
var _ref5 = arguments[0],
|
|
365
|
-
|
|
358
|
+
_ref1;
|
|
366
359
|
var SText = _typography.Text;
|
|
367
360
|
var styles = props.styles,
|
|
368
361
|
color = props.color;
|
|
@@ -372,7 +365,7 @@ var Text = function Text(props) {
|
|
|
372
365
|
}
|
|
373
366
|
}, [props.rootDisabled, props.disabled, props.hoistDisabled]);
|
|
374
367
|
var resolveColor = (0, _useColorResolver.useColorResolver)();
|
|
375
|
-
return
|
|
368
|
+
return _ref1 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref1.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
376
369
|
"tag": 'span',
|
|
377
370
|
"use:color": resolveColor(color)
|
|
378
371
|
}, _ref5))));
|
|
@@ -386,10 +379,8 @@ var Radio = (0, _core.createComponent)(RadioRoot, {
|
|
|
386
379
|
Text: Text,
|
|
387
380
|
Value: Value
|
|
388
381
|
});
|
|
389
|
-
var wrapRadioGroup = function wrapRadioGroup(wrapper) {
|
|
382
|
+
var wrapRadioGroup = exports.wrapRadioGroup = function wrapRadioGroup(wrapper) {
|
|
390
383
|
return wrapper;
|
|
391
384
|
};
|
|
392
|
-
exports
|
|
393
|
-
var _default = Radio;
|
|
394
|
-
exports["default"] = _default;
|
|
385
|
+
var _default = exports["default"] = Radio;
|
|
395
386
|
//# sourceMappingURL=Radio.js.map
|
package/lib/cjs/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_assignProps8","_interopRequireWildcard","_resolveColorEnhance","_inputProps","_useColorResolver","_logger","_typography","_excluded","_excluded2","style","sstyled","insert","RadioGroupRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","Flex","assignProps","Component","_defineProperty2","defaultValue","RadioGroup","createComponent","exports","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized2","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","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","callAllEventHandlers","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","inputProps","defaultChecked","resolveColorEnhance","_ref3","arguments[0]","_ref9","SControl","displayName","_ref4","_ref10","SValue","SInvalidPattern","InvalidStateBox","_ref5","_ref11","SText","TypographyText","color","React","useEffect","useColorResolver","wrapRadioGroup","wrapper","_default"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box, InvalidStateBox } from '@semcore/flex-box';\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 { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\n\nimport style from './style/radio.shadow.css';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text as TypographyText } from '@semcore/typography';\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 <Children />\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 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, onClick } = 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, ...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 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\nconst 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\nconst 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\nconst 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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"}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["_core","require","_assignProps8","_interopRequireWildcard","_resolveColorEnhance","_interopRequireDefault","_inputProps","_logger","_useColorResolver","_flexBox","_typography","_react","_excluded","_excluded2","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","RadioGroupRoot","_Component","_classCallCheck2","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","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\nconst 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\nconst 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\nconst 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":[]}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import
|
|
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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
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.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"}
|
|
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":[]}
|
package/lib/es6/Radio.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
4
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
6
5
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
6
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
8
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
9
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
9
10
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
11
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
11
12
|
import { assignProps as _assignProps5 } from "@semcore/core";
|
|
@@ -15,42 +16,42 @@ import { assignProps as _assignProps2 } from "@semcore/core";
|
|
|
15
16
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
16
17
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
|
|
17
18
|
_excluded2 = ["children", "Children"];
|
|
18
|
-
|
|
19
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
19
20
|
import { createComponent, Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';
|
|
20
|
-
import { Flex, Box, InvalidStateBox } from '@semcore/flex-box';
|
|
21
21
|
import assignProps, { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
|
|
22
22
|
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
23
23
|
import getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';
|
|
24
|
+
import logger from '@semcore/core/lib/utils/logger';
|
|
24
25
|
import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
|
|
26
|
+
import { Flex, Box, InvalidStateBox } from '@semcore/flex-box';
|
|
27
|
+
import { Text as TypographyText } from '@semcore/typography';
|
|
28
|
+
import React from 'react';
|
|
25
29
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
26
|
-
var style = (
|
|
30
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SRadio_1tlde_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1tlde_gg_ .___SText_1tlde_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1tlde_gg_ .___SText_1tlde_gg_.__color_1tlde_gg_{color:var(--color_1tlde)}.___SRadio_1tlde_gg_.__disabled_1tlde_gg_{pointer-events:none}.___SText_1tlde_gg_._size_m_1tlde_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1tlde_gg_._size_l_1tlde_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1tlde_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1tlde_gg_::after,.___SValue_1tlde_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1tlde_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1tlde_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1tlde_gg_.__disabled_1tlde_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1tlde_gg_._size_m_1tlde_gg_{width:16px;height:16px}.___SValue_1tlde_gg_._size_m_1tlde_gg_ .___SInvalidPattern_1tlde_gg_:before{width:14px;height:14px}.___SValue_1tlde_gg_._size_l_1tlde_gg_{width:20px;height:20px}.___SValue_1tlde_gg_._size_l_1tlde_gg_ .___SInvalidPattern_1tlde_gg_:before{width:18px;height:18px}.___SValue_1tlde_gg_._state_normal_1tlde_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1tlde_gg_._state_invalid_1tlde_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1tlde_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_._size_m_1tlde_gg_::after{width:6px;height:6px}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_._size_l_1tlde_gg_::after{width:8px;height:8px}.___SControl_1tlde_gg_:focus-visible+.___SValue_1tlde_gg_._state_normal_1tlde_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SControl_1tlde_gg_:focus-visible+.___SValue_1tlde_gg_._state_invalid_1tlde_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_.__theme_1tlde_gg_::before{border-color:var(--theme_1tlde);background-color:var(--theme_1tlde)}.___SValue_1tlde_gg_._state_normal_1tlde_gg_.__theme_1tlde_gg_::before{border-color:var(--theme_1tlde)}.___SInvalidPattern_1tlde_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1tlde_gg_:before{content:\"\";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}", /*__inner_css_end__*/"1tlde_gg_"),
|
|
27
31
|
/*__reshadow_css_end__*/
|
|
28
32
|
{
|
|
29
|
-
"__SRadio": "
|
|
30
|
-
"_disabled": "
|
|
31
|
-
"__SText": "
|
|
32
|
-
"_size_m": "
|
|
33
|
-
"_size_l": "
|
|
34
|
-
"__SValue": "
|
|
35
|
-
"_state_normal": "
|
|
36
|
-
"_state_invalid": "
|
|
37
|
-
"__SControl": "
|
|
38
|
-
"_theme": "
|
|
39
|
-
"--theme": "--
|
|
40
|
-
"_color": "
|
|
41
|
-
"--color": "--
|
|
42
|
-
"__SInvalidPattern": "
|
|
33
|
+
"__SRadio": "___SRadio_1tlde_gg_",
|
|
34
|
+
"_disabled": "__disabled_1tlde_gg_",
|
|
35
|
+
"__SText": "___SText_1tlde_gg_",
|
|
36
|
+
"_size_m": "_size_m_1tlde_gg_",
|
|
37
|
+
"_size_l": "_size_l_1tlde_gg_",
|
|
38
|
+
"__SValue": "___SValue_1tlde_gg_",
|
|
39
|
+
"_state_normal": "_state_normal_1tlde_gg_",
|
|
40
|
+
"_state_invalid": "_state_invalid_1tlde_gg_",
|
|
41
|
+
"__SControl": "___SControl_1tlde_gg_",
|
|
42
|
+
"_theme": "__theme_1tlde_gg_",
|
|
43
|
+
"--theme": "--theme_1tlde",
|
|
44
|
+
"_color": "__color_1tlde_gg_",
|
|
45
|
+
"--color": "--color_1tlde",
|
|
46
|
+
"__SInvalidPattern": "___SInvalidPattern_1tlde_gg_"
|
|
43
47
|
});
|
|
44
|
-
import logger from '@semcore/core/lib/utils/logger';
|
|
45
|
-
import { Text as TypographyText } from '@semcore/typography';
|
|
46
48
|
var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
47
|
-
_inherits(RadioGroupRoot, _Component);
|
|
48
|
-
var _super = _createSuper(RadioGroupRoot);
|
|
49
49
|
function RadioGroupRoot() {
|
|
50
50
|
_classCallCheck(this, RadioGroupRoot);
|
|
51
|
-
return
|
|
51
|
+
return _callSuper(this, RadioGroupRoot, arguments);
|
|
52
52
|
}
|
|
53
|
-
|
|
53
|
+
_inherits(RadioGroupRoot, _Component);
|
|
54
|
+
return _createClass(RadioGroupRoot, [{
|
|
54
55
|
key: "uncontrolledProps",
|
|
55
56
|
value: function uncontrolledProps() {
|
|
56
57
|
return {
|
|
@@ -88,7 +89,6 @@ var RadioGroupRoot = /*#__PURE__*/function (_Component) {
|
|
|
88
89
|
}, _ref), /*#__PURE__*/React.createElement(Children, null));
|
|
89
90
|
}
|
|
90
91
|
}]);
|
|
91
|
-
return RadioGroupRoot;
|
|
92
92
|
}(Component);
|
|
93
93
|
_defineProperty(RadioGroupRoot, "displayName", 'RadioGroup');
|
|
94
94
|
_defineProperty(RadioGroupRoot, "defaultProps", {
|
|
@@ -96,19 +96,17 @@ _defineProperty(RadioGroupRoot, "defaultProps", {
|
|
|
96
96
|
});
|
|
97
97
|
var RadioGroup = createComponent(RadioGroupRoot);
|
|
98
98
|
var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
99
|
-
_inherits(RadioRoot, _Component2);
|
|
100
|
-
var _super2 = _createSuper(RadioRoot);
|
|
101
99
|
function RadioRoot() {
|
|
102
100
|
var _this;
|
|
103
101
|
_classCallCheck(this, RadioRoot);
|
|
104
102
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
105
103
|
args[_key] = arguments[_key];
|
|
106
104
|
}
|
|
107
|
-
_this =
|
|
108
|
-
_defineProperty(
|
|
105
|
+
_this = _callSuper(this, RadioRoot, [].concat(args));
|
|
106
|
+
_defineProperty(_this, "state", {
|
|
109
107
|
hoistedDisabled: undefined
|
|
110
108
|
});
|
|
111
|
-
_defineProperty(
|
|
109
|
+
_defineProperty(_this, "hoistDisabled", function (disabled) {
|
|
112
110
|
logger.warn(true, "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.", _this.asProps['data-ui-name']);
|
|
113
111
|
_this.setState({
|
|
114
112
|
hoistedDisabled: disabled
|
|
@@ -116,7 +114,8 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
116
114
|
});
|
|
117
115
|
return _this;
|
|
118
116
|
}
|
|
119
|
-
|
|
117
|
+
_inherits(RadioRoot, _Component2);
|
|
118
|
+
return _createClass(RadioRoot, [{
|
|
120
119
|
key: "getTextProps",
|
|
121
120
|
value: function getTextProps() {
|
|
122
121
|
// The default values are here, since you cannot rewrite out of context
|
|
@@ -180,22 +179,19 @@ var RadioRoot = /*#__PURE__*/function (_Component2) {
|
|
|
180
179
|
}, _ref2))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Radio.Value, null), /*#__PURE__*/React.createElement(Radio.Text, null)));
|
|
181
180
|
}
|
|
182
181
|
}]);
|
|
183
|
-
return RadioRoot;
|
|
184
182
|
}(Component);
|
|
185
183
|
_defineProperty(RadioRoot, "displayName", 'Radio');
|
|
186
184
|
_defineProperty(RadioRoot, "style", style);
|
|
187
185
|
_defineProperty(RadioRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
188
186
|
var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
189
|
-
_inherits(ValueRoot, _Component3);
|
|
190
|
-
var _super3 = _createSuper(ValueRoot);
|
|
191
187
|
function ValueRoot() {
|
|
192
188
|
var _this2;
|
|
193
189
|
_classCallCheck(this, ValueRoot);
|
|
194
190
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
195
191
|
args[_key2] = arguments[_key2];
|
|
196
192
|
}
|
|
197
|
-
_this2 =
|
|
198
|
-
_defineProperty(
|
|
193
|
+
_this2 = _callSuper(this, ValueRoot, [].concat(args));
|
|
194
|
+
_defineProperty(_this2, "bindHandlerChange", function (value) {
|
|
199
195
|
return function (e) {
|
|
200
196
|
if (typeof _this2.context.onChange === 'function') {
|
|
201
197
|
_this2.context.onChange(value, e);
|
|
@@ -204,7 +200,8 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
204
200
|
});
|
|
205
201
|
return _this2;
|
|
206
202
|
}
|
|
207
|
-
|
|
203
|
+
_inherits(ValueRoot, _Component3);
|
|
204
|
+
return _createClass(ValueRoot, [{
|
|
208
205
|
key: "uncontrolledProps",
|
|
209
206
|
value: function uncontrolledProps() {
|
|
210
207
|
return {
|
|
@@ -233,9 +230,7 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
233
230
|
value: inputValue
|
|
234
231
|
});
|
|
235
232
|
if (currentValue !== undefined) {
|
|
236
|
-
var
|
|
237
|
-
onChange = _this$props.onChange,
|
|
238
|
-
onClick = _this$props.onClick;
|
|
233
|
+
var onChange = this.props.onChange;
|
|
239
234
|
controlProps.checked = currentValue === inputValue;
|
|
240
235
|
controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));
|
|
241
236
|
}
|
|
@@ -260,8 +255,8 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
260
255
|
_getInputProps4 = _slicedToArray(_getInputProps3, 2),
|
|
261
256
|
commonControlProps = _getInputProps4[0],
|
|
262
257
|
radioMarkProps = _getInputProps4[1];
|
|
263
|
-
var
|
|
264
|
-
|
|
258
|
+
var _children = radioMarkProps.children,
|
|
259
|
+
_Children = radioMarkProps.Children,
|
|
265
260
|
propsWithoutChildren = _objectWithoutProperties(radioMarkProps, _excluded2);
|
|
266
261
|
var inputValue = value !== null && value !== void 0 ? value : '';
|
|
267
262
|
var markProps = _objectSpread({
|
|
@@ -310,7 +305,6 @@ var ValueRoot = /*#__PURE__*/function (_Component3) {
|
|
|
310
305
|
return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {}));
|
|
311
306
|
}
|
|
312
307
|
}]);
|
|
313
|
-
return ValueRoot;
|
|
314
308
|
}(Component);
|
|
315
309
|
_defineProperty(ValueRoot, "defaultProps", {
|
|
316
310
|
includeInputProps: inputProps,
|
|
@@ -335,7 +329,7 @@ var Control = function Control(props) {
|
|
|
335
329
|
Control.displayName = 'Control';
|
|
336
330
|
var RadioMark = function RadioMark(props) {
|
|
337
331
|
var _ref4 = arguments[0],
|
|
338
|
-
|
|
332
|
+
_ref0;
|
|
339
333
|
var SValue = Box;
|
|
340
334
|
var SInvalidPattern = InvalidStateBox;
|
|
341
335
|
var theme = props.theme,
|
|
@@ -343,16 +337,16 @@ var RadioMark = function RadioMark(props) {
|
|
|
343
337
|
resolveColor = props.resolveColor,
|
|
344
338
|
state = props.state,
|
|
345
339
|
checked = props.checked;
|
|
346
|
-
return
|
|
340
|
+
return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SValue, _ref0.cn("SValue", _objectSpread({}, _assignProps4({
|
|
347
341
|
"tag": 'div',
|
|
348
342
|
"use:theme": resolveColor(theme),
|
|
349
343
|
"aria-hidden": true
|
|
350
|
-
}, _ref4))), state === 'invalid' && !checked && /*#__PURE__*/React.createElement(SInvalidPattern,
|
|
344
|
+
}, _ref4))), state === 'invalid' && !checked && /*#__PURE__*/React.createElement(SInvalidPattern, _ref0.cn("SInvalidPattern", {})));
|
|
351
345
|
};
|
|
352
346
|
RadioMark.displayName = 'RadioMark';
|
|
353
347
|
var Text = function Text(props) {
|
|
354
348
|
var _ref5 = arguments[0],
|
|
355
|
-
|
|
349
|
+
_ref1;
|
|
356
350
|
var SText = TypographyText;
|
|
357
351
|
var styles = props.styles,
|
|
358
352
|
color = props.color;
|
|
@@ -362,7 +356,7 @@ var Text = function Text(props) {
|
|
|
362
356
|
}
|
|
363
357
|
}, [props.rootDisabled, props.disabled, props.hoistDisabled]);
|
|
364
358
|
var resolveColor = useColorResolver();
|
|
365
|
-
return
|
|
359
|
+
return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref1.cn("SText", _objectSpread({}, _assignProps5({
|
|
366
360
|
"tag": 'span',
|
|
367
361
|
"use:color": resolveColor(color)
|
|
368
362
|
}, _ref5))));
|
package/lib/es6/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","names":["React","createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","Flex","Box","InvalidStateBox","assignProps","callAllEventHandlers","resolveColorEnhance","getInputProps","inputProps","useColorResolver","style","_sstyled","insert","logger","Text","TypographyText","RadioGroupRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","_assignProps","_defineProperty","defaultValue","RadioGroup","RadioRoot","_Component2","_super2","_this","_len","length","args","Array","_key","call","concat","_assertThisInitialized","hoistedDisabled","undefined","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","_this$asProps3","styles","hasChildren","cn","_objectSpread","_assignProps2","Fragment","Radio","Value","ValueRoot","_Component3","_super3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","commonControlProps","inputValue","controlProps","ref","_this$props","onClick","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps3","_getInputProps4","radioMarkProps","propsWithoutChildren","_excluded2","markProps","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref10","SValue","SInvalidPattern","_assignProps4","_ref5","_ref11","SText","color","useEffect","_assignProps5","wrapRadioGroup","wrapper"],"sources":["../../src/Radio.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, CONTEXT_COMPONENT, sstyled, Root } from '@semcore/core';\nimport { Flex, Box, InvalidStateBox } from '@semcore/flex-box';\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 { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';\n\nimport style from './style/radio.shadow.css';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { Text as TypographyText } from '@semcore/typography';\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 <Children />\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 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, onClick } = 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, ...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 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\nconst 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\nconst 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\nconst 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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"}
|
|
1
|
+
{"version":3,"file":"Radio.js","names":["createComponent","Component","CONTEXT_COMPONENT","sstyled","Root","assignProps","callAllEventHandlers","resolveColorEnhance","getInputProps","inputProps","logger","useColorResolver","Flex","Box","InvalidStateBox","Text","TypographyText","React","style","_sstyled","insert","RadioGroupRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","uncontrolledProps","setContext","_this$asProps","asProps","theme","size","name","onChange","disabled","render","_ref","Children","createElement","_assignProps","_defineProperty","defaultValue","RadioGroup","RadioRoot","_Component2","_this","_len","length","args","Array","_key","concat","hoistedDisabled","undefined","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","_this$asProps3","styles","hasChildren","cn","_objectSpread","_assignProps2","Fragment","Radio","Value","ValueRoot","_Component3","_this2","_len2","_key2","e","target","getControlProps","currentValue","_this$asProps4","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","commonControlProps","inputValue","controlProps","ref","bindHandlerChange","getRadioMarkProps","_this$asProps5","keyboardFocused","tag","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps3","_getInputProps4","radioMarkProps","_children","_Children","propsWithoutChildren","_excluded2","markProps","onClick","componentDidUpdate","componentDidMount","_ref8","_this$asProps6","_ref7","Control","RadioMark","defaultChecked","_ref3","arguments[0]","_ref9","SControl","_assignProps3","displayName","_ref4","_ref0","SValue","SInvalidPattern","_assignProps4","_ref5","_ref1","SText","color","useEffect","_assignProps5","wrapRadioGroup","wrapper"],"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\nconst 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\nconst 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\nconst 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":";;;;;;;;;;;;;;;;;;;AAAA,SAASA,eAAe,EAAEC,SAAS,EAAEC,iBAAiB,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC5F,OAAOC,WAAW,IAAIC,oBAAoB,QAAQ,qCAAqC;AACvF,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,aAAa,IAAIC,UAAU,QAAQ,oCAAoC;AAC9E,OAAOC,MAAM,MAAM,gCAAgC;AACnD,SAASC,gBAAgB,QAAQ,8CAA8C;AAC/E,SAASC,IAAI,EAAEC,GAAG,EAAEC,eAAe,QAAQ,mBAAmB;AAC9D,SAASC,IAAI,IAAIC,cAAc,QAAQ,qBAAqB;AAC5D,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAAE,eAAA,OAAAF,cAAA;IAAA,OAAAG,UAAA,OAAAH,cAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,cAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EAOlB,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACLD,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAD,GAAA;IAAAC,KAAA,EAED,SAAAE,UAAUA,CAAA,EAAG;MACX,IAAAC,aAAA,GAAyD,IAAI,CAACC,OAAO;QAA7DC,KAAK,GAAAF,aAAA,CAALE,KAAK;QAAEC,IAAI,GAAAH,aAAA,CAAJG,IAAI;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEP,KAAK,GAAAG,aAAA,CAALH,KAAK;QAAEQ,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QAAEC,QAAQ,GAAAN,aAAA,CAARM,QAAQ;MAEpD,OAAO;QACLD,QAAQ,EAARA,QAAQ;QACRR,KAAK,EAALA,KAAK;QACLK,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJC,IAAI,EAAJA,IAAI;QACJE,QAAQ,EAARA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAP,OAAA;MACP,IAAQQ,QAAQ,GAAK,IAAI,CAACR,OAAO,CAAzBQ,QAAQ;MAEhB,oBACExB,KAAA,CAAAyB,aAAA,CAAc9B,IAAI,EAAA+B,YAAA;QAAA,aAAY,QAAQ;QAAA,QAAM,OAAO;QAAA,kBAAiB,CAAC,UAAU;MAAC,GAAAH,IAAA,gBAC9EvB,KAAA,CAAAyB,aAAA,CAACD,QAAQ,MAAE,CACP,CAAC;IAEX;EAAC;AAAA,EAlC0BxC,SAAS;AAAA2C,eAAA,CAAhCvB,cAAc,iBACG,YAAY;AAAAuB,eAAA,CAD7BvB,cAAc,kBAGI;EACpBwB,YAAY,EAAE;AAChB,CAAC;AAgCH,IAAMC,UAAU,GAAG9C,eAAe,CAACqB,cAAc,CAAC;AAAC,IAE7C0B,SAAS,0BAAAC,WAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,KAAA;IAAA1B,eAAA,OAAAwB,SAAA;IAAA,SAAAG,IAAA,GAAAzB,SAAA,CAAA0B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA7B,SAAA,CAAA6B,IAAA;IAAA;IAAAL,KAAA,GAAAzB,UAAA,OAAAuB,SAAA,KAAAQ,MAAA,CAAAH,IAAA;IAAAR,eAAA,CAAAK,KAAA,WAKL;MACNO,eAAe,EAAEC;IACnB,CAAC;IAAAb,eAAA,CAAAK,KAAA,mBAEe,UAACX,QAAQ,EAAK;MAC5B5B,MAAM,CAACgD,IAAI,CACT,IAAI,4JAEJT,KAAA,CAAKhB,OAAO,CAAC,cAAc,CAC7B,CAAC;MACDgB,KAAA,CAAKU,QAAQ,CAAC;QAAEH,eAAe,EAAElB;MAAS,CAAC,CAAC;IAC9C,CAAC;IAAA,OAAAW,KAAA;EAAA;EAAAvB,SAAA,CAAAqB,SAAA,EAAAC,WAAA;EAAA,OAAArB,YAAA,CAAAoB,SAAA;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAA+B,YAAYA,CAAA,EAAG;MACb;MACA,IAAAC,aAAA,GAAwCxD,WAAW,CAAC,IAAI,CAAC4B,OAAO,EAAE,IAAI,CAAC6B,OAAO,CAAC;QAAAC,kBAAA,GAAAF,aAAA,CAAvE1B,IAAI;QAAJA,IAAI,GAAA4B,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAEzB,QAAQ,GAAAuB,aAAA,CAARvB,QAAQ;QAAE0B,KAAK,GAAAH,aAAA,CAALG,KAAK;MACnC,IAAQR,eAAe,GAAK,IAAI,CAACS,KAAK,CAA9BT,eAAe;MAEvB,IAAMU,SAAS,GAAG;QAChB/B,IAAI,EAAJA,IAAI;QACJgC,QAAQ,EAAEH,KAAK;QACf1B,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIkB,eAAe;QACrCY,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAChC;MAC3B,CAAC;MAED,OAAO4B,SAAS;IAClB;EAAC;IAAAtC,GAAA;IAAAC,KAAA,EAED,SAAA0C,aAAaA,CAAA,EAAG;MAAA,IAAAC,gBAAA;MACd;MACA,IAAAC,aAAA,GAMIpE,WAAW,CAAC,IAAI,CAAC4B,OAAO,EAAE,IAAI,CAAC6B,OAAO,CAAC;QAAAY,kBAAA,GAAAD,aAAA,CALzCtC,IAAI;QAAJA,IAAI,GAAAuC,kBAAA,cAAG,GAAG,GAAAA,kBAAA;QAAAC,mBAAA,GAAAF,aAAA,CACVR,KAAK;QAALA,KAAK,GAAAU,mBAAA,cAAG,QAAQ,GAAAA,mBAAA;QAChBzC,KAAK,GAAAuC,aAAA,CAALvC,KAAK;QACLI,QAAQ,GAAAmC,aAAA,CAARnC,QAAQ;QACRF,IAAI,GAAAqC,aAAA,CAAJrC,IAAI;MAEN,IAAAwC,cAAA,GAA2B,IAAI,CAAC3C,OAAO;QAA/BJ,KAAK,GAAA+C,cAAA,CAAL/C,KAAK;QAAEgD,OAAO,GAAAD,cAAA,CAAPC,OAAO;MACtB,IAAQrB,eAAe,GAAK,IAAI,CAACS,KAAK,CAA9BT,eAAe;MAEvB,OAAO;QACLrB,IAAI,GAAAqC,gBAAA,GAAE,IAAI,CAACF,KAAK,CAACnC,IAAI,cAAAqC,gBAAA,cAAAA,gBAAA,GAAIrC,IAAI;QAC7BG,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIkB,eAAe;QACrCS,KAAK,EAAEA,KAAK;QACZ/B,KAAK,EAALA,KAAK;QACLL,KAAK,EAALA,KAAK;QACLgD,OAAO,EAAPA,OAAO;QACPzC,IAAI,EAAJA,IAAI;QACJgC,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAChC;MAC3B,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAAuC,KAAA,QAAA7C,OAAA;QAAA8C,KAAA;MACP,IAAMC,MAAM,GAIMnE,GAAG;MAHrB,IAAAoE,cAAA,GAAoD,IAAI,CAAChD,OAAO;QAAxDiD,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEzC,QAAQ,GAAAwC,cAAA,CAARxC,QAAQ;QAAY0C,WAAW,GAAAF,cAAA,CAArBd,QAAQ;MAElC,OAAAY,KAAA,GAAO5E,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAACsC,MAAM,EAAAD,KAAA,CAAAK,EAAA,WAAAC,aAAA,KAAAC,aAAA;QAAA,OAAkB,OAAO;QAAA,kBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU;MAAC,GAAAR,KAAA,KAC/EK,WAAW,gBAENlE,KAAA,CAAAyB,aAAA,CAACD,QAAQ,EAAAsC,KAAA,CAAAK,EAAA,gBAAE,CAAC,gBAGZnE,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAsE,QAAA,qBACEtE,KAAA,CAAAyB,aAAA,CAAC8C,KAAK,CAACC,KAAK,MAAE,CAAC,eACfxE,KAAA,CAAAyB,aAAA,CAAC8C,KAAK,CAACzE,IAAI,MAAE,CACb,CAEF,CAAC;IAEb;EAAC;AAAA,EA7EqBd,SAAS;AAAA2C,eAAA,CAA3BG,SAAS,iBACQ,OAAO;AAAAH,eAAA,CADxBG,SAAS,WAEE7B,KAAK;AAAA0B,eAAA,CAFhBG,SAAS,iBAGQD,UAAU,CAAC5C,iBAAiB,CAAC;AAAA,IA6E9CwF,SAAS,0BAAAC,WAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,MAAA;IAAArE,eAAA,OAAAmE,SAAA;IAAA,SAAAG,KAAA,GAAApE,SAAA,CAAA0B,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAwC,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAA1C,IAAA,CAAA0C,KAAA,IAAArE,SAAA,CAAAqE,KAAA;IAAA;IAAAF,MAAA,GAAApE,UAAA,OAAAkE,SAAA,KAAAnC,MAAA,CAAAH,IAAA;IAAAR,eAAA,CAAAgD,MAAA,uBAWO,UAAC/D,KAAK;MAAA,OAAK,UAACkE,CAAC,EAAK;QACpC,IAAI,OAAOH,MAAA,CAAK9B,OAAO,CAACzB,QAAQ,KAAK,UAAU,EAAE;UAC/CuD,MAAA,CAAK9B,OAAO,CAACzB,QAAQ,CAACR,KAAK,EAAEkE,CAAC,CAAC;QACjC;MACF,CAAC;IAAA;IAAA,OAAAH,MAAA;EAAA;EAAAlE,SAAA,CAAAgE,SAAA,EAAAC,WAAA;EAAA,OAAAhE,YAAA,CAAA+D,SAAA;IAAA9D,GAAA;IAAAC,KAAA,EAED,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACL+C,OAAO,EAAE,SAATA,OAAOA,CAAGkB,CAAC;UAAA,OAAKA,CAAC,CAACC,MAAM,CAACnB,OAAO;QAAA;MAClC,CAAC;IACH;EAAC;IAAAjD,GAAA;IAAAC,KAAA,EAED,SAAAoE,eAAeA,CAAA,EAAG;MAChB,IAAMC,YAAY,GAAG,IAAI,CAACpC,OAAO,CAACjC,KAAK;MACvC,IAAAsE,cAAA,GAAwD,IAAI,CAAClE,OAAO;QAA5DmE,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEC,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAEpC,KAAK,GAAAkC,cAAA,CAALlC,KAAK;QAAEpC,KAAK,GAAAsE,cAAA,CAALtE,KAAK;MACnD,IAAAyE,cAAA,GAA6B9F,aAAa,CAAC,IAAI,CAACyB,OAAO,EAAEoE,iBAAiB,CAAC;QAAAE,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAApEG,kBAAkB,GAAAF,eAAA;MACzB,IAAMG,UAAU,GAAG7E,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAM8E,YAAY,GAAAtB,aAAA,CAAAA,aAAA;QAChBuB,GAAG,EAAER,UAAU;QACfnC,KAAK,EAALA;MAAK,GACFwC,kBAAkB;QACrB5E,KAAK,EAAE6E;MAAU,EAClB;MAED,IAAIR,YAAY,KAAKzC,SAAS,EAAE;QAC9B,IAAQpB,QAAQ,GAAK,IAAI,CAACiC,KAAK,CAAvBjC,QAAQ;QAEhBsE,YAAY,CAAC9B,OAAO,GAAGqB,YAAY,KAAKQ,UAAU;QAClDC,YAAY,CAACtE,QAAQ,GAAG/B,oBAAoB,CAAC+B,QAAQ,EAAE,IAAI,CAACwE,iBAAiB,CAACH,UAAU,CAAC,CAAC;MAC5F;MAEA,OAAOC,YAAY;IACrB;EAAC;IAAA/E,GAAA;IAAAC,KAAA,EAED,SAAAiF,iBAAiBA,CAAA,EAAG;MAClB,IAAMZ,YAAY,GAAG,IAAI,CAACpC,OAAO,CAACjC,KAAK;MACvC,IAAAkF,cAAA,GAWI,IAAI,CAAC9E,OAAO;QAVdE,IAAI,GAAA4E,cAAA,CAAJ5E,IAAI;QACJ8B,KAAK,GAAA8C,cAAA,CAAL9C,KAAK;QACL/B,KAAK,GAAA6E,cAAA,CAAL7E,KAAK;QACL8E,eAAe,GAAAD,cAAA,CAAfC,eAAe;QACfnF,KAAK,GAAAkF,cAAA,CAALlF,KAAK;QACLoF,GAAG,GAAAF,cAAA,CAAHE,GAAG;QACH3E,QAAQ,GAAAyE,cAAA,CAARzE,QAAQ;QACR+D,iBAAiB,GAAAU,cAAA,CAAjBV,iBAAiB;QACjBa,YAAY,GAAAH,cAAA,CAAZG,YAAY;QACTC,KAAK,GAAAC,wBAAA,CAAAL,cAAA,EAAAM,SAAA;MAEV,IAAAC,eAAA,GAA6C9G,aAAa,CAAC2G,KAAK,EAAEd,iBAAiB,CAAC;QAAAkB,eAAA,GAAAf,cAAA,CAAAc,eAAA;QAA7Eb,kBAAkB,GAAAc,eAAA;QAAEC,cAAc,GAAAD,eAAA;MACzC,IAAkBE,SAAS,GAAmDD,cAAc,CAApFrD,QAAQ;QAAuBuD,SAAS,GAA8BF,cAAc,CAA/D/E,QAAQ;QAAgBkF,oBAAoB,GAAAP,wBAAA,CAAKI,cAAc,EAAAI,UAAA;MAC5F,IAAMlB,UAAU,GAAG7E,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;MAE9B,IAAMgG,SAAS,GAAAxC,aAAA;QACbnD,KAAK,EAALA,KAAK;QACLC,IAAI,EAAJA,IAAI;QACJ8B,KAAK,EAALA,KAAK;QACL+C,eAAe,EAAfA,eAAe;QACf1E,QAAQ,EAARA,QAAQ;QACR4E,YAAY,EAAZA,YAAY;QACZrC,OAAO,EAAE4B,kBAAkB,CAAC5B;MAAO,GAChC8C,oBAAoB,CACxB;MAED,IAAIzB,YAAY,KAAKzC,SAAS,EAAE;QAC9B,IAAQqE,OAAO,GAAK,IAAI,CAACxD,KAAK,CAAtBwD,OAAO;QAEf,IAAIb,GAAG,KAAK,OAAO,EAAE;UACnBY,SAAS,CAACC,OAAO,GAAGxH,oBAAoB,CAACwH,OAAO,EAAE,IAAI,CAACjB,iBAAiB,CAACH,UAAU,CAAC,CAAC;QACvF;MACF;MAEA,OAAOmB,SAAS;IAClB;EAAC;IAAAjG,GAAA;IAAAC,KAAA,EAED,SAAAkG,kBAAkBA,CAAA,EAAG;MACnB,IAAI,IAAI,CAAC9F,OAAO,CAACoC,YAAY,KAAK,IAAI,CAACpC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACmC,aAAa,CAAC,IAAI,CAACnC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAmG,iBAAiBA,CAAA,EAAG;MAClB,IAAI,IAAI,CAAC/F,OAAO,CAACoC,YAAY,KAAK,IAAI,CAACpC,OAAO,CAACK,QAAQ,EAAE;QACvD,IAAI,CAACL,OAAO,CAACmC,aAAa,CAAC,IAAI,CAACnC,OAAO,CAACK,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;MAAA,IAAA0F,KAAA;MACP,IAAAC,cAAA,GAAoD,IAAI,CAACjG,OAAO;QAAxDiD,MAAM,GAAAgD,cAAA,CAANhD,MAAM;QAAYC,WAAW,GAAA+C,cAAA,CAArB/D,QAAQ;QAAe1B,QAAQ,GAAAyF,cAAA,CAARzF,QAAQ;MAE/C,IAAI,CAAC0C,WAAW,EAAE;QAAA,IAAAgD,KAAA;QAChB,OAAAA,KAAA,GAAOhI,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAsE,QAAA,qBACEtE,KAAA,CAAAyB,aAAA,CAAC8C,KAAK,CAACC,KAAK,CAAC2C,OAAO,MAAE,CAAC,eACvBnH,KAAA,CAAAyB,aAAA,CAAC8C,KAAK,CAACC,KAAK,CAAC4C,SAAS,MAAE,CACxB,CAAC;MAEP;MAEA,OAAAJ,KAAA,GAAO9H,OAAO,CAAC+E,MAAM,CAAC,eAACjE,KAAA,CAAAyB,aAAA,CAACD,QAAQ,EAAAwF,KAAA,CAAA7C,EAAA,gBAAE,CAAC;IACrC;EAAC;AAAA,EA/GqBnF,SAAS;AAAA2C,eAAA,CAA3B8C,SAAS,kBACS;EACpBW,iBAAiB,EAAE5F,UAAU;EAC7B6H,cAAc,EAAE;AAClB,CAAC;AAAA1F,eAAA,CAJG8C,SAAS,aAMI,CAACnF,mBAAmB,CAAC,CAAC,CAAC;AAAAqC,eAAA,CANpC8C,SAAS,iBAOQ,OAAO;AAAA9C,eAAA,CAPxB8C,SAAS,iBAQQ5C,UAAU,CAAC5C,iBAAiB,CAAC;AAAA0C,eAAA,CAR9C8C,SAAS,WASExE,KAAK;AAyGtB,IAAMkH,OAAO,GAAG,SAAVA,OAAOA,CAAI9D,KAAK,EAAK;EAAA,IAAAiE,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzB,IAAMC,QAAQ,GAIM7H,GAAG;EAHvB,IAAQqE,MAAM,GAAYZ,KAAK,CAAvBY,MAAM;IAAEjB,KAAK,GAAKK,KAAK,CAAfL,KAAK;EAErB,OAAAwE,KAAA,GAAOtI,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAACgG,QAAQ,EAAAD,KAAA,CAAArD,EAAA,aAAAC,aAAA,KAAAsD,aAAA;IAAA,OAAkB,OAAO;IAAA,QAAM,OAAO;IAAA,gBAAe1E,KAAK,KAAK;EAAS,GAAAsE,KAAA,GAAG,CAAC;AAEzF,CAAC;AACDH,OAAO,CAACQ,WAAW,GAAG,SAAS;AAE/B,IAAMP,SAAS,GAAG,SAAZA,SAASA,CAAI/D,KAAK,EAAK;EAAA,IAAAuE,KAAA,GAAAL,YAAA;IAAAM,KAAA;EAC3B,IAAMC,MAAM,GAKMlI,GAAG;EAJrB,IAAMmI,eAAe,GAAGlI,eAAe;EACvC,IAAQoB,KAAK,GAA2CoC,KAAK,CAArDpC,KAAK;IAAEgD,MAAM,GAAmCZ,KAAK,CAA9CY,MAAM;IAAEgC,YAAY,GAAqB5C,KAAK,CAAtC4C,YAAY;IAAEjD,KAAK,GAAcK,KAAK,CAAxBL,KAAK;IAAEY,OAAO,GAAKP,KAAK,CAAjBO,OAAO;EAEnD,OAAAiE,KAAA,GAAO3I,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAACqG,MAAM,EAAAD,KAAA,CAAA1D,EAAA,WAAAC,aAAA,KAAA4D,aAAA;IAAA,OAAkB,KAAK;IAAA,aAAY/B,YAAY,CAAChF,KAAK,CAAC;IAAA,eAAe;EAAI,GAAA2G,KAAA,KAC7E5E,KAAK,KAAK,SAAS,IAAI,CAACY,OAAO,iBAAI5D,KAAA,CAAAyB,aAAA,CAACsG,eAAe,EAAAF,KAAA,CAAA1D,EAAA,uBAAE,CAChD,CAAC;AAEb,CAAC;AACDiD,SAAS,CAACO,WAAW,GAAG,WAAW;AAEnC,IAAM7H,IAAI,GAAG,SAAPA,IAAIA,CAAIuD,KAAK,EAAK;EAAA,IAAA4E,KAAA,GAAAV,YAAA;IAAAW,KAAA;EACtB,IAAMC,KAAK,GAWMpI,cAAc;EAV/B,IAAQkE,MAAM,GAAYZ,KAAK,CAAvBY,MAAM;IAAEmE,KAAK,GAAK/E,KAAK,CAAf+E,KAAK;EAErBpI,KAAK,CAACqI,SAAS,CAAC,YAAM;IACpB,IAAIhF,KAAK,CAACD,YAAY,KAAKC,KAAK,CAAChC,QAAQ,EAAE;MACzCgC,KAAK,CAACF,aAAa,CAACE,KAAK,CAAChC,QAAQ,CAAC;IACrC;EACF,CAAC,EAAE,CAACgC,KAAK,CAACD,YAAY,EAAEC,KAAK,CAAChC,QAAQ,EAAEgC,KAAK,CAACF,aAAa,CAAC,CAAC;EAC7D,IAAM8C,YAAY,GAAGvG,gBAAgB,CAAC,CAAC;EAEvC,OAAAwI,KAAA,GAAOhJ,OAAO,CAAC+E,MAAM,CAAC,eACpBjE,KAAA,CAAAyB,aAAA,CAAC0G,KAAK,EAAAD,KAAA,CAAA/D,EAAA,UAAAC,aAAA,KAAAkE,aAAA;IAAA,OAA6B,MAAM;IAAA,aAAYrC,YAAY,CAACmC,KAAK;EAAC,GAAAH,KAAA,GAAG,CAAC;AAEhF,CAAC;AACDnI,IAAI,CAAC6H,WAAW,GAAG,MAAM;AAEzB,SAASnI,UAAU,EAAEqC,UAAU;AAE/B,IAAM2C,KAAK,GAAGzF,eAAe,CAAC0F,SAAS,EAAE;EACvC0C,OAAO,EAAPA,OAAO;EACPC,SAAS,EAATA;AACF,CAAC,CAAC;AAEF,IAAM7C,KAAK,GAAGxF,eAAe,CAAC+C,SAAS,EAAE;EACvChC,IAAI,EAAJA,IAAI;EACJ0E,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,OAAO,IAAM+D,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAElD,eAAejE,KAAK","ignoreList":[]}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import
|
|
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/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Radio';\nexport * from './Radio';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS;AACjC,cAAc,SAAS"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Radio';\nexport * from './Radio';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS;AACjC,cAAc,SAAS","ignoreList":[]}
|
package/lib/esm/Radio.mjs
CHANGED
|
@@ -1,57 +1,60 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
4
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
6
5
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
6
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
7
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
8
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
7
9
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
-
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
9
10
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
-
import {
|
|
11
|
-
import React from "react";
|
|
12
|
-
import { Flex, Box, InvalidStateBox } from "@semcore/flex-box";
|
|
11
|
+
import { createComponent, sstyled, CONTEXT_COMPONENT, assignProps, Component } from "@semcore/core";
|
|
13
12
|
import assignProps$1, { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
|
|
14
13
|
import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
15
14
|
import getInputProps, { inputProps } from "@semcore/core/lib/utils/inputProps";
|
|
16
15
|
import { inputProps as inputProps2 } from "@semcore/core/lib/utils/inputProps";
|
|
17
|
-
import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
|
|
18
16
|
import logger from "@semcore/core/lib/utils/logger";
|
|
17
|
+
import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
|
|
18
|
+
import { Flex, Box, InvalidStateBox } from "@semcore/flex-box";
|
|
19
19
|
import { Text as Text$1 } from "@semcore/typography";
|
|
20
|
+
import React from "react";
|
|
20
21
|
var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"], _excluded2 = ["children", "Children"];
|
|
22
|
+
function _callSuper(t, o, e) {
|
|
23
|
+
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
24
|
+
}
|
|
21
25
|
/*!__reshadow-styles__:"./style/radio.shadow.css"*/
|
|
22
26
|
var style = (
|
|
23
27
|
/*__reshadow_css_start__*/
|
|
24
28
|
(sstyled.insert(
|
|
25
29
|
/*__inner_css_start__*/
|
|
26
|
-
'.
|
|
30
|
+
'.___SRadio_1tlde_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1tlde_gg_ .___SText_1tlde_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1tlde_gg_ .___SText_1tlde_gg_.__color_1tlde_gg_{color:var(--color_1tlde)}.___SRadio_1tlde_gg_.__disabled_1tlde_gg_{pointer-events:none}.___SText_1tlde_gg_._size_m_1tlde_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1tlde_gg_._size_l_1tlde_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1tlde_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1tlde_gg_::after,.___SValue_1tlde_gg_::before{content:"";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1tlde_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1tlde_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1tlde_gg_.__disabled_1tlde_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1tlde_gg_._size_m_1tlde_gg_{width:16px;height:16px}.___SValue_1tlde_gg_._size_m_1tlde_gg_ .___SInvalidPattern_1tlde_gg_:before{width:14px;height:14px}.___SValue_1tlde_gg_._size_l_1tlde_gg_{width:20px;height:20px}.___SValue_1tlde_gg_._size_l_1tlde_gg_ .___SInvalidPattern_1tlde_gg_:before{width:18px;height:18px}.___SValue_1tlde_gg_._state_normal_1tlde_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1tlde_gg_._state_invalid_1tlde_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1tlde_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_._size_m_1tlde_gg_::after{width:6px;height:6px}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_._size_l_1tlde_gg_::after{width:8px;height:8px}.___SControl_1tlde_gg_:focus-visible+.___SValue_1tlde_gg_._state_normal_1tlde_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SControl_1tlde_gg_:focus-visible+.___SValue_1tlde_gg_._state_invalid_1tlde_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1tlde_gg_:checked~.___SValue_1tlde_gg_.__theme_1tlde_gg_::before{border-color:var(--theme_1tlde);background-color:var(--theme_1tlde)}.___SValue_1tlde_gg_._state_normal_1tlde_gg_.__theme_1tlde_gg_::before{border-color:var(--theme_1tlde)}.___SInvalidPattern_1tlde_gg_{background:0 0;overflow:hidden}.___SInvalidPattern_1tlde_gg_:before{content:"";position:absolute;top:1px;left:1px;border-radius:50%;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}',
|
|
27
31
|
/*__inner_css_end__*/
|
|
28
|
-
"
|
|
32
|
+
"1tlde_gg_"
|
|
29
33
|
), /*__reshadow_css_end__*/
|
|
30
34
|
{
|
|
31
|
-
"__SRadio": "
|
|
32
|
-
"_disabled": "
|
|
33
|
-
"__SText": "
|
|
34
|
-
"_size_m": "
|
|
35
|
-
"_size_l": "
|
|
36
|
-
"__SValue": "
|
|
37
|
-
"_state_normal": "
|
|
38
|
-
"_state_invalid": "
|
|
39
|
-
"__SControl": "
|
|
40
|
-
"_theme": "
|
|
41
|
-
"--theme": "--
|
|
42
|
-
"_color": "
|
|
43
|
-
"--color": "--
|
|
44
|
-
"__SInvalidPattern": "
|
|
35
|
+
"__SRadio": "___SRadio_1tlde_gg_",
|
|
36
|
+
"_disabled": "__disabled_1tlde_gg_",
|
|
37
|
+
"__SText": "___SText_1tlde_gg_",
|
|
38
|
+
"_size_m": "_size_m_1tlde_gg_",
|
|
39
|
+
"_size_l": "_size_l_1tlde_gg_",
|
|
40
|
+
"__SValue": "___SValue_1tlde_gg_",
|
|
41
|
+
"_state_normal": "_state_normal_1tlde_gg_",
|
|
42
|
+
"_state_invalid": "_state_invalid_1tlde_gg_",
|
|
43
|
+
"__SControl": "___SControl_1tlde_gg_",
|
|
44
|
+
"_theme": "__theme_1tlde_gg_",
|
|
45
|
+
"--theme": "--theme_1tlde",
|
|
46
|
+
"_color": "__color_1tlde_gg_",
|
|
47
|
+
"--color": "--color_1tlde",
|
|
48
|
+
"__SInvalidPattern": "___SInvalidPattern_1tlde_gg_"
|
|
45
49
|
})
|
|
46
50
|
);
|
|
47
51
|
var RadioGroupRoot = /* @__PURE__ */ function(_Component) {
|
|
48
|
-
_inherits(RadioGroupRoot2, _Component);
|
|
49
|
-
var _super = _createSuper(RadioGroupRoot2);
|
|
50
52
|
function RadioGroupRoot2() {
|
|
51
53
|
_classCallCheck(this, RadioGroupRoot2);
|
|
52
|
-
return
|
|
54
|
+
return _callSuper(this, RadioGroupRoot2, arguments);
|
|
53
55
|
}
|
|
54
|
-
|
|
56
|
+
_inherits(RadioGroupRoot2, _Component);
|
|
57
|
+
return _createClass(RadioGroupRoot2, [{
|
|
55
58
|
key: "uncontrolledProps",
|
|
56
59
|
value: function uncontrolledProps() {
|
|
57
60
|
return {
|
|
@@ -83,7 +86,6 @@ var RadioGroupRoot = /* @__PURE__ */ function(_Component) {
|
|
|
83
86
|
}, _ref), /* @__PURE__ */ React.createElement(Children, null));
|
|
84
87
|
}
|
|
85
88
|
}]);
|
|
86
|
-
return RadioGroupRoot2;
|
|
87
89
|
}(Component);
|
|
88
90
|
_defineProperty(RadioGroupRoot, "displayName", "RadioGroup");
|
|
89
91
|
_defineProperty(RadioGroupRoot, "defaultProps", {
|
|
@@ -91,19 +93,17 @@ _defineProperty(RadioGroupRoot, "defaultProps", {
|
|
|
91
93
|
});
|
|
92
94
|
var RadioGroup = createComponent(RadioGroupRoot);
|
|
93
95
|
var RadioRoot = /* @__PURE__ */ function(_Component2) {
|
|
94
|
-
_inherits(RadioRoot2, _Component2);
|
|
95
|
-
var _super2 = _createSuper(RadioRoot2);
|
|
96
96
|
function RadioRoot2() {
|
|
97
97
|
var _this;
|
|
98
98
|
_classCallCheck(this, RadioRoot2);
|
|
99
99
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
100
100
|
args[_key] = arguments[_key];
|
|
101
101
|
}
|
|
102
|
-
_this =
|
|
103
|
-
_defineProperty(
|
|
102
|
+
_this = _callSuper(this, RadioRoot2, [].concat(args));
|
|
103
|
+
_defineProperty(_this, "state", {
|
|
104
104
|
hoistedDisabled: void 0
|
|
105
105
|
});
|
|
106
|
-
_defineProperty(
|
|
106
|
+
_defineProperty(_this, "hoistDisabled", function(disabled) {
|
|
107
107
|
logger.warn(true, "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.", _this.asProps["data-ui-name"]);
|
|
108
108
|
_this.setState({
|
|
109
109
|
hoistedDisabled: disabled
|
|
@@ -111,7 +111,8 @@ var RadioRoot = /* @__PURE__ */ function(_Component2) {
|
|
|
111
111
|
});
|
|
112
112
|
return _this;
|
|
113
113
|
}
|
|
114
|
-
|
|
114
|
+
_inherits(RadioRoot2, _Component2);
|
|
115
|
+
return _createClass(RadioRoot2, [{
|
|
115
116
|
key: "getTextProps",
|
|
116
117
|
value: function getTextProps() {
|
|
117
118
|
var _assignProps6 = assignProps$1(this.asProps, this.context), _assignProps6$size = _assignProps6.size, size = _assignProps6$size === void 0 ? "m" : _assignProps6$size, disabled = _assignProps6.disabled, label = _assignProps6.label;
|
|
@@ -156,22 +157,19 @@ var RadioRoot = /* @__PURE__ */ function(_Component2) {
|
|
|
156
157
|
}, _ref2))), hasChildren ? /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radio.Value, null), /* @__PURE__ */ React.createElement(Radio.Text, null)));
|
|
157
158
|
}
|
|
158
159
|
}]);
|
|
159
|
-
return RadioRoot2;
|
|
160
160
|
}(Component);
|
|
161
161
|
_defineProperty(RadioRoot, "displayName", "Radio");
|
|
162
162
|
_defineProperty(RadioRoot, "style", style);
|
|
163
163
|
_defineProperty(RadioRoot, "contextType", RadioGroup[CONTEXT_COMPONENT]);
|
|
164
164
|
var ValueRoot = /* @__PURE__ */ function(_Component3) {
|
|
165
|
-
_inherits(ValueRoot2, _Component3);
|
|
166
|
-
var _super3 = _createSuper(ValueRoot2);
|
|
167
165
|
function ValueRoot2() {
|
|
168
166
|
var _this2;
|
|
169
167
|
_classCallCheck(this, ValueRoot2);
|
|
170
168
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
171
169
|
args[_key2] = arguments[_key2];
|
|
172
170
|
}
|
|
173
|
-
_this2 =
|
|
174
|
-
_defineProperty(
|
|
171
|
+
_this2 = _callSuper(this, ValueRoot2, [].concat(args));
|
|
172
|
+
_defineProperty(_this2, "bindHandlerChange", function(value) {
|
|
175
173
|
return function(e) {
|
|
176
174
|
if (typeof _this2.context.onChange === "function") {
|
|
177
175
|
_this2.context.onChange(value, e);
|
|
@@ -180,7 +178,8 @@ var ValueRoot = /* @__PURE__ */ function(_Component3) {
|
|
|
180
178
|
});
|
|
181
179
|
return _this2;
|
|
182
180
|
}
|
|
183
|
-
|
|
181
|
+
_inherits(ValueRoot2, _Component3);
|
|
182
|
+
return _createClass(ValueRoot2, [{
|
|
184
183
|
key: "uncontrolledProps",
|
|
185
184
|
value: function uncontrolledProps() {
|
|
186
185
|
return {
|
|
@@ -203,8 +202,7 @@ var ValueRoot = /* @__PURE__ */ function(_Component3) {
|
|
|
203
202
|
value: inputValue
|
|
204
203
|
});
|
|
205
204
|
if (currentValue !== void 0) {
|
|
206
|
-
var
|
|
207
|
-
_this$props.onClick;
|
|
205
|
+
var onChange = this.props.onChange;
|
|
208
206
|
controlProps.checked = currentValue === inputValue;
|
|
209
207
|
controlProps.onChange = callAllEventHandlers(onChange, this.bindHandlerChange(inputValue));
|
|
210
208
|
}
|
|
@@ -262,7 +260,6 @@ var ValueRoot = /* @__PURE__ */ function(_Component3) {
|
|
|
262
260
|
return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {}));
|
|
263
261
|
}
|
|
264
262
|
}]);
|
|
265
|
-
return ValueRoot2;
|
|
266
263
|
}(Component);
|
|
267
264
|
_defineProperty(ValueRoot, "defaultProps", {
|
|
268
265
|
includeInputProps: inputProps,
|
|
@@ -284,19 +281,19 @@ var Control = function Control2(props) {
|
|
|
284
281
|
};
|
|
285
282
|
Control.displayName = "Control";
|
|
286
283
|
var RadioMark = function RadioMark2(props) {
|
|
287
|
-
var _ref4 = arguments[0],
|
|
284
|
+
var _ref4 = arguments[0], _ref0;
|
|
288
285
|
var SValue = Box;
|
|
289
286
|
var SInvalidPattern = InvalidStateBox;
|
|
290
287
|
var theme = props.theme, styles = props.styles, resolveColor = props.resolveColor, state = props.state, checked = props.checked;
|
|
291
|
-
return
|
|
288
|
+
return _ref0 = sstyled(styles), /* @__PURE__ */ React.createElement(SValue, _ref0.cn("SValue", _objectSpread({}, assignProps({
|
|
292
289
|
"tag": "div",
|
|
293
290
|
"use:theme": resolveColor(theme),
|
|
294
291
|
"aria-hidden": true
|
|
295
|
-
}, _ref4))), state === "invalid" && !checked && /* @__PURE__ */ React.createElement(SInvalidPattern,
|
|
292
|
+
}, _ref4))), state === "invalid" && !checked && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref0.cn("SInvalidPattern", {})));
|
|
296
293
|
};
|
|
297
294
|
RadioMark.displayName = "RadioMark";
|
|
298
295
|
var Text = function Text2(props) {
|
|
299
|
-
var _ref5 = arguments[0],
|
|
296
|
+
var _ref5 = arguments[0], _ref1;
|
|
300
297
|
var SText = Text$1;
|
|
301
298
|
var styles = props.styles, color = props.color;
|
|
302
299
|
React.useEffect(function() {
|
|
@@ -305,7 +302,7 @@ var Text = function Text2(props) {
|
|
|
305
302
|
}
|
|
306
303
|
}, [props.rootDisabled, props.disabled, props.hoistDisabled]);
|
|
307
304
|
var resolveColor = useColorResolver();
|
|
308
|
-
return
|
|
305
|
+
return _ref1 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref1.cn("SText", _objectSpread({}, assignProps({
|
|
309
306
|
"tag": "span",
|
|
310
307
|
"use:color": resolveColor(color)
|
|
311
308
|
}, _ref5))));
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
1
|
+
import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
2
|
+
import type { Box, BoxProps, Flex } from '@semcore/flex-box';
|
|
3
|
+
import type { Text } from '@semcore/typography';
|
|
4
|
+
import type React from 'react';
|
|
5
5
|
|
|
6
6
|
export type RadioSize = 'm' | 'l';
|
|
7
7
|
export type RadioState = 'normal' | 'invalid';
|
|
@@ -117,7 +117,7 @@ type IntergalacticRadioGroupComponent<PropsExtending = {}> = (<
|
|
|
117
117
|
props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &
|
|
118
118
|
PropsExtending,
|
|
119
119
|
) => Intergalactic.InternalTypings.ComponentRenderingResults) &
|
|
120
|
-
|
|
120
|
+
Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;
|
|
121
121
|
|
|
122
122
|
export type RadioValueControlProps = {};
|
|
123
123
|
export type RadioValueMarkProps = {};
|
|
@@ -139,7 +139,7 @@ declare const wrapRadioGroup: <PropsExtending extends {}>(
|
|
|
139
139
|
props: Intergalactic.InternalTypings.UntypeRefAndTag<
|
|
140
140
|
Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>
|
|
141
141
|
> &
|
|
142
|
-
|
|
142
|
+
PropsExtending,
|
|
143
143
|
) => React.ReactNode,
|
|
144
144
|
) => IntergalacticRadioGroupComponent<PropsExtending>;
|
|
145
145
|
export { wrapRadioGroup };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/radio",
|
|
3
3
|
"description": "Semrush Radio Component",
|
|
4
|
-
"version": "16.0.1",
|
|
4
|
+
"version": "16.0.2-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.0.1",
|
|
18
|
-
"@semcore/typography": "16.1.1"
|
|
17
|
+
"@semcore/flex-box": "16.0.2-prerelease.1",
|
|
18
|
+
"@semcore/typography": "16.1.2-prerelease.1"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/base-components": "^16.0.
|
|
21
|
+
"@semcore/base-components": "^16.0.2-prerelease.1"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"directory": "semcore/radio"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@
|
|
29
|
+
"@semcore/core": "16.0.0",
|
|
30
30
|
"@semcore/testing-utils": "1.0.0"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|