@alfalab/core-components-radio-group 2.4.0 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -25
- package/dist/Component.d.ts +1 -1
- package/dist/Component.js +3 -3
- package/dist/cssm/Component.d.ts +1 -1
- package/dist/cssm/Component.js +2 -2
- package/dist/esm/Component.d.ts +1 -1
- package/dist/esm/Component.js +3 -3
- package/dist/esm/index.css +17 -17
- package/dist/index.css +17 -17
- package/dist/modern/Component.d.ts +1 -1
- package/dist/modern/Component.js +3 -3
- package/dist/modern/index.css +17 -17
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,57 +3,57 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
# [2.4.0](https://github.com/
|
|
6
|
+
# [2.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.3.0...@alfalab/core-components-radio-group@2.4.0) (2022-03-22)
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### Bug Fixes
|
|
10
10
|
|
|
11
|
-
* **radio-group:** add missing 'value' attribute to 'input' tag ([#1033](https://github.com/
|
|
11
|
+
* **radio-group:** add missing 'value' attribute to 'input' tag ([#1033](https://github.com/core-ds/core-components/issues/1033)) ([0f9cf0e](https://github.com/core-ds/core-components/commit/0f9cf0ecd74f4764ccd0b2839ba0cdf1b96e75cb)), closes [#1031](https://github.com/core-ds/core-components/issues/1031)
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
### Features
|
|
15
15
|
|
|
16
|
-
* Исправить импорты в сторях. ([#998](https://github.com/
|
|
16
|
+
* Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
# [2.3.0](https://github.com/
|
|
22
|
+
# [2.3.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.2.0...@alfalab/core-components-radio-group@2.3.0) (2021-10-11)
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
### Features
|
|
26
26
|
|
|
27
|
-
* проставлен role=alert для ошибок ([#850](https://github.com/
|
|
27
|
+
* проставлен role=alert для ошибок ([#850](https://github.com/core-ds/core-components/issues/850)) ([dc634a3](https://github.com/core-ds/core-components/commit/dc634a3d008accfab10192ce234c12ef0ecc7fa9))
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
# [2.2.0](https://github.com/
|
|
33
|
+
# [2.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.1.0...@alfalab/core-components-radio-group@2.2.0) (2021-09-14)
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
### Features
|
|
37
37
|
|
|
38
|
-
* change error type to ReactNode ([#825](https://github.com/
|
|
39
|
-
* **tag:** add inverted colors ([#784](https://github.com/
|
|
38
|
+
* change error type to ReactNode ([#825](https://github.com/core-ds/core-components/issues/825)) ([c6d95c1](https://github.com/core-ds/core-components/commit/c6d95c1c6239f2b2a3bf2c1639554d8500e794f3))
|
|
39
|
+
* **tag:** add inverted colors ([#784](https://github.com/core-ds/core-components/issues/784)) ([d3681ae](https://github.com/core-ds/core-components/commit/d3681aeefe02e5f481d066013911a1877a165bb2))
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
# [2.1.0](https://github.com/
|
|
45
|
+
# [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.0.1...@alfalab/core-components-radio-group@2.1.0) (2021-07-23)
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
### Features
|
|
49
49
|
|
|
50
|
-
* checkbox/radio/switch design updates (PDS-252) ([#735](https://github.com/
|
|
50
|
+
* checkbox/radio/switch design updates (PDS-252) ([#735](https://github.com/core-ds/core-components/issues/735)) ([62f3c63](https://github.com/core-ds/core-components/commit/62f3c63279872a80ffb1c018b08addf897597b26))
|
|
51
51
|
|
|
52
52
|
|
|
53
53
|
|
|
54
54
|
|
|
55
55
|
|
|
56
|
-
## [2.0.1](https://github.com/
|
|
56
|
+
## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@2.0.0...@alfalab/core-components-radio-group@2.0.1) (2021-07-09)
|
|
57
57
|
|
|
58
58
|
**Note:** Version bump only for package @alfalab/core-components-radio-group
|
|
59
59
|
|
|
@@ -61,14 +61,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
61
61
|
|
|
62
62
|
|
|
63
63
|
|
|
64
|
-
# [2.0.0](https://github.com/
|
|
64
|
+
# [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.11...@alfalab/core-components-radio-group@2.0.0) (2021-07-08)
|
|
65
65
|
|
|
66
66
|
|
|
67
67
|
### Features
|
|
68
68
|
|
|
69
|
-
* upgrade storybook ([#696](https://github.com/
|
|
69
|
+
* upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
|
|
70
70
|
|
|
71
|
-
## [1.1.11](https://github.com/
|
|
71
|
+
## [1.1.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.10...@alfalab/core-components-radio-group@1.1.11) (2021-04-26)
|
|
72
72
|
|
|
73
73
|
**Note:** Version bump only for package @alfalab/core-components-radio-group
|
|
74
74
|
|
|
@@ -76,7 +76,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
76
76
|
|
|
77
77
|
|
|
78
78
|
|
|
79
|
-
## [1.1.10](https://github.com/
|
|
79
|
+
## [1.1.10](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.9...@alfalab/core-components-radio-group@1.1.10) (2021-04-01)
|
|
80
80
|
|
|
81
81
|
**Note:** Version bump only for package @alfalab/core-components-radio-group
|
|
82
82
|
|
|
@@ -84,29 +84,29 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
|
|
87
|
-
## [1.1.9](https://github.com/
|
|
87
|
+
## [1.1.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.7...@alfalab/core-components-radio-group@1.1.9) (2021-03-18)
|
|
88
88
|
|
|
89
89
|
|
|
90
90
|
### Bug Fixes
|
|
91
91
|
|
|
92
|
-
* one more sborka bug ([#579](https://github.com/
|
|
92
|
+
* one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
|
|
93
93
|
|
|
94
94
|
|
|
95
95
|
|
|
96
96
|
|
|
97
97
|
|
|
98
|
-
## [1.1.7](https://github.com/
|
|
98
|
+
## [1.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.5...@alfalab/core-components-radio-group@1.1.7) (2021-03-16)
|
|
99
99
|
|
|
100
100
|
|
|
101
101
|
### Bug Fixes
|
|
102
102
|
|
|
103
|
-
* border-radius in packages ([781749e](https://github.com/
|
|
103
|
+
* border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))
|
|
104
104
|
|
|
105
105
|
|
|
106
106
|
|
|
107
107
|
|
|
108
108
|
|
|
109
|
-
## [1.1.5](https://github.com/
|
|
109
|
+
## [1.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.4...@alfalab/core-components-radio-group@1.1.5) (2021-03-14)
|
|
110
110
|
|
|
111
111
|
**Note:** Version bump only for package @alfalab/core-components-radio-group
|
|
112
112
|
|
|
@@ -114,7 +114,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
114
114
|
|
|
115
115
|
|
|
116
116
|
|
|
117
|
-
## [1.1.4](https://github.com/
|
|
117
|
+
## [1.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.3...@alfalab/core-components-radio-group@1.1.4) (2021-03-04)
|
|
118
118
|
|
|
119
119
|
**Note:** Version bump only for package @alfalab/core-components-radio-group
|
|
120
120
|
|
|
@@ -122,7 +122,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
122
122
|
|
|
123
123
|
|
|
124
124
|
|
|
125
|
-
## [1.1.3](https://github.com/
|
|
125
|
+
## [1.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.2...@alfalab/core-components-radio-group@1.1.3) (2021-03-03)
|
|
126
126
|
|
|
127
127
|
**Note:** Version bump only for package @alfalab/core-components-radio-group
|
|
128
128
|
|
|
@@ -130,7 +130,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
130
130
|
|
|
131
131
|
|
|
132
132
|
|
|
133
|
-
## [1.1.2](https://github.com/
|
|
133
|
+
## [1.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.1...@alfalab/core-components-radio-group@1.1.2) (2021-02-20)
|
|
134
134
|
|
|
135
135
|
**Note:** Version bump only for package @alfalab/core-components-radio-group
|
|
136
136
|
|
|
@@ -138,9 +138,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
138
138
|
|
|
139
139
|
|
|
140
140
|
|
|
141
|
-
## [1.1.1](https://github.com/
|
|
141
|
+
## [1.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-radio-group@1.1.0...@alfalab/core-components-radio-group@1.1.1) (2021-02-18)
|
|
142
142
|
|
|
143
143
|
|
|
144
144
|
### Bug Fixes
|
|
145
145
|
|
|
146
|
-
* update versions ([#525](https://github.com/
|
|
146
|
+
* update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))
|
package/dist/Component.d.ts
CHANGED
|
@@ -54,7 +54,7 @@ type RadioGroupProps = {
|
|
|
54
54
|
/**
|
|
55
55
|
* Value выбранного дочернего элемента
|
|
56
56
|
*/
|
|
57
|
-
value?: string;
|
|
57
|
+
value?: string | null;
|
|
58
58
|
};
|
|
59
59
|
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
60
|
export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };
|
package/dist/Component.js
CHANGED
|
@@ -37,7 +37,7 @@ var __assign = function () {
|
|
|
37
37
|
return __assign.apply(this, arguments);
|
|
38
38
|
};
|
|
39
39
|
|
|
40
|
-
var styles = {"component":"radio-
|
|
40
|
+
var styles = {"component":"radio-group__component_1mm3f","error":"radio-group__error_1mm3f","radioList":"radio-group__radioList_1mm3f","vertical":"radio-group__vertical_1mm3f","radio":"radio-group__radio_1mm3f","horizontal":"radio-group__horizontal_1mm3f","tag":"radio-group__tag_1mm3f","tagLabel":"radio-group__tagLabel_1mm3f","label":"radio-group__label_1mm3f","sub":"radio-group__sub_1mm3f","errorMessage":"radio-group__errorMessage_1mm3f","hint":"radio-group__hint_1mm3f","hiddenInput":"radio-group__hiddenInput_1mm3f"};
|
|
41
41
|
require('./index.css')
|
|
42
42
|
|
|
43
43
|
var RadioGroup = React.forwardRef(function (_a, ref) {
|
|
@@ -46,7 +46,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
|
|
|
46
46
|
var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
|
|
47
47
|
var renderRadio = function (child) {
|
|
48
48
|
var childClassName = child.props.className;
|
|
49
|
-
var checked = (value || stateValue) === child.props.value;
|
|
49
|
+
var checked = value !== null && (value || stateValue) === child.props.value;
|
|
50
50
|
var handleChange = function (event) {
|
|
51
51
|
setStateValue(child.props.value);
|
|
52
52
|
if (onChange) {
|
|
@@ -57,7 +57,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
|
|
|
57
57
|
name: name, className: cn__default['default'](childClassName, styles.radio) }));
|
|
58
58
|
};
|
|
59
59
|
var renderTag = function (child) {
|
|
60
|
-
var checked = (value || stateValue) === child.props.value;
|
|
60
|
+
var checked = value !== null && (value || stateValue) === child.props.value;
|
|
61
61
|
var handleChange = function (event) {
|
|
62
62
|
setStateValue(child.props.value);
|
|
63
63
|
if (onChange) {
|
package/dist/cssm/Component.d.ts
CHANGED
|
@@ -54,7 +54,7 @@ type RadioGroupProps = {
|
|
|
54
54
|
/**
|
|
55
55
|
* Value выбранного дочернего элемента
|
|
56
56
|
*/
|
|
57
|
-
value?: string;
|
|
57
|
+
value?: string | null;
|
|
58
58
|
};
|
|
59
59
|
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
60
|
export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };
|
package/dist/cssm/Component.js
CHANGED
|
@@ -45,7 +45,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
|
|
|
45
45
|
var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
|
|
46
46
|
var renderRadio = function (child) {
|
|
47
47
|
var childClassName = child.props.className;
|
|
48
|
-
var checked = (value || stateValue) === child.props.value;
|
|
48
|
+
var checked = value !== null && (value || stateValue) === child.props.value;
|
|
49
49
|
var handleChange = function (event) {
|
|
50
50
|
setStateValue(child.props.value);
|
|
51
51
|
if (onChange) {
|
|
@@ -56,7 +56,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
|
|
|
56
56
|
name: name, className: cn__default['default'](childClassName, styles__default['default'].radio) }));
|
|
57
57
|
};
|
|
58
58
|
var renderTag = function (child) {
|
|
59
|
-
var checked = (value || stateValue) === child.props.value;
|
|
59
|
+
var checked = value !== null && (value || stateValue) === child.props.value;
|
|
60
60
|
var handleChange = function (event) {
|
|
61
61
|
setStateValue(child.props.value);
|
|
62
62
|
if (onChange) {
|
package/dist/esm/Component.d.ts
CHANGED
|
@@ -54,7 +54,7 @@ type RadioGroupProps = {
|
|
|
54
54
|
/**
|
|
55
55
|
* Value выбранного дочернего элемента
|
|
56
56
|
*/
|
|
57
|
-
value?: string;
|
|
57
|
+
value?: string | null;
|
|
58
58
|
};
|
|
59
59
|
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
60
|
export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };
|
package/dist/esm/Component.js
CHANGED
|
@@ -28,7 +28,7 @@ var __assign = function () {
|
|
|
28
28
|
return __assign.apply(this, arguments);
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
var styles = {"component":"radio-
|
|
31
|
+
var styles = {"component":"radio-group__component_1mm3f","error":"radio-group__error_1mm3f","radioList":"radio-group__radioList_1mm3f","vertical":"radio-group__vertical_1mm3f","radio":"radio-group__radio_1mm3f","horizontal":"radio-group__horizontal_1mm3f","tag":"radio-group__tag_1mm3f","tagLabel":"radio-group__tagLabel_1mm3f","label":"radio-group__label_1mm3f","sub":"radio-group__sub_1mm3f","errorMessage":"radio-group__errorMessage_1mm3f","hint":"radio-group__hint_1mm3f","hiddenInput":"radio-group__hiddenInput_1mm3f"};
|
|
32
32
|
require('./index.css')
|
|
33
33
|
|
|
34
34
|
var RadioGroup = forwardRef(function (_a, ref) {
|
|
@@ -37,7 +37,7 @@ var RadioGroup = forwardRef(function (_a, ref) {
|
|
|
37
37
|
var _f = useState(''), stateValue = _f[0], setStateValue = _f[1];
|
|
38
38
|
var renderRadio = function (child) {
|
|
39
39
|
var childClassName = child.props.className;
|
|
40
|
-
var checked = (value || stateValue) === child.props.value;
|
|
40
|
+
var checked = value !== null && (value || stateValue) === child.props.value;
|
|
41
41
|
var handleChange = function (event) {
|
|
42
42
|
setStateValue(child.props.value);
|
|
43
43
|
if (onChange) {
|
|
@@ -48,7 +48,7 @@ var RadioGroup = forwardRef(function (_a, ref) {
|
|
|
48
48
|
name: name, className: cn(childClassName, styles.radio) }));
|
|
49
49
|
};
|
|
50
50
|
var renderTag = function (child) {
|
|
51
|
-
var checked = (value || stateValue) === child.props.value;
|
|
51
|
+
var checked = value !== null && (value || stateValue) === child.props.value;
|
|
52
52
|
var handleChange = function (event) {
|
|
53
53
|
setStateValue(child.props.value);
|
|
54
54
|
if (onChange) {
|
package/dist/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: thg7w */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-text-negative: #d91d0b;
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -25,68 +25,68 @@
|
|
|
25
25
|
--radio-group-hint-color: var(--color-light-text-secondary);
|
|
26
26
|
--radio-group-label-color: var(--color-light-text-primary);
|
|
27
27
|
}
|
|
28
|
-
.radio-
|
|
28
|
+
.radio-group__component_1mm3f {
|
|
29
29
|
display: flex;
|
|
30
30
|
flex-direction: column;
|
|
31
31
|
}
|
|
32
|
-
.radio-
|
|
32
|
+
.radio-group__error_1mm3f {
|
|
33
33
|
padding-left: var(--gap-xs);
|
|
34
34
|
border-left: 1px solid var(--radio-group-error-color);
|
|
35
35
|
}
|
|
36
|
-
.radio-
|
|
36
|
+
.radio-group__radioList_1mm3f {
|
|
37
37
|
display: flex;
|
|
38
38
|
}
|
|
39
|
-
.radio-
|
|
39
|
+
.radio-group__vertical_1mm3f .radio-group__radioList_1mm3f {
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
align-items: flex-start;
|
|
42
42
|
}
|
|
43
|
-
.radio-
|
|
43
|
+
.radio-group__vertical_1mm3f .radio-group__radio_1mm3f {
|
|
44
44
|
margin-bottom: var(--gap-m)
|
|
45
45
|
}
|
|
46
|
-
.radio-
|
|
46
|
+
.radio-group__vertical_1mm3f .radio-group__radio_1mm3f:last-child {
|
|
47
47
|
margin-bottom: 0;
|
|
48
48
|
}
|
|
49
|
-
.radio-
|
|
49
|
+
.radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
|
|
50
50
|
flex-wrap: wrap;
|
|
51
51
|
margin-right: var(--gap-xl-neg);
|
|
52
52
|
margin-bottom: var(--gap-xs-neg);
|
|
53
53
|
}
|
|
54
|
-
.radio-
|
|
54
|
+
.radio-group__tag_1mm3f.radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
|
|
55
55
|
margin-right: var(--gap-xs-neg);
|
|
56
56
|
}
|
|
57
|
-
.radio-
|
|
57
|
+
.radio-group__horizontal_1mm3f .radio-group__radio_1mm3f {
|
|
58
58
|
margin-right: var(--gap-xl);
|
|
59
59
|
margin-bottom: var(--gap-xs);
|
|
60
60
|
}
|
|
61
|
-
.radio-
|
|
61
|
+
.radio-group__horizontal_1mm3f .radio-group__tagLabel_1mm3f {
|
|
62
62
|
margin-right: var(--gap-xs);
|
|
63
63
|
}
|
|
64
|
-
.radio-
|
|
64
|
+
.radio-group__label_1mm3f {
|
|
65
65
|
font-size: 16px;
|
|
66
66
|
line-height: 24px;
|
|
67
67
|
font-weight: 400;
|
|
68
68
|
margin-bottom: var(--gap-s);
|
|
69
69
|
color: var(--radio-group-label-color);
|
|
70
70
|
}
|
|
71
|
-
.radio-
|
|
71
|
+
.radio-group__sub_1mm3f {
|
|
72
72
|
font-size: 14px;
|
|
73
73
|
line-height: 18px;
|
|
74
74
|
font-weight: 400;
|
|
75
75
|
margin-top: var(--gap-s);
|
|
76
76
|
}
|
|
77
|
-
.radio-
|
|
77
|
+
.radio-group__errorMessage_1mm3f {
|
|
78
78
|
color: var(--radio-group-error-color);
|
|
79
79
|
}
|
|
80
|
-
.radio-
|
|
80
|
+
.radio-group__hint_1mm3f {
|
|
81
81
|
color: var(--radio-group-hint-color);
|
|
82
82
|
}
|
|
83
|
-
.radio-
|
|
83
|
+
.radio-group__hiddenInput_1mm3f {
|
|
84
84
|
position: absolute;
|
|
85
85
|
z-index: -1;
|
|
86
86
|
top: 0;
|
|
87
87
|
left: 0;
|
|
88
88
|
opacity: 0;
|
|
89
89
|
}
|
|
90
|
-
.radio-
|
|
90
|
+
.radio-group__tagLabel_1mm3f {
|
|
91
91
|
position: relative;
|
|
92
92
|
}
|
package/dist/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: thg7w */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-text-negative: #d91d0b;
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -25,68 +25,68 @@
|
|
|
25
25
|
--radio-group-hint-color: var(--color-light-text-secondary);
|
|
26
26
|
--radio-group-label-color: var(--color-light-text-primary);
|
|
27
27
|
}
|
|
28
|
-
.radio-
|
|
28
|
+
.radio-group__component_1mm3f {
|
|
29
29
|
display: flex;
|
|
30
30
|
flex-direction: column;
|
|
31
31
|
}
|
|
32
|
-
.radio-
|
|
32
|
+
.radio-group__error_1mm3f {
|
|
33
33
|
padding-left: var(--gap-xs);
|
|
34
34
|
border-left: 1px solid var(--radio-group-error-color);
|
|
35
35
|
}
|
|
36
|
-
.radio-
|
|
36
|
+
.radio-group__radioList_1mm3f {
|
|
37
37
|
display: flex;
|
|
38
38
|
}
|
|
39
|
-
.radio-
|
|
39
|
+
.radio-group__vertical_1mm3f .radio-group__radioList_1mm3f {
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
align-items: flex-start;
|
|
42
42
|
}
|
|
43
|
-
.radio-
|
|
43
|
+
.radio-group__vertical_1mm3f .radio-group__radio_1mm3f {
|
|
44
44
|
margin-bottom: var(--gap-m)
|
|
45
45
|
}
|
|
46
|
-
.radio-
|
|
46
|
+
.radio-group__vertical_1mm3f .radio-group__radio_1mm3f:last-child {
|
|
47
47
|
margin-bottom: 0;
|
|
48
48
|
}
|
|
49
|
-
.radio-
|
|
49
|
+
.radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
|
|
50
50
|
flex-wrap: wrap;
|
|
51
51
|
margin-right: var(--gap-xl-neg);
|
|
52
52
|
margin-bottom: var(--gap-xs-neg);
|
|
53
53
|
}
|
|
54
|
-
.radio-
|
|
54
|
+
.radio-group__tag_1mm3f.radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
|
|
55
55
|
margin-right: var(--gap-xs-neg);
|
|
56
56
|
}
|
|
57
|
-
.radio-
|
|
57
|
+
.radio-group__horizontal_1mm3f .radio-group__radio_1mm3f {
|
|
58
58
|
margin-right: var(--gap-xl);
|
|
59
59
|
margin-bottom: var(--gap-xs);
|
|
60
60
|
}
|
|
61
|
-
.radio-
|
|
61
|
+
.radio-group__horizontal_1mm3f .radio-group__tagLabel_1mm3f {
|
|
62
62
|
margin-right: var(--gap-xs);
|
|
63
63
|
}
|
|
64
|
-
.radio-
|
|
64
|
+
.radio-group__label_1mm3f {
|
|
65
65
|
font-size: 16px;
|
|
66
66
|
line-height: 24px;
|
|
67
67
|
font-weight: 400;
|
|
68
68
|
margin-bottom: var(--gap-s);
|
|
69
69
|
color: var(--radio-group-label-color);
|
|
70
70
|
}
|
|
71
|
-
.radio-
|
|
71
|
+
.radio-group__sub_1mm3f {
|
|
72
72
|
font-size: 14px;
|
|
73
73
|
line-height: 18px;
|
|
74
74
|
font-weight: 400;
|
|
75
75
|
margin-top: var(--gap-s);
|
|
76
76
|
}
|
|
77
|
-
.radio-
|
|
77
|
+
.radio-group__errorMessage_1mm3f {
|
|
78
78
|
color: var(--radio-group-error-color);
|
|
79
79
|
}
|
|
80
|
-
.radio-
|
|
80
|
+
.radio-group__hint_1mm3f {
|
|
81
81
|
color: var(--radio-group-hint-color);
|
|
82
82
|
}
|
|
83
|
-
.radio-
|
|
83
|
+
.radio-group__hiddenInput_1mm3f {
|
|
84
84
|
position: absolute;
|
|
85
85
|
z-index: -1;
|
|
86
86
|
top: 0;
|
|
87
87
|
left: 0;
|
|
88
88
|
opacity: 0;
|
|
89
89
|
}
|
|
90
|
-
.radio-
|
|
90
|
+
.radio-group__tagLabel_1mm3f {
|
|
91
91
|
position: relative;
|
|
92
92
|
}
|
|
@@ -54,7 +54,7 @@ type RadioGroupProps = {
|
|
|
54
54
|
/**
|
|
55
55
|
* Value выбранного дочернего элемента
|
|
56
56
|
*/
|
|
57
|
-
value?: string;
|
|
57
|
+
value?: string | null;
|
|
58
58
|
};
|
|
59
59
|
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
60
|
export { Direction, RadioGroupType, RadioGroupProps, RadioGroup };
|
package/dist/modern/Component.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
|
|
4
|
-
var styles = {"component":"radio-
|
|
4
|
+
var styles = {"component":"radio-group__component_1mm3f","error":"radio-group__error_1mm3f","radioList":"radio-group__radioList_1mm3f","vertical":"radio-group__vertical_1mm3f","radio":"radio-group__radio_1mm3f","horizontal":"radio-group__horizontal_1mm3f","tag":"radio-group__tag_1mm3f","tagLabel":"radio-group__tagLabel_1mm3f","label":"radio-group__label_1mm3f","sub":"radio-group__sub_1mm3f","errorMessage":"radio-group__errorMessage_1mm3f","hint":"radio-group__hint_1mm3f","hiddenInput":"radio-group__hiddenInput_1mm3f"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
const RadioGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, type = 'radio', dataTestId, disabled = false, name, value, }, ref) => {
|
|
8
8
|
const [stateValue, setStateValue] = useState('');
|
|
9
9
|
const renderRadio = (child) => {
|
|
10
10
|
const { className: childClassName } = child.props;
|
|
11
|
-
const checked = (value || stateValue) === child.props.value;
|
|
11
|
+
const checked = value !== null && (value || stateValue) === child.props.value;
|
|
12
12
|
const handleChange = (event) => {
|
|
13
13
|
setStateValue(child.props.value);
|
|
14
14
|
if (onChange) {
|
|
@@ -25,7 +25,7 @@ const RadioGroup = forwardRef(({ children, className, direction = 'vertical', la
|
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
27
|
const renderTag = (child) => {
|
|
28
|
-
const checked = (value || stateValue) === child.props.value;
|
|
28
|
+
const checked = value !== null && (value || stateValue) === child.props.value;
|
|
29
29
|
const handleChange = (event) => {
|
|
30
30
|
setStateValue(child.props.value);
|
|
31
31
|
if (onChange) {
|
package/dist/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: thg7w */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-text-negative: #d91d0b;
|
|
4
4
|
--color-light-text-primary: #0b1f35;
|
|
@@ -25,68 +25,68 @@
|
|
|
25
25
|
--radio-group-hint-color: var(--color-light-text-secondary);
|
|
26
26
|
--radio-group-label-color: var(--color-light-text-primary);
|
|
27
27
|
}
|
|
28
|
-
.radio-
|
|
28
|
+
.radio-group__component_1mm3f {
|
|
29
29
|
display: flex;
|
|
30
30
|
flex-direction: column;
|
|
31
31
|
}
|
|
32
|
-
.radio-
|
|
32
|
+
.radio-group__error_1mm3f {
|
|
33
33
|
padding-left: var(--gap-xs);
|
|
34
34
|
border-left: 1px solid var(--radio-group-error-color);
|
|
35
35
|
}
|
|
36
|
-
.radio-
|
|
36
|
+
.radio-group__radioList_1mm3f {
|
|
37
37
|
display: flex;
|
|
38
38
|
}
|
|
39
|
-
.radio-
|
|
39
|
+
.radio-group__vertical_1mm3f .radio-group__radioList_1mm3f {
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
align-items: flex-start;
|
|
42
42
|
}
|
|
43
|
-
.radio-
|
|
43
|
+
.radio-group__vertical_1mm3f .radio-group__radio_1mm3f {
|
|
44
44
|
margin-bottom: var(--gap-m)
|
|
45
45
|
}
|
|
46
|
-
.radio-
|
|
46
|
+
.radio-group__vertical_1mm3f .radio-group__radio_1mm3f:last-child {
|
|
47
47
|
margin-bottom: 0;
|
|
48
48
|
}
|
|
49
|
-
.radio-
|
|
49
|
+
.radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
|
|
50
50
|
flex-wrap: wrap;
|
|
51
51
|
margin-right: var(--gap-xl-neg);
|
|
52
52
|
margin-bottom: var(--gap-xs-neg);
|
|
53
53
|
}
|
|
54
|
-
.radio-
|
|
54
|
+
.radio-group__tag_1mm3f.radio-group__horizontal_1mm3f .radio-group__radioList_1mm3f {
|
|
55
55
|
margin-right: var(--gap-xs-neg);
|
|
56
56
|
}
|
|
57
|
-
.radio-
|
|
57
|
+
.radio-group__horizontal_1mm3f .radio-group__radio_1mm3f {
|
|
58
58
|
margin-right: var(--gap-xl);
|
|
59
59
|
margin-bottom: var(--gap-xs);
|
|
60
60
|
}
|
|
61
|
-
.radio-
|
|
61
|
+
.radio-group__horizontal_1mm3f .radio-group__tagLabel_1mm3f {
|
|
62
62
|
margin-right: var(--gap-xs);
|
|
63
63
|
}
|
|
64
|
-
.radio-
|
|
64
|
+
.radio-group__label_1mm3f {
|
|
65
65
|
font-size: 16px;
|
|
66
66
|
line-height: 24px;
|
|
67
67
|
font-weight: 400;
|
|
68
68
|
margin-bottom: var(--gap-s);
|
|
69
69
|
color: var(--radio-group-label-color);
|
|
70
70
|
}
|
|
71
|
-
.radio-
|
|
71
|
+
.radio-group__sub_1mm3f {
|
|
72
72
|
font-size: 14px;
|
|
73
73
|
line-height: 18px;
|
|
74
74
|
font-weight: 400;
|
|
75
75
|
margin-top: var(--gap-s);
|
|
76
76
|
}
|
|
77
|
-
.radio-
|
|
77
|
+
.radio-group__errorMessage_1mm3f {
|
|
78
78
|
color: var(--radio-group-error-color);
|
|
79
79
|
}
|
|
80
|
-
.radio-
|
|
80
|
+
.radio-group__hint_1mm3f {
|
|
81
81
|
color: var(--radio-group-hint-color);
|
|
82
82
|
}
|
|
83
|
-
.radio-
|
|
83
|
+
.radio-group__hiddenInput_1mm3f {
|
|
84
84
|
position: absolute;
|
|
85
85
|
z-index: -1;
|
|
86
86
|
top: 0;
|
|
87
87
|
left: 0;
|
|
88
88
|
opacity: 0;
|
|
89
89
|
}
|
|
90
|
-
.radio-
|
|
90
|
+
.radio-group__tagLabel_1mm3f {
|
|
91
91
|
position: relative;
|
|
92
92
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-radio-group",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"description": "Radio group",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"react-dom": "^16.9.0 || ^17.0.1"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"classnames": "
|
|
23
|
+
"classnames": "2.2.6"
|
|
24
24
|
},
|
|
25
|
-
"gitHead": "
|
|
25
|
+
"gitHead": "d403841901573d0ade9c65e8235ab51aae90d36a"
|
|
26
26
|
}
|