@alfalab/core-components-radio-group 4.8.2 → 4.8.4
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/components/base-radio-group/Component.js +5 -4
- package/components/base-radio-group/index.css +20 -20
- package/cssm/components/base-radio-group/Component.js +4 -3
- package/cssm/shared/index.d.ts +1 -0
- package/cssm/shared/index.js +9 -0
- package/cssm/utils.d.ts +7 -0
- package/cssm/utils.js +16 -0
- package/desktop/Component.desktop.js +1 -1
- package/desktop/desktop.css +4 -4
- package/esm/components/base-radio-group/Component.js +5 -4
- package/esm/components/base-radio-group/index.css +20 -20
- package/esm/desktop/Component.desktop.js +1 -1
- package/esm/desktop/desktop.css +4 -4
- package/esm/mobile/Component.mobile.js +1 -1
- package/esm/mobile/mobile.css +4 -4
- package/esm/shared/index.d.ts +1 -0
- package/esm/shared/index.js +1 -0
- package/esm/utils.d.ts +7 -0
- package/esm/utils.js +12 -0
- package/mobile/Component.mobile.js +1 -1
- package/mobile/mobile.css +4 -4
- package/modern/components/base-radio-group/Component.js +5 -4
- package/modern/components/base-radio-group/index.css +20 -20
- package/modern/desktop/Component.desktop.js +1 -1
- package/modern/desktop/desktop.css +4 -4
- package/modern/mobile/Component.mobile.js +1 -1
- package/modern/mobile/mobile.css +4 -4
- package/modern/shared/index.d.ts +1 -0
- package/modern/shared/index.js +1 -0
- package/modern/utils.d.ts +7 -0
- package/modern/utils.js +12 -0
- package/moderncssm/components/base-radio-group/Component.js +4 -3
- package/moderncssm/shared/index.d.ts +1 -0
- package/moderncssm/shared/index.js +1 -0
- package/moderncssm/utils.d.ts +7 -0
- package/moderncssm/utils.js +12 -0
- package/package.json +4 -4
- package/shared/index.d.ts +1 -0
- package/shared/index.js +9 -0
- package/shared/package.json +3 -0
- package/src/components/base-radio-group/Component.tsx +12 -2
- package/src/shared/index.ts +1 -0
- package/src/shared/package.json +3 -0
- package/src/utils.ts +10 -0
- package/utils.d.ts +7 -0
- package/utils.js +16 -0
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
|
+
var coreComponentsShared = require('@alfalab/core-components-shared');
|
|
8
9
|
var hooks = require('@alfalab/hooks');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -12,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
14
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
15
|
|
|
15
|
-
var commonStyles = {"component":"radio-
|
|
16
|
+
var commonStyles = {"component":"radio-group__component_bz7xc","error":"radio-group__error_bz7xc","tag":"radio-group__tag_bz7xc","radioList":"radio-group__radioList_bz7xc","verticalRadioList":"radio-group__verticalRadioList_bz7xc","horizontalRadioList":"radio-group__horizontalRadioList_bz7xc","verticalRadio":"radio-group__verticalRadio_bz7xc","horizontalRadio":"radio-group__horizontalRadio_bz7xc","horizontalTagLabel":"radio-group__horizontalTagLabel_bz7xc","label":"radio-group__label_bz7xc","sub":"radio-group__sub_bz7xc","errorMessage":"radio-group__errorMessage_bz7xc","hint":"radio-group__hint_bz7xc","hiddenInput":"radio-group__hiddenInput_bz7xc","tagLabel":"radio-group__tagLabel_bz7xc"};
|
|
16
17
|
require('./index.css')
|
|
17
18
|
|
|
18
19
|
var BaseRadioGroup = React.forwardRef(function (_a, ref) {
|
|
@@ -45,15 +46,15 @@ var BaseRadioGroup = React.forwardRef(function (_a, ref) {
|
|
|
45
46
|
};
|
|
46
47
|
var errorMessage = typeof error === 'boolean' ? '' : error;
|
|
47
48
|
return (React__default.default.createElement("div", { className: cn__default.default(commonStyles.component, commonStyles[type], (_b = {}, _b[commonStyles.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
|
|
48
|
-
label ? (React__default.default.createElement("span", { className: cn__default.default(commonStyles.label, styles.label) }, label)) : null,
|
|
49
|
+
label ? (React__default.default.createElement("span", { className: cn__default.default(commonStyles.label, styles.label), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label') }, label)) : null,
|
|
49
50
|
children ? (React__default.default.createElement("div", { className: cn__default.default(commonStyles.radioList, commonStyles["".concat(direction, "RadioList")], radioListClassName, (_c = {}, _c[styles.radioList] = type === 'radio', _c)), onBlur: onBlur, onFocus: onFocus }, React.Children.map(children, function (child) {
|
|
50
51
|
if (React.isValidElement(child)) {
|
|
51
52
|
return type === 'radio' ? renderRadio(child) : renderTag(child);
|
|
52
53
|
}
|
|
53
54
|
return null;
|
|
54
55
|
}))) : null,
|
|
55
|
-
errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert' }, errorMessage)),
|
|
56
|
-
hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles.sub, styles.sub, commonStyles.hint) }, hint))));
|
|
56
|
+
errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert', "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error') }, errorMessage)),
|
|
57
|
+
hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles.sub, styles.sub, commonStyles.hint), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'hint') }, hint))));
|
|
57
58
|
});
|
|
58
59
|
|
|
59
60
|
exports.BaseRadioGroup = BaseRadioGroup;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 7wbri */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-status-info: #2288fa;
|
|
@@ -40,55 +40,55 @@
|
|
|
40
40
|
--radio-group-hint-color: var(--color-light-text-secondary);
|
|
41
41
|
|
|
42
42
|
/* mobile */
|
|
43
|
-
} .radio-
|
|
43
|
+
} .radio-group__component_bz7xc {
|
|
44
44
|
display: flex;
|
|
45
45
|
flex-direction: column;
|
|
46
|
-
} .radio-
|
|
46
|
+
} .radio-group__error_bz7xc {
|
|
47
47
|
padding-left: var(--gap-12);
|
|
48
48
|
border-left: 1px solid var(--color-light-status-negative)
|
|
49
|
-
} .radio-
|
|
49
|
+
} .radio-group__error_bz7xc.radio-group__tag_bz7xc {
|
|
50
50
|
padding-left: var(--gap-8);
|
|
51
|
-
} .radio-
|
|
51
|
+
} .radio-group__radioList_bz7xc {
|
|
52
52
|
display: flex;
|
|
53
|
-
} .radio-
|
|
53
|
+
} .radio-group__verticalRadioList_bz7xc {
|
|
54
54
|
flex-direction: column;
|
|
55
55
|
align-items: flex-start;
|
|
56
|
-
} .radio-
|
|
56
|
+
} .radio-group__horizontalRadioList_bz7xc {
|
|
57
57
|
flex-wrap: wrap;
|
|
58
58
|
margin-bottom: var(--gap-8-neg);
|
|
59
|
-
} .radio-
|
|
59
|
+
} .radio-group__verticalRadio_bz7xc {
|
|
60
60
|
margin-bottom: var(--gap-12)
|
|
61
|
-
} .radio-
|
|
61
|
+
} .radio-group__verticalRadio_bz7xc:last-child {
|
|
62
62
|
margin-bottom: var(--gap-0);
|
|
63
|
-
} .radio-
|
|
63
|
+
} .radio-group__horizontalRadio_bz7xc {
|
|
64
64
|
margin-right: var(--gap-24);
|
|
65
65
|
margin-bottom: var(--gap-8);
|
|
66
|
-
} .radio-
|
|
66
|
+
} .radio-group__horizontalTagLabel_bz7xc {
|
|
67
67
|
margin-right: var(--gap-8);
|
|
68
|
-
} .radio-
|
|
69
|
-
.radio-
|
|
68
|
+
} .radio-group__horizontalRadio_bz7xc:last-child,
|
|
69
|
+
.radio-group__horizontalTagLabel_bz7xc:last-child {
|
|
70
70
|
margin-right: var(--gap-0);
|
|
71
|
-
} .radio-
|
|
71
|
+
} .radio-group__label_bz7xc {
|
|
72
72
|
margin-bottom: var(--gap-12);
|
|
73
|
-
} .radio-
|
|
73
|
+
} .radio-group__sub_bz7xc {
|
|
74
74
|
font-size: 14px;
|
|
75
75
|
line-height: 18px;
|
|
76
76
|
font-weight: 400;
|
|
77
77
|
margin-top: var(--gap-12);
|
|
78
|
-
} .radio-
|
|
78
|
+
} .radio-group__errorMessage_bz7xc {
|
|
79
79
|
color: var(--radio-group-error-color);
|
|
80
|
-
} .radio-
|
|
80
|
+
} .radio-group__hint_bz7xc {
|
|
81
81
|
color: var(--radio-group-hint-color);
|
|
82
|
-
} .radio-
|
|
82
|
+
} .radio-group__hiddenInput_bz7xc {
|
|
83
83
|
position: absolute;
|
|
84
84
|
z-index: -1;
|
|
85
85
|
top: var(--gap-0);
|
|
86
86
|
left: var(--gap-0);
|
|
87
87
|
opacity: 0
|
|
88
|
-
} .radio-
|
|
88
|
+
} .radio-group__hiddenInput_bz7xc:focus ~ button {
|
|
89
89
|
outline: 2px solid var(--focus-color);
|
|
90
90
|
outline-offset: 2px;
|
|
91
|
-
} .radio-
|
|
91
|
+
} .radio-group__tagLabel_bz7xc {
|
|
92
92
|
position: relative;
|
|
93
93
|
max-width: 100%;
|
|
94
94
|
}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
|
+
var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
|
|
8
9
|
var hooks = require('@alfalab/hooks');
|
|
9
10
|
var commonStyles = require('./index.module.css');
|
|
10
11
|
|
|
@@ -44,15 +45,15 @@ var BaseRadioGroup = React.forwardRef(function (_a, ref) {
|
|
|
44
45
|
};
|
|
45
46
|
var errorMessage = typeof error === 'boolean' ? '' : error;
|
|
46
47
|
return (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.component, commonStyles__default.default[type], (_b = {}, _b[commonStyles__default.default.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
|
|
47
|
-
label ? (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.label, styles.label) }, label)) : null,
|
|
48
|
+
label ? (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.label, styles.label), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label') }, label)) : null,
|
|
48
49
|
children ? (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.radioList, commonStyles__default.default["".concat(direction, "RadioList")], radioListClassName, (_c = {}, _c[styles.radioList] = type === 'radio', _c)), onBlur: onBlur, onFocus: onFocus }, React.Children.map(children, function (child) {
|
|
49
50
|
if (React.isValidElement(child)) {
|
|
50
51
|
return type === 'radio' ? renderRadio(child) : renderTag(child);
|
|
51
52
|
}
|
|
52
53
|
return null;
|
|
53
54
|
}))) : null,
|
|
54
|
-
errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.sub, styles.sub, commonStyles__default.default.errorMessage), role: 'alert' }, errorMessage)),
|
|
55
|
-
hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.sub, styles.sub, commonStyles__default.default.hint) }, hint))));
|
|
55
|
+
errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.sub, styles.sub, commonStyles__default.default.errorMessage), role: 'alert', "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error') }, errorMessage)),
|
|
56
|
+
hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(commonStyles__default.default.sub, styles.sub, commonStyles__default.default.hint), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'hint') }, hint))));
|
|
56
57
|
});
|
|
57
58
|
|
|
58
59
|
exports.BaseRadioGroup = BaseRadioGroup;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getRadioGroupTestIds } from "../utils";
|
package/cssm/utils.d.ts
ADDED
package/cssm/utils.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
|
|
6
|
+
|
|
7
|
+
function getRadioGroupTestIds(dataTestId) {
|
|
8
|
+
return {
|
|
9
|
+
checkbox: dataTestId,
|
|
10
|
+
label: coreComponentsShared.getDataTestId(dataTestId, 'label'),
|
|
11
|
+
hint: coreComponentsShared.getDataTestId(dataTestId, 'hint'),
|
|
12
|
+
error: coreComponentsShared.getDataTestId(dataTestId, 'error'),
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
exports.getRadioGroupTestIds = getRadioGroupTestIds;
|
|
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
|
|
13
|
-
var styles = {"radioList":"radio-
|
|
13
|
+
var styles = {"radioList":"radio-group__radioList_zc446","label":"radio-group__label_zc446","sub":"radio-group__sub_zc446"};
|
|
14
14
|
require('./desktop.css')
|
|
15
15
|
|
|
16
16
|
var RadioGroupDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles })); });
|
package/desktop/desktop.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ls4o */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -29,14 +29,14 @@
|
|
|
29
29
|
--radio-group-list-padding-left: var(--gap-0);
|
|
30
30
|
|
|
31
31
|
/* mobile */
|
|
32
|
-
} .radio-
|
|
32
|
+
} .radio-group__radioList_zc446 {
|
|
33
33
|
padding-left: var(--radio-group-list-padding-left);
|
|
34
|
-
} .radio-
|
|
34
|
+
} .radio-group__label_zc446 {
|
|
35
35
|
font-size: 16px;
|
|
36
36
|
line-height: 24px;
|
|
37
37
|
font-weight: 400;
|
|
38
38
|
color: var(--radio-group-label-color);
|
|
39
39
|
padding-left: var(--radio-group-sub-padding-left);
|
|
40
|
-
} .radio-
|
|
40
|
+
} .radio-group__sub_zc446 {
|
|
41
41
|
padding-left: var(--radio-group-sub-padding-left);
|
|
42
42
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
|
+
import { getDataTestId } from '@alfalab/core-components-shared/esm';
|
|
4
5
|
import { useDidUpdateEffect } from '@alfalab/hooks';
|
|
5
6
|
|
|
6
|
-
var commonStyles = {"component":"radio-
|
|
7
|
+
var commonStyles = {"component":"radio-group__component_bz7xc","error":"radio-group__error_bz7xc","tag":"radio-group__tag_bz7xc","radioList":"radio-group__radioList_bz7xc","verticalRadioList":"radio-group__verticalRadioList_bz7xc","horizontalRadioList":"radio-group__horizontalRadioList_bz7xc","verticalRadio":"radio-group__verticalRadio_bz7xc","horizontalRadio":"radio-group__horizontalRadio_bz7xc","horizontalTagLabel":"radio-group__horizontalTagLabel_bz7xc","label":"radio-group__label_bz7xc","sub":"radio-group__sub_bz7xc","errorMessage":"radio-group__errorMessage_bz7xc","hint":"radio-group__hint_bz7xc","hiddenInput":"radio-group__hiddenInput_bz7xc","tagLabel":"radio-group__tagLabel_bz7xc"};
|
|
7
8
|
require('./index.css')
|
|
8
9
|
|
|
9
10
|
var BaseRadioGroup = forwardRef(function (_a, ref) {
|
|
@@ -36,15 +37,15 @@ var BaseRadioGroup = forwardRef(function (_a, ref) {
|
|
|
36
37
|
};
|
|
37
38
|
var errorMessage = typeof error === 'boolean' ? '' : error;
|
|
38
39
|
return (React.createElement("div", { className: cn(commonStyles.component, commonStyles[type], (_b = {}, _b[commonStyles.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
|
|
39
|
-
label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label)) : null,
|
|
40
|
+
label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label), "data-test-id": getDataTestId(dataTestId, 'label') }, label)) : null,
|
|
40
41
|
children ? (React.createElement("div", { className: cn(commonStyles.radioList, commonStyles["".concat(direction, "RadioList")], radioListClassName, (_c = {}, _c[styles.radioList] = type === 'radio', _c)), onBlur: onBlur, onFocus: onFocus }, Children.map(children, function (child) {
|
|
41
42
|
if (isValidElement(child)) {
|
|
42
43
|
return type === 'radio' ? renderRadio(child) : renderTag(child);
|
|
43
44
|
}
|
|
44
45
|
return null;
|
|
45
46
|
}))) : null,
|
|
46
|
-
errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert' }, errorMessage)),
|
|
47
|
-
hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.hint) }, hint))));
|
|
47
|
+
errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert', "data-test-id": getDataTestId(dataTestId, 'error') }, errorMessage)),
|
|
48
|
+
hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.hint), "data-test-id": getDataTestId(dataTestId, 'hint') }, hint))));
|
|
48
49
|
});
|
|
49
50
|
|
|
50
51
|
export { BaseRadioGroup };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 7wbri */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-status-info: #2288fa;
|
|
@@ -40,55 +40,55 @@
|
|
|
40
40
|
--radio-group-hint-color: var(--color-light-text-secondary);
|
|
41
41
|
|
|
42
42
|
/* mobile */
|
|
43
|
-
} .radio-
|
|
43
|
+
} .radio-group__component_bz7xc {
|
|
44
44
|
display: flex;
|
|
45
45
|
flex-direction: column;
|
|
46
|
-
} .radio-
|
|
46
|
+
} .radio-group__error_bz7xc {
|
|
47
47
|
padding-left: var(--gap-12);
|
|
48
48
|
border-left: 1px solid var(--color-light-status-negative)
|
|
49
|
-
} .radio-
|
|
49
|
+
} .radio-group__error_bz7xc.radio-group__tag_bz7xc {
|
|
50
50
|
padding-left: var(--gap-8);
|
|
51
|
-
} .radio-
|
|
51
|
+
} .radio-group__radioList_bz7xc {
|
|
52
52
|
display: flex;
|
|
53
|
-
} .radio-
|
|
53
|
+
} .radio-group__verticalRadioList_bz7xc {
|
|
54
54
|
flex-direction: column;
|
|
55
55
|
align-items: flex-start;
|
|
56
|
-
} .radio-
|
|
56
|
+
} .radio-group__horizontalRadioList_bz7xc {
|
|
57
57
|
flex-wrap: wrap;
|
|
58
58
|
margin-bottom: var(--gap-8-neg);
|
|
59
|
-
} .radio-
|
|
59
|
+
} .radio-group__verticalRadio_bz7xc {
|
|
60
60
|
margin-bottom: var(--gap-12)
|
|
61
|
-
} .radio-
|
|
61
|
+
} .radio-group__verticalRadio_bz7xc:last-child {
|
|
62
62
|
margin-bottom: var(--gap-0);
|
|
63
|
-
} .radio-
|
|
63
|
+
} .radio-group__horizontalRadio_bz7xc {
|
|
64
64
|
margin-right: var(--gap-24);
|
|
65
65
|
margin-bottom: var(--gap-8);
|
|
66
|
-
} .radio-
|
|
66
|
+
} .radio-group__horizontalTagLabel_bz7xc {
|
|
67
67
|
margin-right: var(--gap-8);
|
|
68
|
-
} .radio-
|
|
69
|
-
.radio-
|
|
68
|
+
} .radio-group__horizontalRadio_bz7xc:last-child,
|
|
69
|
+
.radio-group__horizontalTagLabel_bz7xc:last-child {
|
|
70
70
|
margin-right: var(--gap-0);
|
|
71
|
-
} .radio-
|
|
71
|
+
} .radio-group__label_bz7xc {
|
|
72
72
|
margin-bottom: var(--gap-12);
|
|
73
|
-
} .radio-
|
|
73
|
+
} .radio-group__sub_bz7xc {
|
|
74
74
|
font-size: 14px;
|
|
75
75
|
line-height: 18px;
|
|
76
76
|
font-weight: 400;
|
|
77
77
|
margin-top: var(--gap-12);
|
|
78
|
-
} .radio-
|
|
78
|
+
} .radio-group__errorMessage_bz7xc {
|
|
79
79
|
color: var(--radio-group-error-color);
|
|
80
|
-
} .radio-
|
|
80
|
+
} .radio-group__hint_bz7xc {
|
|
81
81
|
color: var(--radio-group-hint-color);
|
|
82
|
-
} .radio-
|
|
82
|
+
} .radio-group__hiddenInput_bz7xc {
|
|
83
83
|
position: absolute;
|
|
84
84
|
z-index: -1;
|
|
85
85
|
top: var(--gap-0);
|
|
86
86
|
left: var(--gap-0);
|
|
87
87
|
opacity: 0
|
|
88
|
-
} .radio-
|
|
88
|
+
} .radio-group__hiddenInput_bz7xc:focus ~ button {
|
|
89
89
|
outline: 2px solid var(--focus-color);
|
|
90
90
|
outline-offset: 2px;
|
|
91
|
-
} .radio-
|
|
91
|
+
} .radio-group__tagLabel_bz7xc {
|
|
92
92
|
position: relative;
|
|
93
93
|
max-width: 100%;
|
|
94
94
|
}
|
|
@@ -2,7 +2,7 @@ import { __assign } from 'tslib';
|
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
|
|
4
4
|
|
|
5
|
-
var styles = {"radioList":"radio-
|
|
5
|
+
var styles = {"radioList":"radio-group__radioList_zc446","label":"radio-group__label_zc446","sub":"radio-group__sub_zc446"};
|
|
6
6
|
require('./desktop.css')
|
|
7
7
|
|
|
8
8
|
var RadioGroupDesktop = forwardRef(function (props, ref) { return React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles })); });
|
package/esm/desktop/desktop.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ls4o */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -29,14 +29,14 @@
|
|
|
29
29
|
--radio-group-list-padding-left: var(--gap-0);
|
|
30
30
|
|
|
31
31
|
/* mobile */
|
|
32
|
-
} .radio-
|
|
32
|
+
} .radio-group__radioList_zc446 {
|
|
33
33
|
padding-left: var(--radio-group-list-padding-left);
|
|
34
|
-
} .radio-
|
|
34
|
+
} .radio-group__label_zc446 {
|
|
35
35
|
font-size: 16px;
|
|
36
36
|
line-height: 24px;
|
|
37
37
|
font-weight: 400;
|
|
38
38
|
color: var(--radio-group-label-color);
|
|
39
39
|
padding-left: var(--radio-group-sub-padding-left);
|
|
40
|
-
} .radio-
|
|
40
|
+
} .radio-group__sub_zc446 {
|
|
41
41
|
padding-left: var(--radio-group-sub-padding-left);
|
|
42
42
|
}
|
|
@@ -2,7 +2,7 @@ import { __assign } from 'tslib';
|
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
|
|
4
4
|
|
|
5
|
-
var styles = {"radioList":"radio-
|
|
5
|
+
var styles = {"radioList":"radio-group__radioList_1jk4y","label":"radio-group__label_1jk4y","sub":"radio-group__sub_1jk4y"};
|
|
6
6
|
require('./mobile.css')
|
|
7
7
|
|
|
8
8
|
var RadioGroupMobile = forwardRef(function (props, ref) { return (React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles }))); });
|
package/esm/mobile/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1i5fw */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
--radio-group-mobile-sub-padding-left: var(--gap-4);
|
|
33
33
|
--radio-group-mobile-list-padding-left: var(--gap-2);
|
|
34
34
|
--radio-group-mobile-label-color: var(--color-light-text-secondary);
|
|
35
|
-
} .radio-
|
|
35
|
+
} .radio-group__radioList_1jk4y {
|
|
36
36
|
padding-left: var(--radio-group-mobile-list-padding-left);
|
|
37
|
-
} .radio-
|
|
37
|
+
} .radio-group__label_1jk4y {
|
|
38
38
|
font-size: 14px;
|
|
39
39
|
line-height: 18px;
|
|
40
40
|
font-weight: 400;
|
|
41
41
|
color: var(--radio-group-mobile-label-color);
|
|
42
42
|
padding-left: var(--radio-group-mobile-sub-padding-left);
|
|
43
|
-
} .radio-
|
|
43
|
+
} .radio-group__sub_1jk4y {
|
|
44
44
|
padding-left: var(--radio-group-mobile-sub-padding-left);
|
|
45
45
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getRadioGroupTestIds } from "../utils";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getRadioGroupTestIds } from '../utils.js';
|
package/esm/utils.d.ts
ADDED
package/esm/utils.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { getDataTestId } from '@alfalab/core-components-shared/esm';
|
|
2
|
+
|
|
3
|
+
function getRadioGroupTestIds(dataTestId) {
|
|
4
|
+
return {
|
|
5
|
+
checkbox: dataTestId,
|
|
6
|
+
label: getDataTestId(dataTestId, 'label'),
|
|
7
|
+
hint: getDataTestId(dataTestId, 'hint'),
|
|
8
|
+
error: getDataTestId(dataTestId, 'error'),
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { getRadioGroupTestIds };
|
|
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
|
|
13
|
-
var styles = {"radioList":"radio-
|
|
13
|
+
var styles = {"radioList":"radio-group__radioList_1jk4y","label":"radio-group__label_1jk4y","sub":"radio-group__sub_1jk4y"};
|
|
14
14
|
require('./mobile.css')
|
|
15
15
|
|
|
16
16
|
var RadioGroupMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles }))); });
|
package/mobile/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1i5fw */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
--radio-group-mobile-sub-padding-left: var(--gap-4);
|
|
33
33
|
--radio-group-mobile-list-padding-left: var(--gap-2);
|
|
34
34
|
--radio-group-mobile-label-color: var(--color-light-text-secondary);
|
|
35
|
-
} .radio-
|
|
35
|
+
} .radio-group__radioList_1jk4y {
|
|
36
36
|
padding-left: var(--radio-group-mobile-list-padding-left);
|
|
37
|
-
} .radio-
|
|
37
|
+
} .radio-group__label_1jk4y {
|
|
38
38
|
font-size: 14px;
|
|
39
39
|
line-height: 18px;
|
|
40
40
|
font-weight: 400;
|
|
41
41
|
color: var(--radio-group-mobile-label-color);
|
|
42
42
|
padding-left: var(--radio-group-mobile-sub-padding-left);
|
|
43
|
-
} .radio-
|
|
43
|
+
} .radio-group__sub_1jk4y {
|
|
44
44
|
padding-left: var(--radio-group-mobile-sub-padding-left);
|
|
45
45
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
|
+
import { getDataTestId } from '@alfalab/core-components-shared/modern';
|
|
3
4
|
import { useDidUpdateEffect } from '@alfalab/hooks';
|
|
4
5
|
|
|
5
|
-
const commonStyles = {"component":"radio-
|
|
6
|
+
const commonStyles = {"component":"radio-group__component_bz7xc","error":"radio-group__error_bz7xc","tag":"radio-group__tag_bz7xc","radioList":"radio-group__radioList_bz7xc","verticalRadioList":"radio-group__verticalRadioList_bz7xc","horizontalRadioList":"radio-group__horizontalRadioList_bz7xc","verticalRadio":"radio-group__verticalRadio_bz7xc","horizontalRadio":"radio-group__horizontalRadio_bz7xc","horizontalTagLabel":"radio-group__horizontalTagLabel_bz7xc","label":"radio-group__label_bz7xc","sub":"radio-group__sub_bz7xc","errorMessage":"radio-group__errorMessage_bz7xc","hint":"radio-group__hint_bz7xc","hiddenInput":"radio-group__hiddenInput_bz7xc","tagLabel":"radio-group__tagLabel_bz7xc"};
|
|
6
7
|
require('./index.css')
|
|
7
8
|
|
|
8
9
|
const BaseRadioGroup = forwardRef(({ children, className, radioListClassName, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, styles, }, ref) => {
|
|
@@ -45,15 +46,15 @@ const BaseRadioGroup = forwardRef(({ children, className, radioListClassName, di
|
|
|
45
46
|
};
|
|
46
47
|
const errorMessage = typeof error === 'boolean' ? '' : error;
|
|
47
48
|
return (React.createElement("div", { className: cn(commonStyles.component, commonStyles[type], { [commonStyles.error]: error }, className), "data-test-id": dataTestId, ref: ref },
|
|
48
|
-
label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label)) : null,
|
|
49
|
+
label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label), "data-test-id": getDataTestId(dataTestId, 'label') }, label)) : null,
|
|
49
50
|
children ? (React.createElement("div", { className: cn(commonStyles.radioList, commonStyles[`${direction}RadioList`], radioListClassName, { [styles.radioList]: type === 'radio' }), onBlur: onBlur, onFocus: onFocus }, Children.map(children, (child) => {
|
|
50
51
|
if (isValidElement(child)) {
|
|
51
52
|
return type === 'radio' ? renderRadio(child) : renderTag(child);
|
|
52
53
|
}
|
|
53
54
|
return null;
|
|
54
55
|
}))) : null,
|
|
55
|
-
errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert' }, errorMessage)),
|
|
56
|
-
hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.hint) }, hint))));
|
|
56
|
+
errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert', "data-test-id": getDataTestId(dataTestId, 'error') }, errorMessage)),
|
|
57
|
+
hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.hint), "data-test-id": getDataTestId(dataTestId, 'hint') }, hint))));
|
|
57
58
|
});
|
|
58
59
|
|
|
59
60
|
export { BaseRadioGroup };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 7wbri */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-status-info: #2288fa;
|
|
@@ -40,55 +40,55 @@
|
|
|
40
40
|
--radio-group-hint-color: var(--color-light-text-secondary);
|
|
41
41
|
|
|
42
42
|
/* mobile */
|
|
43
|
-
} .radio-
|
|
43
|
+
} .radio-group__component_bz7xc {
|
|
44
44
|
display: flex;
|
|
45
45
|
flex-direction: column;
|
|
46
|
-
} .radio-
|
|
46
|
+
} .radio-group__error_bz7xc {
|
|
47
47
|
padding-left: var(--gap-12);
|
|
48
48
|
border-left: 1px solid var(--color-light-status-negative)
|
|
49
|
-
} .radio-
|
|
49
|
+
} .radio-group__error_bz7xc.radio-group__tag_bz7xc {
|
|
50
50
|
padding-left: var(--gap-8);
|
|
51
|
-
} .radio-
|
|
51
|
+
} .radio-group__radioList_bz7xc {
|
|
52
52
|
display: flex;
|
|
53
|
-
} .radio-
|
|
53
|
+
} .radio-group__verticalRadioList_bz7xc {
|
|
54
54
|
flex-direction: column;
|
|
55
55
|
align-items: flex-start;
|
|
56
|
-
} .radio-
|
|
56
|
+
} .radio-group__horizontalRadioList_bz7xc {
|
|
57
57
|
flex-wrap: wrap;
|
|
58
58
|
margin-bottom: var(--gap-8-neg);
|
|
59
|
-
} .radio-
|
|
59
|
+
} .radio-group__verticalRadio_bz7xc {
|
|
60
60
|
margin-bottom: var(--gap-12)
|
|
61
|
-
} .radio-
|
|
61
|
+
} .radio-group__verticalRadio_bz7xc:last-child {
|
|
62
62
|
margin-bottom: var(--gap-0);
|
|
63
|
-
} .radio-
|
|
63
|
+
} .radio-group__horizontalRadio_bz7xc {
|
|
64
64
|
margin-right: var(--gap-24);
|
|
65
65
|
margin-bottom: var(--gap-8);
|
|
66
|
-
} .radio-
|
|
66
|
+
} .radio-group__horizontalTagLabel_bz7xc {
|
|
67
67
|
margin-right: var(--gap-8);
|
|
68
|
-
} .radio-
|
|
69
|
-
.radio-
|
|
68
|
+
} .radio-group__horizontalRadio_bz7xc:last-child,
|
|
69
|
+
.radio-group__horizontalTagLabel_bz7xc:last-child {
|
|
70
70
|
margin-right: var(--gap-0);
|
|
71
|
-
} .radio-
|
|
71
|
+
} .radio-group__label_bz7xc {
|
|
72
72
|
margin-bottom: var(--gap-12);
|
|
73
|
-
} .radio-
|
|
73
|
+
} .radio-group__sub_bz7xc {
|
|
74
74
|
font-size: 14px;
|
|
75
75
|
line-height: 18px;
|
|
76
76
|
font-weight: 400;
|
|
77
77
|
margin-top: var(--gap-12);
|
|
78
|
-
} .radio-
|
|
78
|
+
} .radio-group__errorMessage_bz7xc {
|
|
79
79
|
color: var(--radio-group-error-color);
|
|
80
|
-
} .radio-
|
|
80
|
+
} .radio-group__hint_bz7xc {
|
|
81
81
|
color: var(--radio-group-hint-color);
|
|
82
|
-
} .radio-
|
|
82
|
+
} .radio-group__hiddenInput_bz7xc {
|
|
83
83
|
position: absolute;
|
|
84
84
|
z-index: -1;
|
|
85
85
|
top: var(--gap-0);
|
|
86
86
|
left: var(--gap-0);
|
|
87
87
|
opacity: 0
|
|
88
|
-
} .radio-
|
|
88
|
+
} .radio-group__hiddenInput_bz7xc:focus ~ button {
|
|
89
89
|
outline: 2px solid var(--focus-color);
|
|
90
90
|
outline-offset: 2px;
|
|
91
|
-
} .radio-
|
|
91
|
+
} .radio-group__tagLabel_bz7xc {
|
|
92
92
|
position: relative;
|
|
93
93
|
max-width: 100%;
|
|
94
94
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
|
|
3
3
|
|
|
4
|
-
const styles = {"radioList":"radio-
|
|
4
|
+
const styles = {"radioList":"radio-group__radioList_zc446","label":"radio-group__label_zc446","sub":"radio-group__sub_zc446"};
|
|
5
5
|
require('./desktop.css')
|
|
6
6
|
|
|
7
7
|
const RadioGroupDesktop = forwardRef((props, ref) => React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles }));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1ls4o */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -29,14 +29,14 @@
|
|
|
29
29
|
--radio-group-list-padding-left: var(--gap-0);
|
|
30
30
|
|
|
31
31
|
/* mobile */
|
|
32
|
-
} .radio-
|
|
32
|
+
} .radio-group__radioList_zc446 {
|
|
33
33
|
padding-left: var(--radio-group-list-padding-left);
|
|
34
|
-
} .radio-
|
|
34
|
+
} .radio-group__label_zc446 {
|
|
35
35
|
font-size: 16px;
|
|
36
36
|
line-height: 24px;
|
|
37
37
|
font-weight: 400;
|
|
38
38
|
color: var(--radio-group-label-color);
|
|
39
39
|
padding-left: var(--radio-group-sub-padding-left);
|
|
40
|
-
} .radio-
|
|
40
|
+
} .radio-group__sub_zc446 {
|
|
41
41
|
padding-left: var(--radio-group-sub-padding-left);
|
|
42
42
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
|
|
3
3
|
|
|
4
|
-
const styles = {"radioList":"radio-
|
|
4
|
+
const styles = {"radioList":"radio-group__radioList_1jk4y","label":"radio-group__label_1jk4y","sub":"radio-group__sub_1jk4y"};
|
|
5
5
|
require('./mobile.css')
|
|
6
6
|
|
|
7
7
|
const RadioGroupMobile = forwardRef((props, ref) => (React.createElement(BaseRadioGroup, { ...props, ref: ref, styles: styles })));
|
package/modern/mobile/mobile.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1i5fw */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
--radio-group-mobile-sub-padding-left: var(--gap-4);
|
|
33
33
|
--radio-group-mobile-list-padding-left: var(--gap-2);
|
|
34
34
|
--radio-group-mobile-label-color: var(--color-light-text-secondary);
|
|
35
|
-
} .radio-
|
|
35
|
+
} .radio-group__radioList_1jk4y {
|
|
36
36
|
padding-left: var(--radio-group-mobile-list-padding-left);
|
|
37
|
-
} .radio-
|
|
37
|
+
} .radio-group__label_1jk4y {
|
|
38
38
|
font-size: 14px;
|
|
39
39
|
line-height: 18px;
|
|
40
40
|
font-weight: 400;
|
|
41
41
|
color: var(--radio-group-mobile-label-color);
|
|
42
42
|
padding-left: var(--radio-group-mobile-sub-padding-left);
|
|
43
|
-
} .radio-
|
|
43
|
+
} .radio-group__sub_1jk4y {
|
|
44
44
|
padding-left: var(--radio-group-mobile-sub-padding-left);
|
|
45
45
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getRadioGroupTestIds } from "../utils";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getRadioGroupTestIds } from '../utils.js';
|
package/modern/utils.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { getDataTestId } from '@alfalab/core-components-shared/modern';
|
|
2
|
+
|
|
3
|
+
function getRadioGroupTestIds(dataTestId) {
|
|
4
|
+
return {
|
|
5
|
+
checkbox: dataTestId,
|
|
6
|
+
label: getDataTestId(dataTestId, 'label'),
|
|
7
|
+
hint: getDataTestId(dataTestId, 'hint'),
|
|
8
|
+
error: getDataTestId(dataTestId, 'error'),
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { getRadioGroupTestIds };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
|
+
import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
|
|
3
4
|
import { useDidUpdateEffect } from '@alfalab/hooks';
|
|
4
5
|
import commonStyles from './index.module.css';
|
|
5
6
|
|
|
@@ -43,15 +44,15 @@ const BaseRadioGroup = forwardRef(({ children, className, radioListClassName, di
|
|
|
43
44
|
};
|
|
44
45
|
const errorMessage = typeof error === 'boolean' ? '' : error;
|
|
45
46
|
return (React.createElement("div", { className: cn(commonStyles.component, commonStyles[type], { [commonStyles.error]: error }, className), "data-test-id": dataTestId, ref: ref },
|
|
46
|
-
label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label) }, label)) : null,
|
|
47
|
+
label ? (React.createElement("span", { className: cn(commonStyles.label, styles.label), "data-test-id": getDataTestId(dataTestId, 'label') }, label)) : null,
|
|
47
48
|
children ? (React.createElement("div", { className: cn(commonStyles.radioList, commonStyles[`${direction}RadioList`], radioListClassName, { [styles.radioList]: type === 'radio' }), onBlur: onBlur, onFocus: onFocus }, Children.map(children, (child) => {
|
|
48
49
|
if (isValidElement(child)) {
|
|
49
50
|
return type === 'radio' ? renderRadio(child) : renderTag(child);
|
|
50
51
|
}
|
|
51
52
|
return null;
|
|
52
53
|
}))) : null,
|
|
53
|
-
errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert' }, errorMessage)),
|
|
54
|
-
hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.hint) }, hint))));
|
|
54
|
+
errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.errorMessage), role: 'alert', "data-test-id": getDataTestId(dataTestId, 'error') }, errorMessage)),
|
|
55
|
+
hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, commonStyles.hint), "data-test-id": getDataTestId(dataTestId, 'hint') }, hint))));
|
|
55
56
|
});
|
|
56
57
|
|
|
57
58
|
export { BaseRadioGroup };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getRadioGroupTestIds } from "../utils";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getRadioGroupTestIds } from '../utils.js';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
|
|
2
|
+
|
|
3
|
+
function getRadioGroupTestIds(dataTestId) {
|
|
4
|
+
return {
|
|
5
|
+
checkbox: dataTestId,
|
|
6
|
+
label: getDataTestId(dataTestId, 'label'),
|
|
7
|
+
hint: getDataTestId(dataTestId, 'hint'),
|
|
8
|
+
error: getDataTestId(dataTestId, 'error'),
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { getRadioGroupTestIds };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-radio-group",
|
|
3
|
-
"version": "4.8.
|
|
3
|
+
"version": "4.8.4",
|
|
4
4
|
"description": "Radio group",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
"@alfalab/hooks": "^1.13.1",
|
|
21
21
|
"classnames": "^2.5.1",
|
|
22
22
|
"tslib": "^2.4.0",
|
|
23
|
-
"@alfalab/core-components-shared": "^0.
|
|
23
|
+
"@alfalab/core-components-shared": "^0.18.0"
|
|
24
24
|
},
|
|
25
|
-
"themesVersion": "13.7.
|
|
26
|
-
"varsVersion": "9.
|
|
25
|
+
"themesVersion": "13.7.4",
|
|
26
|
+
"varsVersion": "9.21.0"
|
|
27
27
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getRadioGroupTestIds } from "../utils";
|
package/shared/index.js
ADDED
|
@@ -12,6 +12,7 @@ import React, {
|
|
|
12
12
|
} from 'react';
|
|
13
13
|
import cn from 'classnames';
|
|
14
14
|
|
|
15
|
+
import { getDataTestId } from '@alfalab/core-components-shared';
|
|
15
16
|
import { useDidUpdateEffect } from '@alfalab/hooks';
|
|
16
17
|
|
|
17
18
|
import commonStyles from './index.module.css';
|
|
@@ -207,7 +208,12 @@ export const BaseRadioGroup = forwardRef<HTMLDivElement, BaseRadioGroupProps>(
|
|
|
207
208
|
ref={ref}
|
|
208
209
|
>
|
|
209
210
|
{label ? (
|
|
210
|
-
<span
|
|
211
|
+
<span
|
|
212
|
+
className={cn(commonStyles.label, styles.label)}
|
|
213
|
+
data-test-id={getDataTestId(dataTestId, 'label')}
|
|
214
|
+
>
|
|
215
|
+
{label}
|
|
216
|
+
</span>
|
|
211
217
|
) : null}
|
|
212
218
|
|
|
213
219
|
{children ? (
|
|
@@ -235,13 +241,17 @@ export const BaseRadioGroup = forwardRef<HTMLDivElement, BaseRadioGroupProps>(
|
|
|
235
241
|
<span
|
|
236
242
|
className={cn(commonStyles.sub, styles.sub, commonStyles.errorMessage)}
|
|
237
243
|
role='alert'
|
|
244
|
+
data-test-id={getDataTestId(dataTestId, 'error')}
|
|
238
245
|
>
|
|
239
246
|
{errorMessage}
|
|
240
247
|
</span>
|
|
241
248
|
)}
|
|
242
249
|
|
|
243
250
|
{hint && !errorMessage && (
|
|
244
|
-
<span
|
|
251
|
+
<span
|
|
252
|
+
className={cn(commonStyles.sub, styles.sub, commonStyles.hint)}
|
|
253
|
+
data-test-id={getDataTestId(dataTestId, 'hint')}
|
|
254
|
+
>
|
|
245
255
|
{hint}
|
|
246
256
|
</span>
|
|
247
257
|
)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getRadioGroupTestIds } from '../utils';
|
package/src/utils.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { getDataTestId } from '@alfalab/core-components-shared';
|
|
2
|
+
|
|
3
|
+
export function getRadioGroupTestIds(dataTestId: string) {
|
|
4
|
+
return {
|
|
5
|
+
checkbox: dataTestId,
|
|
6
|
+
label: getDataTestId(dataTestId, 'label'),
|
|
7
|
+
hint: getDataTestId(dataTestId, 'hint'),
|
|
8
|
+
error: getDataTestId(dataTestId, 'error'),
|
|
9
|
+
};
|
|
10
|
+
}
|
package/utils.d.ts
ADDED
package/utils.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var coreComponentsShared = require('@alfalab/core-components-shared');
|
|
6
|
+
|
|
7
|
+
function getRadioGroupTestIds(dataTestId) {
|
|
8
|
+
return {
|
|
9
|
+
checkbox: dataTestId,
|
|
10
|
+
label: coreComponentsShared.getDataTestId(dataTestId, 'label'),
|
|
11
|
+
hint: coreComponentsShared.getDataTestId(dataTestId, 'hint'),
|
|
12
|
+
error: coreComponentsShared.getDataTestId(dataTestId, 'error'),
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
exports.getRadioGroupTestIds = getRadioGroupTestIds;
|