@alfalab/core-components-radio-group 2.4.2 → 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.
@@ -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-group__component_1dssw","error":"radio-group__error_1dssw","radioList":"radio-group__radioList_1dssw","vertical":"radio-group__vertical_1dssw","radio":"radio-group__radio_1dssw","horizontal":"radio-group__horizontal_1dssw","tag":"radio-group__tag_1dssw","tagLabel":"radio-group__tagLabel_1dssw","label":"radio-group__label_1dssw","sub":"radio-group__sub_1dssw","errorMessage":"radio-group__errorMessage_1dssw","hint":"radio-group__hint_1dssw","hiddenInput":"radio-group__hiddenInput_1dssw"};
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) {
@@ -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 };
@@ -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) {
@@ -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 };
@@ -28,7 +28,7 @@ var __assign = function () {
28
28
  return __assign.apply(this, arguments);
29
29
  };
30
30
 
31
- var styles = {"component":"radio-group__component_1dssw","error":"radio-group__error_1dssw","radioList":"radio-group__radioList_1dssw","vertical":"radio-group__vertical_1dssw","radio":"radio-group__radio_1dssw","horizontal":"radio-group__horizontal_1dssw","tag":"radio-group__tag_1dssw","tagLabel":"radio-group__tagLabel_1dssw","label":"radio-group__label_1dssw","sub":"radio-group__sub_1dssw","errorMessage":"radio-group__errorMessage_1dssw","hint":"radio-group__hint_1dssw","hiddenInput":"radio-group__hiddenInput_1dssw"};
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) {
@@ -1,4 +1,4 @@
1
- /* hash: hexvv */
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-group__component_1dssw {
28
+ .radio-group__component_1mm3f {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_1dssw {
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-group__radioList_1dssw {
36
+ .radio-group__radioList_1mm3f {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_1dssw .radio-group__radioList_1dssw {
39
+ .radio-group__vertical_1mm3f .radio-group__radioList_1mm3f {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_1dssw .radio-group__radio_1dssw {
43
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_1dssw .radio-group__radio_1dssw:last-child {
46
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_1dssw .radio-group__radioList_1dssw {
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-group__tag_1dssw.radio-group__horizontal_1dssw .radio-group__radioList_1dssw {
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-group__horizontal_1dssw .radio-group__radio_1dssw {
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-group__horizontal_1dssw .radio-group__tagLabel_1dssw {
61
+ .radio-group__horizontal_1mm3f .radio-group__tagLabel_1mm3f {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_1dssw {
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-group__sub_1dssw {
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-group__errorMessage_1dssw {
77
+ .radio-group__errorMessage_1mm3f {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_1dssw {
80
+ .radio-group__hint_1mm3f {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_1dssw {
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-group__tagLabel_1dssw {
90
+ .radio-group__tagLabel_1mm3f {
91
91
  position: relative;
92
92
  }
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: hexvv */
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-group__component_1dssw {
28
+ .radio-group__component_1mm3f {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_1dssw {
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-group__radioList_1dssw {
36
+ .radio-group__radioList_1mm3f {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_1dssw .radio-group__radioList_1dssw {
39
+ .radio-group__vertical_1mm3f .radio-group__radioList_1mm3f {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_1dssw .radio-group__radio_1dssw {
43
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_1dssw .radio-group__radio_1dssw:last-child {
46
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_1dssw .radio-group__radioList_1dssw {
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-group__tag_1dssw.radio-group__horizontal_1dssw .radio-group__radioList_1dssw {
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-group__horizontal_1dssw .radio-group__radio_1dssw {
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-group__horizontal_1dssw .radio-group__tagLabel_1dssw {
61
+ .radio-group__horizontal_1mm3f .radio-group__tagLabel_1mm3f {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_1dssw {
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-group__sub_1dssw {
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-group__errorMessage_1dssw {
77
+ .radio-group__errorMessage_1mm3f {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_1dssw {
80
+ .radio-group__hint_1mm3f {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_1dssw {
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-group__tagLabel_1dssw {
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 };
@@ -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-group__component_1dssw","error":"radio-group__error_1dssw","radioList":"radio-group__radioList_1dssw","vertical":"radio-group__vertical_1dssw","radio":"radio-group__radio_1dssw","horizontal":"radio-group__horizontal_1dssw","tag":"radio-group__tag_1dssw","tagLabel":"radio-group__tagLabel_1dssw","label":"radio-group__label_1dssw","sub":"radio-group__sub_1dssw","errorMessage":"radio-group__errorMessage_1dssw","hint":"radio-group__hint_1dssw","hiddenInput":"radio-group__hiddenInput_1dssw"};
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) {
@@ -1,4 +1,4 @@
1
- /* hash: hexvv */
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-group__component_1dssw {
28
+ .radio-group__component_1mm3f {
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  }
32
- .radio-group__error_1dssw {
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-group__radioList_1dssw {
36
+ .radio-group__radioList_1mm3f {
37
37
  display: flex;
38
38
  }
39
- .radio-group__vertical_1dssw .radio-group__radioList_1dssw {
39
+ .radio-group__vertical_1mm3f .radio-group__radioList_1mm3f {
40
40
  flex-direction: column;
41
41
  align-items: flex-start;
42
42
  }
43
- .radio-group__vertical_1dssw .radio-group__radio_1dssw {
43
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f {
44
44
  margin-bottom: var(--gap-m)
45
45
  }
46
- .radio-group__vertical_1dssw .radio-group__radio_1dssw:last-child {
46
+ .radio-group__vertical_1mm3f .radio-group__radio_1mm3f:last-child {
47
47
  margin-bottom: 0;
48
48
  }
49
- .radio-group__horizontal_1dssw .radio-group__radioList_1dssw {
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-group__tag_1dssw.radio-group__horizontal_1dssw .radio-group__radioList_1dssw {
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-group__horizontal_1dssw .radio-group__radio_1dssw {
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-group__horizontal_1dssw .radio-group__tagLabel_1dssw {
61
+ .radio-group__horizontal_1mm3f .radio-group__tagLabel_1mm3f {
62
62
  margin-right: var(--gap-xs);
63
63
  }
64
- .radio-group__label_1dssw {
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-group__sub_1dssw {
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-group__errorMessage_1dssw {
77
+ .radio-group__errorMessage_1mm3f {
78
78
  color: var(--radio-group-error-color);
79
79
  }
80
- .radio-group__hint_1dssw {
80
+ .radio-group__hint_1mm3f {
81
81
  color: var(--radio-group-hint-color);
82
82
  }
83
- .radio-group__hiddenInput_1dssw {
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-group__tagLabel_1dssw {
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.4.2",
3
+ "version": "2.5.0",
4
4
  "description": "Radio group",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -22,5 +22,5 @@
22
22
  "dependencies": {
23
23
  "classnames": "2.2.6"
24
24
  },
25
- "gitHead": "8d998af881e79e8b524179aa50cdb117c1380c74"
25
+ "gitHead": "d403841901573d0ade9c65e8235ab51aae90d36a"
26
26
  }