@trilogy-ds/react 0.0.9-beta-v4 → 4.0.0-radio-native
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/enumsComponentsName.d.ts +2 -0
- package/lib/components/enumsComponentsName.js +3 -1
- package/lib/components/radio/Radio.d.ts +2 -2
- package/lib/components/radio/Radio.js +6 -7
- package/lib/components/radio/Radio.native.d.ts +5 -12
- package/lib/components/radio/Radio.native.js +14 -130
- package/lib/components/radio/tiles/RadioTiles.d.ts +5 -2
- package/lib/components/radio/tiles/RadioTiles.js +8 -5
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +15 -0
- package/lib/components/radio/tiles/RadioTiles.native.js +35 -0
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +14 -4
- package/lib/components/radio/tiles/tile/RadioTile.js +20 -12
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +22 -0
- package/lib/components/radio/tiles/tile/RadioTile.native.js +118 -0
- package/lib/objects/Typography/TypographyColor.js +9 -5
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -100,6 +100,8 @@ export var ComponentName;
|
|
|
100
100
|
ComponentName["Otp"] = "Otp";
|
|
101
101
|
ComponentName["Radio"] = "Radio";
|
|
102
102
|
ComponentName["RadioList"] = "RadioList";
|
|
103
|
+
ComponentName["RadioTiles"] = "RadioTiles";
|
|
104
|
+
ComponentName["RadioTile"] = "RadioTile";
|
|
103
105
|
ComponentName["Rows"] = "Rows";
|
|
104
106
|
ComponentName["Row"] = "Row";
|
|
105
107
|
ComponentName["ScrollView"] = "ScrollView";
|
|
@@ -152,4 +154,4 @@ export var ComponentName;
|
|
|
152
154
|
ComponentName["ChipsList"] = "ChipsList";
|
|
153
155
|
ComponentName["Range"] = "Range";
|
|
154
156
|
})(ComponentName || (ComponentName = {}));
|
|
155
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
157
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQTBKWDtBQTFKRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsNEJBQVcsQ0FBQTtJQUNYLDhCQUFhLENBQUE7SUFDYiw4QkFB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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { RadioProps } from '
|
|
2
|
+
import { RadioProps } from '../../components/radio/RadioProps';
|
|
3
3
|
/**
|
|
4
4
|
* radio Component
|
|
5
5
|
* @param checked {boolean} Checked radio
|
|
@@ -9,8 +9,8 @@ import { RadioProps } from './RadioProps';
|
|
|
9
9
|
* @param label {string} Label for radio
|
|
10
10
|
* @param onChange {ChangeEvent}
|
|
11
11
|
* @param name {string} Name for radio
|
|
12
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
13
12
|
* @param value {string} Value for radio
|
|
13
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
14
|
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
15
15
|
*/
|
|
16
16
|
declare const Radio: ({ checked, className, disabled, readonly, id, label, onChange, name, value, ...others }: RadioProps) => JSX.Element;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import shortid from 'shortid';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import { hashClass } from '../../helpers';
|
|
6
2
|
import { useTrilogyContext } from '../../context';
|
|
3
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import React, { useEffect, useState } from 'react';
|
|
7
6
|
/**
|
|
8
7
|
* radio Component
|
|
9
8
|
* @param checked {boolean} Checked radio
|
|
@@ -13,12 +12,12 @@ import { useTrilogyContext } from '../../context';
|
|
|
13
12
|
* @param label {string} Label for radio
|
|
14
13
|
* @param onChange {ChangeEvent}
|
|
15
14
|
* @param name {string} Name for radio
|
|
16
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
15
|
* @param value {string} Value for radio
|
|
16
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
18
17
|
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
19
18
|
*/
|
|
20
19
|
var Radio = function (_a) {
|
|
21
|
-
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ?
|
|
20
|
+
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value"]);
|
|
22
21
|
var styled = useTrilogyContext().styled;
|
|
23
22
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
24
23
|
useEffect(function () {
|
|
@@ -31,4 +30,4 @@ var Radio = function (_a) {
|
|
|
31
30
|
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) }, label)));
|
|
32
31
|
};
|
|
33
32
|
export default Radio;
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxEOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFXRjtJQVZYLElBQUEsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVZJLDRGQVdkLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQztRQUN6RCx3Q0FDRSxJQUFJLEVBQUMsT0FBTyxFQUNaLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUN0QyxRQUFRLEVBQUUsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFwRCxDQUFvRCxJQUNqRSxNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUNsRSxLQUFLLENBQ0EsQ0FDSixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9
|
|
@@ -1,23 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { RadioProps } from './RadioProps';
|
|
3
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { RadioProps } from '../../components/radio/RadioProps';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
6
|
-
* @param checked {boolean} Checked
|
|
5
|
+
* radio Component
|
|
6
|
+
* @param checked {boolean} Checked radio
|
|
7
7
|
* @param disabled {boolean} Disabled
|
|
8
|
-
* @param readOnly {boolean} readonly
|
|
8
|
+
* @param readOnly {boolean} readonly radio
|
|
9
9
|
* @param id {string} Id for button, by default id is generate
|
|
10
|
-
* @param label {string
|
|
11
|
-
* @param onClick {ClickEvent}
|
|
10
|
+
* @param label {string} Label for radio
|
|
12
11
|
* @param onChange {ChangeEvent}
|
|
13
12
|
* @param name {string} Name for radio
|
|
14
13
|
* @param value {string} Value for radio
|
|
15
|
-
* @param iconTile {IconName} Icon for Radio
|
|
16
|
-
* @param narrow {boolean} Apply narrow
|
|
17
|
-
* @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
|
|
18
|
-
* @param tile {boolean} Radio Tile
|
|
19
|
-
* @param description {string} Description for Radio tile
|
|
20
|
-
* @param horizontalTile {boolean} display horizontal Radio tile
|
|
21
14
|
*/
|
|
22
15
|
declare const Radio: {
|
|
23
16
|
({ id, checked, name, onChange, disabled, readonly, label, value, }: RadioProps): JSX.Element;
|
|
@@ -1,51 +1,22 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
4
|
-
import shortid from 'shortid';
|
|
5
|
-
import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold } from '../../objects';
|
|
6
|
-
import { Icon, IconSize } from '../../components/icon';
|
|
7
|
-
import { Text, TextLevels } from '../../components/text';
|
|
8
|
-
import { View } from '../../components/view';
|
|
9
1
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
2
|
+
import { Text } from '../../components/text';
|
|
3
|
+
import { View } from '../../components/view';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../objects';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
10
7
|
/**
|
|
11
|
-
*
|
|
12
|
-
* @param checked {boolean} Checked
|
|
8
|
+
* radio Component
|
|
9
|
+
* @param checked {boolean} Checked radio
|
|
13
10
|
* @param disabled {boolean} Disabled
|
|
14
|
-
* @param readOnly {boolean} readonly
|
|
11
|
+
* @param readOnly {boolean} readonly radio
|
|
15
12
|
* @param id {string} Id for button, by default id is generate
|
|
16
|
-
* @param label {string
|
|
17
|
-
* @param onClick {ClickEvent}
|
|
13
|
+
* @param label {string} Label for radio
|
|
18
14
|
* @param onChange {ChangeEvent}
|
|
19
15
|
* @param name {string} Name for radio
|
|
20
16
|
* @param value {string} Value for radio
|
|
21
|
-
* @param iconTile {IconName} Icon for Radio
|
|
22
|
-
* @param narrow {boolean} Apply narrow
|
|
23
|
-
* @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
|
|
24
|
-
* @param tile {boolean} Radio Tile
|
|
25
|
-
* @param description {string} Description for Radio tile
|
|
26
|
-
* @param horizontalTile {boolean} display horizontal Radio tile
|
|
27
17
|
*/
|
|
28
18
|
var Radio = function (_a) {
|
|
29
|
-
var _b = _a.id, id = _b === void 0 ?
|
|
30
|
-
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
31
|
-
var horizontalTile = false;
|
|
32
|
-
// eslint-disable-next-line no-empty-pattern
|
|
33
|
-
var onClick = function (_a) { return null; };
|
|
34
|
-
var tile = false;
|
|
35
|
-
var description = 'de';
|
|
36
|
-
var iconTile = '';
|
|
37
|
-
var narrow = false;
|
|
38
|
-
var children = null;
|
|
39
|
-
var getRadioInsideColor = function (isDisabled, isMain) {
|
|
40
|
-
if (isDisabled)
|
|
41
|
-
return getColorStyle(TrilogyColor.DISABLED_FADE);
|
|
42
|
-
if (isMain)
|
|
43
|
-
return getColorStyle(TrilogyColor.MAIN);
|
|
44
|
-
return getColorStyle(TrilogyColor.NEUTRAL);
|
|
45
|
-
};
|
|
46
|
-
useEffect(function () {
|
|
47
|
-
setChecked(checked || false);
|
|
48
|
-
}, [checked]);
|
|
19
|
+
var _b = _a.id, id = _b === void 0 ? React.useId() : _b, checked = _a.checked, name = _a.name, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label, value = _a.value;
|
|
49
20
|
var styles = StyleSheet.create({
|
|
50
21
|
container: {
|
|
51
22
|
flexDirection: 'row',
|
|
@@ -73,113 +44,26 @@ var Radio = function (_a) {
|
|
|
73
44
|
},
|
|
74
45
|
label: {
|
|
75
46
|
color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
76
|
-
(
|
|
47
|
+
(checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
77
48
|
getColorStyle(TrilogyColor.MAIN),
|
|
78
49
|
},
|
|
79
|
-
tile: {
|
|
80
|
-
padding: _checked ? 3 : 4,
|
|
81
|
-
paddingBottom: _checked ? 7 : 8,
|
|
82
|
-
maxWidth: 140,
|
|
83
|
-
width: 126,
|
|
84
|
-
borderWidth: (_checked && 2) || 1,
|
|
85
|
-
borderColor: getRadioInsideColor(!!disabled, _checked),
|
|
86
|
-
borderRadius: 6,
|
|
87
|
-
textAlign: 'center',
|
|
88
|
-
alignItems: 'center',
|
|
89
|
-
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
|
|
90
|
-
},
|
|
91
|
-
tileDescription: {
|
|
92
|
-
color: getRadioInsideColor(!!disabled, true),
|
|
93
|
-
alignSelf: horizontalTile ? 'flex-start' : 'center',
|
|
94
|
-
},
|
|
95
|
-
horizontalTile: {
|
|
96
|
-
paddingVertical: _checked ? 15 : 16,
|
|
97
|
-
paddingHorizontal: _checked ? 5 : 6,
|
|
98
|
-
width: narrow ? 'auto' : '100%',
|
|
99
|
-
height: 'auto',
|
|
100
|
-
borderWidth: (_checked && 2) || 1,
|
|
101
|
-
borderColor: getRadioInsideColor(!!disabled, _checked),
|
|
102
|
-
borderRadius: 6,
|
|
103
|
-
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
|
|
104
|
-
},
|
|
105
50
|
});
|
|
106
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
107
51
|
var handleClick = function (value) {
|
|
108
52
|
if (!readonly) {
|
|
109
|
-
setChecked(value);
|
|
110
|
-
if (onClick) {
|
|
111
|
-
onClick({
|
|
112
|
-
radioId: id,
|
|
113
|
-
radioValue: value,
|
|
114
|
-
radioName: name || '',
|
|
115
|
-
radioChecked: !_checked,
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
53
|
if (onChange) {
|
|
119
54
|
onChange({
|
|
120
55
|
radioId: id,
|
|
121
56
|
radioValue: value,
|
|
122
57
|
radioName: name || '',
|
|
123
|
-
radioChecked:
|
|
58
|
+
radioChecked: true,
|
|
124
59
|
});
|
|
125
60
|
}
|
|
126
61
|
}
|
|
127
62
|
};
|
|
128
|
-
if (horizontalTile) {
|
|
129
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: function () { return handleClick(value || false); } },
|
|
130
|
-
React.createElement(View, { style: { flexDirection: 'row' } },
|
|
131
|
-
children ? (React.createElement(View, { style: {
|
|
132
|
-
flexDirection: 'row',
|
|
133
|
-
width: '88%',
|
|
134
|
-
height: 'auto',
|
|
135
|
-
justifyContent: 'flex-start',
|
|
136
|
-
alignItems: 'center',
|
|
137
|
-
marginLeft: 10,
|
|
138
|
-
} }, children)) : (React.createElement(React.Fragment, null,
|
|
139
|
-
React.createElement(View, { style: {
|
|
140
|
-
width: iconTile ? '12%' : '6%',
|
|
141
|
-
height: 'auto',
|
|
142
|
-
justifyContent: 'center',
|
|
143
|
-
alignItems: 'center',
|
|
144
|
-
marginLeft: 10,
|
|
145
|
-
} }, iconTile && (React.createElement(View, null,
|
|
146
|
-
React.createElement(Icon, { size: IconSize.SMALL, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
|
|
147
|
-
React.createElement(View, { style: {
|
|
148
|
-
width: iconTile ? '76%' : '82%',
|
|
149
|
-
flexDirection: 'row',
|
|
150
|
-
alignSelf: 'stretch',
|
|
151
|
-
flexWrap: 'wrap',
|
|
152
|
-
height: 'auto',
|
|
153
|
-
} },
|
|
154
|
-
React.createElement(View, null,
|
|
155
|
-
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
|
|
156
|
-
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))))),
|
|
157
|
-
React.createElement(View, { style: {
|
|
158
|
-
width: '10%',
|
|
159
|
-
alignItems: 'flex-end',
|
|
160
|
-
justifyContent: 'center',
|
|
161
|
-
paddingRight: 10,
|
|
162
|
-
} },
|
|
163
|
-
React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPressIn: function () { return handleClick(value || false); } }, _checked && !disabled && React.createElement(View, { style: styles.icon }))))));
|
|
164
|
-
}
|
|
165
|
-
if (tile) {
|
|
166
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.tile, onPress: function () { return handleClick(value || false); } },
|
|
167
|
-
React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end', marginTop: 10 }, styles.radio], disabled: disabled, testID: id, onPressIn: function () { return handleClick(value || false); } }, _checked && !disabled && React.createElement(View, { style: styles.icon })),
|
|
168
|
-
React.createElement(View, { style: { width: '70%', alignItems: 'center' } },
|
|
169
|
-
iconTile && (React.createElement(View, { style: {
|
|
170
|
-
flexDirection: 'row',
|
|
171
|
-
alignItems: 'center',
|
|
172
|
-
justifyContent: 'center',
|
|
173
|
-
marginBottom: 5,
|
|
174
|
-
} },
|
|
175
|
-
React.createElement(Icon, { size: IconSize.MEDIUM, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN }))),
|
|
176
|
-
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: styles.label }, String(label))),
|
|
177
|
-
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.THREE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED] }, String(description))) : (description))));
|
|
178
|
-
}
|
|
179
63
|
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(value || false); } },
|
|
180
|
-
React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPress: function () { return handleClick(value || false); } },
|
|
64
|
+
React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPress: function () { return handleClick(value || false); } }, checked && React.createElement(View, { style: styles.icon })),
|
|
181
65
|
label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
|
|
182
66
|
};
|
|
183
67
|
Radio.displayName = ComponentName.Radio;
|
|
184
68
|
export default Radio;
|
|
185
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRTNEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBU0Y7UUFSWCxVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUE7SUFFTCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1lBQ3BCLGFBQWEsRUFBRSxDQUFDO1lBQ2hCLGNBQWMsRUFBRSxZQUFZO1NBQzdCO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsV0FBVyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQzdDLFdBQVcsRUFBRSxHQUFHO1lBQ2hCLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7WUFDVixZQUFZLEVBQUUsRUFBRTtZQUNoQixXQUFXLEVBQUUsRUFBRTtZQUNmLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7UUFDRCxJQUFJLEVBQUU7WUFDSixRQUFRLEVBQUUsVUFBVTtZQUNwQixJQUFJLEVBQUUsQ0FBQztZQUNQLFlBQVksRUFBRSxFQUFFO1lBQ2hCLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7WUFDVixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDbEQ7UUFDRCxLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQ0gsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsQ0FBQyxPQUFPLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDN0MsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDbkM7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFdBQVcsR0FBRyxVQUFDLEtBQVU7UUFDN0IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQztvQkFDUCxPQUFPLEVBQUUsRUFBRTtvQkFDWCxVQUFVLEVBQUUsS0FBSztvQkFDakIsU0FBUyxFQUFFLElBQUksSUFBSSxFQUFFO29CQUNyQixZQUFZLEVBQUUsSUFBSTtpQkFDbkIsQ0FBQyxDQUFBO2FBQ0g7U0FDRjtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsSUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsRUFBM0IsQ0FBMkI7UUFDdkcsb0JBQUMsZ0JBQWdCLElBQ2YsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE1BQU0sRUFBRSxFQUFFLEVBQ1YsT0FBTyxFQUFFLGNBQU0sT0FBQSxXQUFXLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxFQUEzQixDQUEyQixJQUV6QyxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxHQUFJLENBQ3ZCO1FBQ2xCLEtBQUssSUFBSSxPQUFPLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUN4RixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBRXZDLGVBQWUsS0FBSyxDQUFBIn0=
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { RadioTilesProps } from '
|
|
2
|
+
import { RadioTilesProps } from '../../../components/radio/tiles/RadioTilesProps';
|
|
3
3
|
/**
|
|
4
4
|
* Columns Item Component - Columns Child
|
|
5
|
-
* @param
|
|
5
|
+
* @param id {string}
|
|
6
|
+
* @param children {ReactNode}
|
|
7
|
+
* @param align { Alignable | AlignableValues} align content
|
|
8
|
+
* @param verticalAlign { Alignable | AlignableValues} align vertical content
|
|
6
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
7
10
|
* @param className {string} Additionnal CSS Classes
|
|
8
11
|
*/
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { hashClass } from '../../../helpers';
|
|
5
2
|
import { useTrilogyContext } from '../../../context';
|
|
3
|
+
import { hashClass } from '../../../helpers';
|
|
6
4
|
import { getAlignClassName } from '../../../objects';
|
|
7
5
|
import { is } from '../../../services';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import * as React from 'react';
|
|
8
8
|
/**
|
|
9
9
|
* Columns Item Component - Columns Child
|
|
10
|
-
* @param
|
|
10
|
+
* @param id {string}
|
|
11
|
+
* @param children {ReactNode}
|
|
12
|
+
* @param align { Alignable | AlignableValues} align content
|
|
13
|
+
* @param verticalAlign { Alignable | AlignableValues} align vertical content
|
|
11
14
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
15
|
* @param className {string} Additionnal CSS Classes
|
|
13
16
|
*/
|
|
@@ -33,4 +36,4 @@ var RadioTiles = function (_a) {
|
|
|
33
36
|
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('radio-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
|
|
34
37
|
};
|
|
35
38
|
export default RadioTiles;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvUmFkaW9UaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5Qjs7Ozs7Ozs7R0FRRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBNkU7SUFBM0UsSUFBQSxFQUFFLFFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUssTUFBTSxjQUExRCx5REFBNEQsQ0FBRjtJQUNwRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFJLFVBQVUsR0FBRyxJQUFJLENBQUE7SUFDckIsSUFBSSxLQUFLLEVBQUU7UUFDVCxVQUFVO1lBQ1IsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLENBQUM7Z0JBQ3ZFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQUM7Z0JBQ3pFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDbkUsSUFBSSxDQUFBO0tBQ1A7SUFDRCxJQUFJLGtCQUFrQixHQUFHLElBQUksQ0FBQTtJQUM3QixJQUFJLGFBQWEsRUFBRTtRQUNqQixrQkFBa0I7WUFDaEIsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxlQUFlLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUM3RSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2dCQUMvRSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3pFLElBQUksQ0FBQTtLQUNQO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLEtBQUssSUFBSSxVQUFVLEVBQUUsYUFBYSxJQUFJLGtCQUFrQixDQUFDLENBQ3pGLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { RadioTilesProps } from '../../../components/radio/tiles/RadioTilesProps';
|
|
4
|
+
/**
|
|
5
|
+
* Columns Item Component - Columns Child
|
|
6
|
+
* @param id {string}
|
|
7
|
+
* @param children {ReactNode}
|
|
8
|
+
* @param align { Alignable | AlignableValues} align content
|
|
9
|
+
* @param verticalAlign { Alignable | AlignableValues} align vertical content
|
|
10
|
+
*/
|
|
11
|
+
declare const RadioTiles: {
|
|
12
|
+
({ id, children, align, verticalAlign, ...others }: RadioTilesProps): JSX.Element;
|
|
13
|
+
displayName: ComponentName;
|
|
14
|
+
};
|
|
15
|
+
export default RadioTiles;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { SpacerSize } from '../../../components/spacer';
|
|
4
|
+
import { Alignable } from '../../../objects/facets/Alignable';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { StyleSheet, View } from 'react-native';
|
|
7
|
+
/**
|
|
8
|
+
* Columns Item Component - Columns Child
|
|
9
|
+
* @param id {string}
|
|
10
|
+
* @param children {ReactNode}
|
|
11
|
+
* @param align { Alignable | AlignableValues} align content
|
|
12
|
+
* @param verticalAlign { Alignable | AlignableValues} align vertical content
|
|
13
|
+
*/
|
|
14
|
+
var RadioTiles = function (_a) {
|
|
15
|
+
var id = _a.id, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["id", "children", "align", "verticalAlign"]);
|
|
16
|
+
var styles = StyleSheet.create({
|
|
17
|
+
container: {
|
|
18
|
+
alignItems: (verticalAlign === Alignable.ALIGNED_CENTER && 'center') ||
|
|
19
|
+
(verticalAlign === Alignable.ALIGNED_START && 'flex-start') ||
|
|
20
|
+
(verticalAlign === Alignable.ALIGNED_END && 'flex-end') ||
|
|
21
|
+
undefined,
|
|
22
|
+
justifyContent: (align === Alignable.ALIGNED_CENTER && 'center') ||
|
|
23
|
+
(align === Alignable.ALIGNED_START && 'flex-start') ||
|
|
24
|
+
(align === Alignable.ALIGNED_END && 'flex-end') ||
|
|
25
|
+
undefined,
|
|
26
|
+
flexDirection: 'row',
|
|
27
|
+
flexWrap: 'wrap',
|
|
28
|
+
gap: SpacerSize.TWO,
|
|
29
|
+
},
|
|
30
|
+
});
|
|
31
|
+
return (React.createElement(View, __assign({ id: id, style: [styles.container] }, others), children));
|
|
32
|
+
};
|
|
33
|
+
RadioTiles.displayName = ComponentName.RadioTiles;
|
|
34
|
+
export default RadioTiles;
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL1JhZGlvVGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDdEQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DOzs7Ozs7R0FNRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBa0U7SUFBaEUsSUFBQSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUssTUFBTSxjQUEvQyw0Q0FBaUQsQ0FBRjtJQUNqRSxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULFVBQVUsRUFDUixDQUFDLGFBQWEsS0FBSyxTQUFTLENBQUMsY0FBYyxJQUFJLFFBQVEsQ0FBQztnQkFDeEQsQ0FBQyxhQUFhLEtBQUssU0FBUyxDQUFDLGFBQWEsSUFBSSxZQUFZLENBQUM7Z0JBQzNELENBQUMsYUFBYSxLQUFLLFNBQVMsQ0FBQyxXQUFXLElBQUksVUFBVSxDQUFDO2dCQUN2RCxTQUFTO1lBQ1gsY0FBYyxFQUNaLENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxjQUFjLElBQUksUUFBUSxDQUFDO2dCQUNoRCxDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsYUFBYSxJQUFJLFlBQVksQ0FBQztnQkFDbkQsQ0FBQyxLQUFLLEtBQUssU0FBUyxDQUFDLFdBQVcsSUFBSSxVQUFVLENBQUM7Z0JBQy9DLFNBQVM7WUFDWCxhQUFhLEVBQUUsS0FBSztZQUNwQixRQUFRLEVBQUUsTUFBTTtZQUNoQixHQUFHLEVBQUUsVUFBVSxDQUFDLEdBQUc7U0FDcEI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFNLE1BQU0sR0FDaEQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUVqRCxlQUFlLFVBQVUsQ0FBQSJ9
|
|
@@ -1,10 +1,20 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { RadioTileProps } from '
|
|
2
|
+
import { RadioTileProps } from '../../../../components/radio/tiles/tile/RadioTileProps';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
5
|
-
* @param
|
|
4
|
+
* radioTile Component
|
|
5
|
+
* @param checked {boolean} Checked radio
|
|
6
|
+
* @param disabled {boolean} Disabled
|
|
7
|
+
* @param readOnly {boolean} readonly radio
|
|
8
|
+
* @param id {string} Id for button, by default id is generate
|
|
9
|
+
* @param label {string} Label for radio
|
|
10
|
+
* @param description {ReactNode} Description for radio
|
|
11
|
+
* @param onChange {ChangeEvent}
|
|
12
|
+
* @param name {string} Name for radio
|
|
13
|
+
* @param value {string} Value for radio
|
|
14
|
+
* @param icon {IconName} icon for radio
|
|
15
|
+
* @param horizontal Horizontal radio
|
|
6
16
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
7
|
-
* @param className {string} Additionnal
|
|
17
|
+
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
8
18
|
*/
|
|
9
19
|
declare const RadioTile: ({ checked, className, disabled, readonly, id, label, onChange, name, value, description, icon, horizontal, ...others }: RadioTileProps) => JSX.Element;
|
|
10
20
|
export default RadioTile;
|
|
@@ -1,20 +1,28 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { useEffect, useState } from 'react';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import { is } from '../../../../services/classify';
|
|
6
|
-
import { hashClass } from '../../../../helpers';
|
|
7
|
-
import { useTrilogyContext } from '../../../../context';
|
|
8
2
|
import { Icon, IconSize } from '../../../../components/icon';
|
|
9
|
-
import
|
|
3
|
+
import { useTrilogyContext } from '../../../../context';
|
|
4
|
+
import { hashClass } from '../../../../helpers/hashClassesHelpers';
|
|
5
|
+
import { is } from '../../../../services/classify';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import React, { useEffect, useState } from 'react';
|
|
10
8
|
/**
|
|
11
|
-
*
|
|
12
|
-
* @param
|
|
9
|
+
* radioTile Component
|
|
10
|
+
* @param checked {boolean} Checked radio
|
|
11
|
+
* @param disabled {boolean} Disabled
|
|
12
|
+
* @param readOnly {boolean} readonly radio
|
|
13
|
+
* @param id {string} Id for button, by default id is generate
|
|
14
|
+
* @param label {string} Label for radio
|
|
15
|
+
* @param description {ReactNode} Description for radio
|
|
16
|
+
* @param onChange {ChangeEvent}
|
|
17
|
+
* @param name {string} Name for radio
|
|
18
|
+
* @param value {string} Value for radio
|
|
19
|
+
* @param icon {IconName} icon for radio
|
|
20
|
+
* @param horizontal Horizontal radio
|
|
13
21
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
|
-
* @param className {string} Additionnal
|
|
22
|
+
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
15
23
|
*/
|
|
16
24
|
var RadioTile = function (_a) {
|
|
17
|
-
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ?
|
|
25
|
+
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal"]);
|
|
18
26
|
var styled = useTrilogyContext().styled;
|
|
19
27
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
20
28
|
useEffect(function () {
|
|
@@ -33,4 +41,4 @@ var RadioTile = function (_a) {
|
|
|
33
41
|
description && React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description))))));
|
|
34
42
|
};
|
|
35
43
|
export default RadioTile;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy90aWxlL1JhZGlvVGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFbEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVsRDs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBY0Y7SUFiZixJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1AsTUFBTSxjQWJRLGlJQWNsQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFaEMsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBRWxFLFNBQVMsQ0FBQztRQUNSLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO1NBQzdCO0lBQ0gsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFdkIsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUM5Rix3Q0FDRSxJQUFJLEVBQUMsT0FBTyxFQUNaLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUN0QyxRQUFRLEVBQUUsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFwRCxDQUFvRCxJQUNqRSxNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUNsRSxJQUFJLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUk7WUFDbkQsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNaO2dCQUNFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDdEUsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQzlGLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBRyxLQUFLLENBQVE7Z0JBQ3RFLFdBQVcsSUFBSSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFdBQVcsQ0FBUSxDQUNsRyxDQUNKLENBQ0ssQ0FDSixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
|
+
import { RadioTileProps } from '../../../../components/radio/tiles/tile/RadioTileProps';
|
|
4
|
+
/**
|
|
5
|
+
* radioTile Component
|
|
6
|
+
* @param checked {boolean} Checked radio
|
|
7
|
+
* @param disabled {boolean} Disabled
|
|
8
|
+
* @param readOnly {boolean} readonly radio
|
|
9
|
+
* @param id {string} Id for button, by default id is generate
|
|
10
|
+
* @param label {string} Label for radio
|
|
11
|
+
* @param description {ReactNode} Description for radio
|
|
12
|
+
* @param onChange {ChangeEvent}
|
|
13
|
+
* @param name {string} Name for radio
|
|
14
|
+
* @param value {string} Value for radio
|
|
15
|
+
* @param icon {IconName} icon for radio
|
|
16
|
+
* @param horizontal Horizontal radio
|
|
17
|
+
*/
|
|
18
|
+
declare const RadioTile: {
|
|
19
|
+
({ checked, disabled, id, label, onChange, name, value, description, icon, horizontal, readonly, ...others }: RadioTileProps): JSX.Element;
|
|
20
|
+
displayName: ComponentName;
|
|
21
|
+
};
|
|
22
|
+
export default RadioTile;
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconSize } from '../../../../components/icon';
|
|
4
|
+
import { SpacerSize } from '../../../../components/spacer';
|
|
5
|
+
import { Text, TextLevels } from '../../../../components/text';
|
|
6
|
+
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
7
|
+
import { TypographyAlign, TypographyColor } from '../../../../objects/Typography';
|
|
8
|
+
import { TypographyBold } from '../../../../objects/Typography/TypographyBold';
|
|
9
|
+
import React, { useCallback, useMemo } from 'react';
|
|
10
|
+
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
11
|
+
/**
|
|
12
|
+
* radioTile Component
|
|
13
|
+
* @param checked {boolean} Checked radio
|
|
14
|
+
* @param disabled {boolean} Disabled
|
|
15
|
+
* @param readOnly {boolean} readonly radio
|
|
16
|
+
* @param id {string} Id for button, by default id is generate
|
|
17
|
+
* @param label {string} Label for radio
|
|
18
|
+
* @param description {ReactNode} Description for radio
|
|
19
|
+
* @param onChange {ChangeEvent}
|
|
20
|
+
* @param name {string} Name for radio
|
|
21
|
+
* @param value {string} Value for radio
|
|
22
|
+
* @param icon {IconName} icon for radio
|
|
23
|
+
* @param horizontal Horizontal radio
|
|
24
|
+
*/
|
|
25
|
+
var RadioTile = function (_a) {
|
|
26
|
+
var checked = _a.checked, disabled = _a.disabled, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, readonly = _a.readonly, others = __rest(_a, ["checked", "disabled", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "readonly"]);
|
|
27
|
+
var styles = useMemo(function () {
|
|
28
|
+
return StyleSheet.create({
|
|
29
|
+
container: {
|
|
30
|
+
flexDirection: horizontal ? 'row' : 'column',
|
|
31
|
+
width: horizontal ? '100%' : undefined,
|
|
32
|
+
borderWidth: checked ? 2 : 1,
|
|
33
|
+
alignItems: 'center',
|
|
34
|
+
gap: SpacerSize.TWO,
|
|
35
|
+
borderRadius: 6,
|
|
36
|
+
padding: !checked ? SpacerSize.FOUR : SpacerSize.FOUR - 1,
|
|
37
|
+
maxWidth: horizontal ? undefined : '50%',
|
|
38
|
+
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : TrilogyColor.BACKGROUND),
|
|
39
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.NEUTRAL),
|
|
40
|
+
},
|
|
41
|
+
icon: {
|
|
42
|
+
width: 'auto',
|
|
43
|
+
},
|
|
44
|
+
content: {
|
|
45
|
+
width: 'auto',
|
|
46
|
+
gap: SpacerSize.ONE,
|
|
47
|
+
maxWidth: horizontal ? '80%' : undefined,
|
|
48
|
+
},
|
|
49
|
+
});
|
|
50
|
+
}, [horizontal, checked, disabled]);
|
|
51
|
+
var typoTitle = useMemo(function () {
|
|
52
|
+
var typos = [TypographyBold.TEXT_WEIGHT_SEMIBOLD];
|
|
53
|
+
if (!horizontal)
|
|
54
|
+
typos.push(TypographyAlign.TEXT_CENTERED);
|
|
55
|
+
if (disabled)
|
|
56
|
+
typos.push(TypographyColor.TEXT_DISABLED);
|
|
57
|
+
return typos;
|
|
58
|
+
}, [disabled, horizontal]);
|
|
59
|
+
var typoText = useMemo(function () {
|
|
60
|
+
var typos = [];
|
|
61
|
+
if (!horizontal)
|
|
62
|
+
typos.push(TypographyAlign.TEXT_CENTERED);
|
|
63
|
+
if (disabled)
|
|
64
|
+
typos.push(TypographyColor.TEXT_DISABLED);
|
|
65
|
+
return typos;
|
|
66
|
+
}, [horizontal, disabled]);
|
|
67
|
+
var handleChange = useCallback(function () {
|
|
68
|
+
if (onChange && !readonly && !disabled)
|
|
69
|
+
onChange({
|
|
70
|
+
radioValue: value || '',
|
|
71
|
+
radioName: name || '',
|
|
72
|
+
radioChecked: true,
|
|
73
|
+
radioId: id,
|
|
74
|
+
});
|
|
75
|
+
}, [value, name, id, disabled, readonly, onChange]);
|
|
76
|
+
return (React.createElement(TouchableOpacity, __assign({ disabled: disabled, style: [styles.container], onPress: handleChange }, others),
|
|
77
|
+
!horizontal && React.createElement(InputRadio, { checked: checked, disabled: disabled }),
|
|
78
|
+
icon && (React.createElement(View, { style: [styles.icon] },
|
|
79
|
+
React.createElement(Icon, { size: IconSize.SMALL, name: icon }))),
|
|
80
|
+
React.createElement(View, { style: [styles.content] },
|
|
81
|
+
label && (React.createElement(Text, { level: TextLevels.ONE, typo: typoTitle }, String(label))),
|
|
82
|
+
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, typo: typoText }, String(description))) : (description)),
|
|
83
|
+
horizontal && React.createElement(InputRadio, { checked: checked, disabled: disabled })));
|
|
84
|
+
};
|
|
85
|
+
var InputRadio = function (_a) {
|
|
86
|
+
var checked = _a.checked, disabled = _a.disabled;
|
|
87
|
+
var styles = useMemo(function () {
|
|
88
|
+
return StyleSheet.create({
|
|
89
|
+
input: {
|
|
90
|
+
marginLeft: 'auto',
|
|
91
|
+
width: 18,
|
|
92
|
+
height: 18,
|
|
93
|
+
borderWidth: 1,
|
|
94
|
+
borderRadius: 18,
|
|
95
|
+
justifyContent: 'center',
|
|
96
|
+
alignItems: 'center',
|
|
97
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.NEUTRAL),
|
|
98
|
+
},
|
|
99
|
+
inputRadio: {
|
|
100
|
+
width: 12,
|
|
101
|
+
height: 12,
|
|
102
|
+
borderRadius: 12,
|
|
103
|
+
backgroundColor: getColorStyle(disabled && checked
|
|
104
|
+
? TrilogyColor.DISABLED
|
|
105
|
+
: disabled && !checked
|
|
106
|
+
? TrilogyColor.DISABLED_FADE
|
|
107
|
+
: checked
|
|
108
|
+
? TrilogyColor.MAIN
|
|
109
|
+
: TrilogyColor.BACKGROUND),
|
|
110
|
+
},
|
|
111
|
+
});
|
|
112
|
+
}, [checked, disabled]);
|
|
113
|
+
return (React.createElement(View, { style: [styles.input] },
|
|
114
|
+
React.createElement(View, { style: [styles.inputRadio] })));
|
|
115
|
+
};
|
|
116
|
+
RadioTile.displayName = ComponentName.RadioTile;
|
|
117
|
+
export default RadioTile;
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvdGlsZS9SYWRpb1RpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakU7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFhRjtJQVpmLElBQUEsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBWlEsb0hBYWxCLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxPQUFPLENBQ3BCO1FBQ0UsT0FBQSxVQUFVLENBQUMsTUFBTSxDQUFDO1lBQ2hCLFNBQVMsRUFBRTtnQkFDVCxhQUFhLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVE7Z0JBQzVDLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUztnQkFDdEMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUM1QixVQUFVLEVBQUUsUUFBUTtnQkFDcEIsR0FBRyxFQUFFLFVBQVUsQ0FBQyxHQUFHO2dCQUNuQixZQUFZLEVBQUUsQ0FBQztnQkFDZixPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxJQUFJLEdBQUcsQ0FBQztnQkFDekQsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLO2dCQUN4QyxlQUFlLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztnQkFDL0YsV0FBVyxFQUFFLGFBQWEsQ0FDeEIsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQ3RGO2FBQ0Y7WUFDRCxJQUFJLEVBQUU7Z0JBQ0osS0FBSyxFQUFFLE1BQU07YUFDZDtZQUNELE9BQU8sRUFBRTtnQkFDUCxLQUFLLEVBQUUsTUFBTTtnQkFDYixHQUFHLEVBQUUsVUFBVSxDQUFDLEdBQUc7Z0JBQ25CLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN6QztTQUNGLENBQUM7SUF2QkYsQ0F1QkUsRUFFSixDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQ2hDLENBQUE7SUFDRCxJQUFNLFNBQVMsR0FBRyxPQUFPLENBQUM7UUFDeEIsSUFBTSxLQUFLLEdBQWEsQ0FBQyxjQUFjLENBQUMsb0JBQW9CLENBQUMsQ0FBQTtRQUM3RCxJQUFJLENBQUMsVUFBVTtZQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFBO1FBQzFELElBQUksUUFBUTtZQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFBO1FBQ3ZELE9BQU8sS0FBSyxDQUFBO0lBQ2QsQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUE7SUFFMUIsSUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLElBQU0sS0FBSyxHQUFhLEVBQUUsQ0FBQTtRQUMxQixJQUFJLENBQUMsVUFBVTtZQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFBO1FBQzFELElBQUksUUFBUTtZQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFBO1FBQ3ZELE9BQU8sS0FBSyxDQUFBO0lBQ2QsQ0FBQyxFQUFFLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFMUIsSUFBTSxZQUFZLEdBQUcsV0FBVyxDQUFDO1FBQy9CLElBQUksUUFBUSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBUTtZQUNwQyxRQUFRLENBQUM7Z0JBQ1AsVUFBVSxFQUFFLEtBQUssSUFBSSxFQUFFO2dCQUN2QixTQUFTLEVBQUUsSUFBSSxJQUFJLEVBQUU7Z0JBQ3JCLFlBQVksRUFBRSxJQUFJO2dCQUNsQixPQUFPLEVBQUUsRUFBRTthQUNaLENBQUMsQ0FBQTtJQUNOLENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVuRCxPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLGFBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEVBQUUsT0FBTyxFQUFFLFlBQVksSUFBTSxNQUFNO1FBQy9GLENBQUMsVUFBVSxJQUFJLG9CQUFDLFVBQVUsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7UUFFbkUsSUFBSSxJQUFJLENBQ1Asb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7WUFDeEIsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDckMsQ0FDUjtRQUVELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO1lBQzFCLEtBQUssSUFBSSxDQUNSLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsU0FBUyxJQUN6QyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQ1QsQ0FDUjtZQUNBLFdBQVcsSUFBSSxPQUFPLFdBQVcsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQzFELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsUUFBUSxJQUN4QyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQ2YsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGLFdBQVcsQ0FDWixDQUNJO1FBRU4sVUFBVSxJQUFJLG9CQUFDLFVBQVUsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUksQ0FDbEQsQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBZ0U7UUFBOUQsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3JDLElBQU0sTUFBTSxHQUFHLE9BQU8sQ0FDcEI7UUFDRSxPQUFBLFVBQVUsQ0FBQyxNQUFNLENBQUM7WUFDaEIsS0FBSyxFQUFFO2dCQUNMLFVBQVUsRUFBRSxNQUFNO2dCQUNsQixLQUFLLEVBQUUsRUFBRTtnQkFDVCxNQUFNLEVBQUUsRUFBRTtnQkFDVixXQUFXLEVBQUUsQ0FBQztnQkFDZCxZQUFZLEVBQUUsRUFBRTtnQkFDaEIsY0FBYyxFQUFFLFFBQVE7Z0JBQ3hCLFVBQVUsRUFBRSxRQUFRO2dCQUNwQixXQUFXLEVBQUUsYUFBYSxDQUN4QixRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FDdEY7YUFDRjtZQUNELFVBQVUsRUFBRTtnQkFDVixLQUFLLEVBQUUsRUFBRTtnQkFDVCxNQUFNLEVBQUUsRUFBRTtnQkFDVixZQUFZLEVBQUUsRUFBRTtnQkFDaEIsZUFBZSxFQUFFLGFBQWEsQ0FDNUIsUUFBUSxJQUFJLE9BQU87b0JBQ2pCLENBQUMsQ0FBQyxZQUFZLENBQUMsUUFBUTtvQkFDdkIsQ0FBQyxDQUFDLFFBQVEsSUFBSSxDQUFDLE9BQU87d0JBQ3RCLENBQUMsQ0FBQyxZQUFZLENBQUMsYUFBYTt3QkFDNUIsQ0FBQyxDQUFDLE9BQU87NEJBQ1QsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJOzRCQUNuQixDQUFDLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FDNUI7YUFDRjtTQUNGLENBQUM7SUEzQkYsQ0EyQkUsRUFDSixDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FDcEIsQ0FBQTtJQUNELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUN6QixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxHQUFJLENBQy9CLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -22,10 +22,14 @@ export var TypographyColor;
|
|
|
22
22
|
export var setTypographyColor = function (typo, inverted) {
|
|
23
23
|
if (typo === void 0) { typo = ""; }
|
|
24
24
|
if (inverted === void 0) { inverted = false; }
|
|
25
|
-
return ((Array.isArray(typo) && typo.includes(TypographyColor.
|
|
26
|
-
? getColorStyle(TrilogyColor.
|
|
27
|
-
: typo === TypographyColor.
|
|
28
|
-
getColorStyle(TrilogyColor.
|
|
25
|
+
return ((Array.isArray(typo) && typo.includes(TypographyColor.TEXT_DISABLED)
|
|
26
|
+
? getColorStyle(TrilogyColor.DISABLED)
|
|
27
|
+
: typo === TypographyColor.TEXT_DISABLED &&
|
|
28
|
+
getColorStyle(TrilogyColor.DISABLED)) ||
|
|
29
|
+
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ACCENT)
|
|
30
|
+
? getColorStyle(TrilogyColor.ACCENT)
|
|
31
|
+
: typo === TypographyColor.TEXT_ACCENT &&
|
|
32
|
+
getColorStyle(TrilogyColor.ACCENT)) ||
|
|
29
33
|
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_MAIN)
|
|
30
34
|
? getColorStyle(TrilogyColor.MAIN)
|
|
31
35
|
: typo === TypographyColor.TEXT_MAIN &&
|
|
@@ -57,4 +61,4 @@ export var setTypographyColor = function (typo, inverted) {
|
|
|
57
61
|
(inverted && !typo && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
58
62
|
getColorStyle(TrilogyColor.MAIN));
|
|
59
63
|
};
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeUNvbG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHlDb2xvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXJFOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksZUFVWDtBQVZELFdBQVksZUFBZTtJQUN6Qiw4Q0FBMkIsQ0FBQTtJQUMzQixrREFBK0IsQ0FBQTtJQUMvQiw4Q0FBMkIsQ0FBQTtJQUMzQixvREFBaUMsQ0FBQTtJQUNqQyxvREFBaUMsQ0FBQTtJQUNqQyxnREFBNkIsQ0FBQTtJQUM3QixpREFBOEIsQ0FBQTtJQUM5QixnREFBNkIsQ0FBQTtJQUM3QixzREFBbUMsQ0FBQTtBQUNyQyxDQUFDLEVBVlcsZUFBZSxLQUFmLGVBQWUsUUFVMUI7QUFPRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLElBQU0sa0JBQWtCLEdBQUcsVUFDaEMsSUFBaUMsRUFDakMsUUFBZ0I7SUFEaEIscUJBQUEsRUFBQSxTQUFpQztJQUNqQyx5QkFBQSxFQUFBLGdCQUFnQjtJQUVoQixPQUFPLENBQ0wsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQztRQUNwRSxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUM7UUFDdEMsQ0FBQyxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsYUFBYTtZQUN0QyxhQUFhLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQyxXQUFXLENBQUM7WUFDaEUsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZ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
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "0.0
|
|
1
|
+
export declare const version = "4.0.0-radio-native";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "0.0
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.0.0-radio-native";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLG9CQUFvQixDQUFBIn0=
|