@trilogy-ds/react 4.5.1 → 4.6.0-beta-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/checkbox/Checkbox.native.js +2 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +4 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +1 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +7 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +35 -37
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +1 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +7 -0
- package/lib/components/radio/Radio.native.js +2 -2
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +1 -0
- package/lib/components/radio/tiles/tile/RadioTile.js +7 -3
- package/lib/components/radio/tiles/tile/RadioTile.native.js +21 -12
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +1 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +7 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -31,7 +31,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
|
|
|
31
31
|
checkBox: {
|
|
32
32
|
alignItems: 'center',
|
|
33
33
|
justifyContent: 'flex-start',
|
|
34
|
-
borderColor: getColorStyle(TrilogyColor.
|
|
34
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
35
35
|
borderWidth: 0.6,
|
|
36
36
|
width: 19,
|
|
37
37
|
height: 19,
|
|
@@ -64,4 +64,4 @@ var Checkbox = React.forwardRef(function (_a, ref) {
|
|
|
64
64
|
});
|
|
65
65
|
Checkbox.displayName = ComponentName.Checkbox;
|
|
66
66
|
export default Checkbox;
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHM0Q7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQUMsRUFBMEUsRUFBRSxHQUFHO1FBQTdFLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ2pFLElBQUEsS0FBQSxPQUF5QixRQUFRLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWxELFFBQVEsUUFBQSxFQUFFLFVBQVUsUUFBOEIsQ0FBQTtJQUV6RCxTQUFTLENBQUM7UUFDUixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxD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
|
|
@@ -9,7 +9,9 @@ var CheckboxTiles = React.forwardRef(function (_a, ref) {
|
|
|
9
9
|
var styles = StyleSheet.create({
|
|
10
10
|
container: {
|
|
11
11
|
justifyContent: getAlignStyle(align),
|
|
12
|
-
alignItems: (verticalAlign && getAlignStyle(verticalAlign)) || (align && getAlignStyle(align))
|
|
12
|
+
alignItems: (verticalAlign && getAlignStyle(verticalAlign)) || (align && getAlignStyle(align)),
|
|
13
|
+
flexDirection: 'row',
|
|
14
|
+
flexWrap: 'wrap',
|
|
13
15
|
gap: SpacerSize.TWO,
|
|
14
16
|
},
|
|
15
17
|
});
|
|
@@ -17,4 +19,4 @@ var CheckboxTiles = React.forwardRef(function (_a, ref) {
|
|
|
17
19
|
});
|
|
18
20
|
CheckboxTiles.displayName = ComponentName.CheckboxTiles;
|
|
19
21
|
export default CheckboxTiles;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L3RpbGVzL0NoZWNrYm94VGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9DLElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBNkMsRUFBRSxHQUFHO0lBQWhELElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBM0Msc0NBQTZDLENBQUY7SUFDMUMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxjQUFjLEVBQUUsYUFBYSxDQUFDLEtBQUssQ0FBQztZQUNwQyxVQUFVLEVBQUUsQ0FBQyxhQUFhLElBQUksYUFBYSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzlGLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLEdBQUcsRUFBRSxVQUFVLENBQUMsR0FBRztTQUNwQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFBTSxNQUFNLEdBQ2hELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUV2RCxlQUFlLGFBQWEsQ0FBQSJ9
|
|
@@ -13,6 +13,7 @@ import { CheckboxTileProps } from './CheckboxTileProps';
|
|
|
13
13
|
* @param description {string}
|
|
14
14
|
* @param icon {IconName}
|
|
15
15
|
* @param horizontal {boolean}
|
|
16
|
+
* @param sticker {string} sticker label
|
|
16
17
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
18
|
* @param className {string} Additional CSS Classes
|
|
18
19
|
*/
|
|
@@ -7,6 +7,8 @@ import { is } from '../../../../services/classify';
|
|
|
7
7
|
import clsx from 'clsx';
|
|
8
8
|
import * as React from 'react';
|
|
9
9
|
import { useEffect, useState } from 'react';
|
|
10
|
+
import { Sticker } from '../../../../components/sticker';
|
|
11
|
+
import { VariantState } from '../../../../objects';
|
|
10
12
|
/**
|
|
11
13
|
* CheckboxTile
|
|
12
14
|
* @param id {string}
|
|
@@ -20,11 +22,12 @@ import { useEffect, useState } from 'react';
|
|
|
20
22
|
* @param description {string}
|
|
21
23
|
* @param icon {IconName}
|
|
22
24
|
* @param horizontal {boolean}
|
|
25
|
+
* @param sticker {string} sticker label
|
|
23
26
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
24
27
|
* @param className {string} Additional CSS Classes
|
|
25
28
|
*/
|
|
26
29
|
var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
27
|
-
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, required = _a.required, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required"]);
|
|
30
|
+
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, required = _a.required, sticker = _a.sticker, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required", "sticker"]);
|
|
28
31
|
var styled = useTrilogyContext().styled;
|
|
29
32
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
30
33
|
useEffect(function () {
|
|
@@ -40,8 +43,9 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
40
43
|
React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label),
|
|
41
44
|
description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description))) : (React.createElement(React.Fragment, null,
|
|
42
45
|
React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label),
|
|
43
|
-
description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description))))
|
|
46
|
+
description && React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description)))),
|
|
47
|
+
sticker && React.createElement(Sticker, { label: sticker, variant: VariantState.ACCENT, className: 'checkbox-sticker', small: true })));
|
|
44
48
|
});
|
|
45
49
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
46
50
|
export default CheckboxTile;
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC90aWxlcy90aWxlL0NoZWNrYm94VGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUNFLEVBZ0JDLEVBQ0QsR0FBRztJQWhCRCxJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ0osTUFBTSxjQWZYLHdKQWdCQyxDQURVO0lBSUgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBRWxFLFNBQVMsQ0FBQztRQUNSLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO1NBQzdCO0lBQ0gsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFdkIsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQzNHLHdDQUNFLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQXBELENBQW9ELElBQ2pFLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDckUsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJO1lBQ25ELFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FDWjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDekUsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ2pHLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDekUsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ3JHLENBQ0osQ0FDSztRQUNQLE9BQU8sSUFBSSxvQkFBQyxPQUFPLElBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsWUFBWSxDQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUMsa0JBQWtCLEVBQUMsS0FBSyxTQUFHLENBQ3BHLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBQ3RELGVBQWUsWUFBWSxDQUFBIn0=
|
|
@@ -4,12 +4,14 @@ import { Icon, IconName, IconSize } from '../../../../components/icon';
|
|
|
4
4
|
import { SpacerSize } from '../../../../components/spacer';
|
|
5
5
|
import { Text, TextLevels } from '../../../../components/text';
|
|
6
6
|
import { View } from '../../../../components/view';
|
|
7
|
-
import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold } from '../../../../objects';
|
|
7
|
+
import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold, VariantState } from '../../../../objects';
|
|
8
8
|
import React, { useState } from 'react';
|
|
9
|
-
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
9
|
+
import { StyleSheet, TouchableOpacity, View as ViewRN } from 'react-native';
|
|
10
|
+
import { Sticker } from '../../../../components/sticker';
|
|
10
11
|
var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
11
|
-
var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "description", "icon", "horizontal"]);
|
|
12
|
+
var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, sticker = _a.sticker, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "description", "icon", "horizontal", "sticker"]);
|
|
12
13
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
14
|
+
var _d = __read(useState(0), 2), stickerHeight = _d[0], setStickerHeight = _d[1];
|
|
13
15
|
var styles = StyleSheet.create({
|
|
14
16
|
container: {
|
|
15
17
|
flexDirection: 'row',
|
|
@@ -18,9 +20,9 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
18
20
|
},
|
|
19
21
|
checkBox: {
|
|
20
22
|
alignItems: 'center',
|
|
21
|
-
justifyContent:
|
|
22
|
-
borderColor: getColorStyle(TrilogyColor.
|
|
23
|
-
borderWidth:
|
|
23
|
+
justifyContent: 'center',
|
|
24
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
25
|
+
borderWidth: 1,
|
|
24
26
|
width: 19,
|
|
25
27
|
height: 19,
|
|
26
28
|
borderRadius: 4,
|
|
@@ -31,10 +33,10 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
31
33
|
},
|
|
32
34
|
tile: {
|
|
33
35
|
padding: _checked ? SpacerSize.FOUR - 1 : SpacerSize.FOUR,
|
|
34
|
-
maxWidth:
|
|
36
|
+
maxWidth: '50%',
|
|
35
37
|
borderWidth: (_checked && 2) || 1,
|
|
36
|
-
width:
|
|
37
|
-
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : TrilogyColor.
|
|
38
|
+
width: 'auto',
|
|
39
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : _checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
38
40
|
borderRadius: 6,
|
|
39
41
|
textAlign: 'center',
|
|
40
42
|
alignItems: 'center',
|
|
@@ -45,6 +47,9 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
45
47
|
alignSelf: horizontal ? 'flex-start' : 'center',
|
|
46
48
|
},
|
|
47
49
|
horizontal: {
|
|
50
|
+
flexDirection: 'row',
|
|
51
|
+
alignItems: 'center',
|
|
52
|
+
gap: SpacerSize.THREE,
|
|
48
53
|
padding: _checked ? SpacerSize.FOUR - 1 : SpacerSize.FOUR,
|
|
49
54
|
width: '100%',
|
|
50
55
|
height: 'auto',
|
|
@@ -53,6 +58,11 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
53
58
|
borderRadius: 6,
|
|
54
59
|
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : 'transparent'),
|
|
55
60
|
},
|
|
61
|
+
sticker: {
|
|
62
|
+
position: 'absolute',
|
|
63
|
+
top: _checked ? -stickerHeight / 2 - 1 : -stickerHeight / 2,
|
|
64
|
+
right: _checked ? 15 : 16,
|
|
65
|
+
},
|
|
56
66
|
});
|
|
57
67
|
var handleClick = function () {
|
|
58
68
|
if (!readonly) {
|
|
@@ -69,35 +79,23 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
69
79
|
};
|
|
70
80
|
if (horizontal) {
|
|
71
81
|
return (React.createElement(TouchableOpacity, { ref: ref, disabled: disabled, style: styles.horizontal, onPress: function () { return handleClick(); } },
|
|
72
|
-
React.createElement(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
React.createElement(
|
|
82
|
-
|
|
83
|
-
flexDirection: 'row',
|
|
84
|
-
alignSelf: 'stretch',
|
|
85
|
-
flexWrap: 'wrap',
|
|
86
|
-
height: 'auto',
|
|
87
|
-
} },
|
|
88
|
-
React.createElement(View, { style: { gap: SpacerSize.ONE } },
|
|
89
|
-
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
|
|
90
|
-
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))),
|
|
91
|
-
React.createElement(View, { style: {
|
|
92
|
-
width: '12%',
|
|
93
|
-
justifyContent: 'center',
|
|
94
|
-
alignItems: 'flex-end',
|
|
95
|
-
} },
|
|
96
|
-
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))))));
|
|
82
|
+
sticker && (React.createElement(ViewRN, { style: styles.sticker, onLayout: function (e) { return setStickerHeight(e.nativeEvent.layout.height); } },
|
|
83
|
+
React.createElement(Sticker, { label: sticker, variant: VariantState.ACCENT, className: 'radio-sticker', small: true }))),
|
|
84
|
+
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
|
|
85
|
+
icon && (React.createElement(ViewRN, { style: {
|
|
86
|
+
justifyContent: 'center',
|
|
87
|
+
alignItems: 'center',
|
|
88
|
+
} },
|
|
89
|
+
React.createElement(Icon, { size: IconSize.SMALL, name: icon, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN }))),
|
|
90
|
+
React.createElement(View, { style: { gap: SpacerSize.ONE, flex: 1 } },
|
|
91
|
+
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
|
|
92
|
+
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))));
|
|
97
93
|
}
|
|
98
|
-
return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style:
|
|
94
|
+
return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: styles.tile, onPress: handleClick }, others),
|
|
95
|
+
sticker && (React.createElement(ViewRN, { style: styles.sticker, onLayout: function (e) { return setStickerHeight(e.nativeEvent.layout.height); } },
|
|
96
|
+
React.createElement(Sticker, { label: sticker, variant: VariantState.ACCENT, className: 'radio-sticker', small: true }))),
|
|
99
97
|
React.createElement(View, { style: { gap: SpacerSize.TWO } },
|
|
100
|
-
React.createElement(TouchableOpacity, { style: [
|
|
98
|
+
React.createElement(TouchableOpacity, { style: [styles.checkBox], disabled: disabled, testID: id, onPressIn: handleClick }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
|
|
101
99
|
icon && (React.createElement(View, { style: {
|
|
102
100
|
flexDirection: 'row',
|
|
103
101
|
alignItems: 'center',
|
|
@@ -109,4 +107,4 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
109
107
|
});
|
|
110
108
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
111
109
|
export default CheckboxTile;
|
|
112
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RyxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksSUFBSSxNQUFNLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBRTlDLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFhQyxFQUNELEdBQUc7SUFiRCxJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVB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
|
|
@@ -10,6 +10,7 @@ export interface CheckboxTileProps extends CheckboxProps, CommonProps {
|
|
|
10
10
|
horizontal?: boolean;
|
|
11
11
|
icon?: IconName | IconNameValues;
|
|
12
12
|
description?: string | React.ReactNode;
|
|
13
|
+
sticker?: string;
|
|
13
14
|
}
|
|
14
15
|
export type CheckboxTileRef = HTMLDivElement;
|
|
15
16
|
export type CheckboxTileNativeRef = TouchableOpacity;
|
|
@@ -24,7 +24,7 @@ var Radio = React.forwardRef(function (_a, ref) {
|
|
|
24
24
|
radio: {
|
|
25
25
|
alignItems: 'center',
|
|
26
26
|
justifyContent: 'center',
|
|
27
|
-
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.
|
|
27
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
28
28
|
borderWidth: 1,
|
|
29
29
|
width: 18,
|
|
30
30
|
height: 18,
|
|
@@ -62,4 +62,4 @@ var Radio = React.forwardRef(function (_a, ref) {
|
|
|
62
62
|
});
|
|
63
63
|
Radio.displayName = ComponentName.Radio;
|
|
64
64
|
export default Radio;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBUzNELEVBQUUsR0FBRztRQVJKLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQTtJQUVMLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7U0FDckI7UUFDRCxLQUFLLEVBQUU7WUFDTCxVQUFVLEVBQUUsUUFBUTtZQUNwQixjQUFjLEVBQUUsUUFBUTtZQUN0QixXQUFXLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDO1lBQ2xILFdBQVcsRUFBRSxDQUFDO1lBQ2QsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFdBQVcsRUFBRSxFQUFFO1NBQ2hCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osWUFBWSxFQUFFLEVBQUU7WUFDaEIsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztTQUNsRDtRQUNELEtBQUssRUFBRTtZQUNMLFVBQVUsRUFBRSxDQUFDO1lBQ2IsS0FBSyxFQUNILENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ2xELENBQUMsT0FBTyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzdDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1NBQ25DO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxXQUFXLEdBQUcsVUFBQyxLQUFhO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixJQUFJLFFBQVEsRUFBRTtnQkFDWixRQUFRLENBQUM7b0JBQ1AsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFNBQVMsRUFBRSxJQUFJLElBQUksRUFBRTtvQkFDckIsWUFBWSxFQUFFLElBQUk7aUJBQ25CLENBQUMsQ0FBQTthQUNIO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUUsQ0FBQyxFQUF4QixDQUF3QjtRQUM5RyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEVBQUUsSUFDbEMsT0FBTyxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksR0FBSSxDQUNuQztRQUNOLEtBQUssSUFBSSxPQUFPLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUN4RixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
|
|
@@ -13,6 +13,7 @@ import React from 'react';
|
|
|
13
13
|
* @param value {string} Value for radio
|
|
14
14
|
* @param icon {IconName} icon for radio
|
|
15
15
|
* @param horizontal Horizontal radio
|
|
16
|
+
* @param sticker {string} sticker label
|
|
16
17
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
18
|
* @param className {string} Additional css classes (ONLY FOR WEB)
|
|
18
19
|
* @param required {boolean} Required radio
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
3
|
import { Icon, IconSize } from '../../../../components/icon';
|
|
4
|
+
import { Sticker } from '../../../../components/sticker';
|
|
4
5
|
import { useTrilogyContext } from '../../../../context';
|
|
5
6
|
import { hashClass } from '../../../../helpers/hashClassesHelpers';
|
|
7
|
+
import { VariantState } from '../../../../objects/facets/Variant';
|
|
6
8
|
import { is } from '../../../../services/classify';
|
|
7
9
|
import clsx from 'clsx';
|
|
8
10
|
import React from 'react';
|
|
@@ -19,12 +21,13 @@ import React from 'react';
|
|
|
19
21
|
* @param value {string} Value for radio
|
|
20
22
|
* @param icon {IconName} icon for radio
|
|
21
23
|
* @param horizontal Horizontal radio
|
|
24
|
+
* @param sticker {string} sticker label
|
|
22
25
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
23
26
|
* @param className {string} Additional css classes (ONLY FOR WEB)
|
|
24
27
|
* @param required {boolean} Required radio
|
|
25
28
|
*/
|
|
26
29
|
var RadioTile = React.forwardRef(function (_a, ref) {
|
|
27
|
-
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, required = _a.required, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required"]);
|
|
30
|
+
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, required = _a.required, sticker = _a.sticker, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required", "sticker"]);
|
|
28
31
|
var styled = useTrilogyContext().styled;
|
|
29
32
|
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('radio-tile', horizontal && is('horizontal'), className)) },
|
|
30
33
|
React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, required: required, onChange: function (e) {
|
|
@@ -43,8 +46,9 @@ var RadioTile = React.forwardRef(function (_a, ref) {
|
|
|
43
46
|
React.createElement("span", { className: hashClass(styled, clsx('radio-title')) }, label),
|
|
44
47
|
description && React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description))) : (React.createElement(React.Fragment, null,
|
|
45
48
|
React.createElement("span", { className: hashClass(styled, clsx('radio-title')) }, label),
|
|
46
|
-
description && React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description))))
|
|
49
|
+
description && React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description)))),
|
|
50
|
+
sticker && React.createElement(Sticker, { label: sticker, variant: VariantState.ACCENT, className: 'radio-sticker', small: true })));
|
|
47
51
|
});
|
|
48
52
|
RadioTile.displayName = ComponentName.RadioTile;
|
|
49
53
|
export default RadioTile;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy90aWxlL1JhZGlvVGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQixVQUFDLEVBZ0JqRSxFQUFFLEdBQUc7SUFmSixJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ0osTUFBTSxjQWZ1RCx3SkFnQmpFLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDeEcsd0NBQ0UsSUFBSSxFQUFDLE9BQU8sRUFDWixRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsVUFBQyxDQUFDO2dCQUNWLElBQUksUUFBUSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBUSxFQUFFO29CQUN0QyxRQUFRLENBQUM7d0JBQ1AsT0FBTyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRTt3QkFDcEIsVUFBVSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSzt3QkFDMUIsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSTt3QkFDeEIsWUFBWSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTztxQkFDL0IsQ0FBQyxDQUFBO2lCQUNIO1lBQ0gsQ0FBQyxJQUNHLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQ2xFLElBQUksSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLE1BQU0sR0FBSTtZQUNuRCxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQ1o7Z0JBQ0UsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUcsS0FBSyxDQUFRO2dCQUN0RSxXQUFXLElBQUksOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDOUYsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGO2dCQUNFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDdEUsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ2xHLENBQ0osQ0FDSztRQUNQLE9BQU8sSUFBSSxvQkFBQyxPQUFPLElBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsWUFBWSxDQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUMsZUFBZSxFQUFDLEtBQUssU0FBRyxDQUNqRyxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import { ComponentName } from '../../../../components/enumsComponentsName';
|
|
3
3
|
import { Icon, IconSize } from '../../../../components/icon';
|
|
4
4
|
import { SpacerSize } from '../../../../components/spacer';
|
|
5
|
+
import { Sticker } from '../../../../components/sticker';
|
|
5
6
|
import { Text, TextLevels } from '../../../../components/text';
|
|
7
|
+
import { VariantState } from '../../../../objects';
|
|
6
8
|
import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color';
|
|
7
9
|
import { TypographyAlign, TypographyColor } from '../../../../objects/Typography';
|
|
8
10
|
import { TypographyBold } from '../../../../objects/Typography/TypographyBold';
|
|
9
|
-
import React, { useCallback, useMemo } from 'react';
|
|
11
|
+
import React, { useCallback, useMemo, useState } from 'react';
|
|
10
12
|
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
11
13
|
/**
|
|
12
14
|
* radioTile Component
|
|
@@ -23,19 +25,20 @@ import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
|
23
25
|
* @param horizontal Horizontal radio
|
|
24
26
|
*/
|
|
25
27
|
var RadioTile = React.forwardRef(function (_a, ref) {
|
|
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"]);
|
|
28
|
+
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, sticker = _a.sticker, others = __rest(_a, ["checked", "disabled", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "readonly", "sticker"]);
|
|
29
|
+
var _c = __read(useState(0), 2), stickerHeight = _c[0], setStickerHeight = _c[1];
|
|
27
30
|
var styles = StyleSheet.create({
|
|
28
31
|
container: {
|
|
29
32
|
flexDirection: horizontal ? 'row' : 'column',
|
|
30
33
|
width: horizontal ? '100%' : undefined,
|
|
31
34
|
borderWidth: checked ? 2 : 1,
|
|
32
35
|
alignItems: 'center',
|
|
33
|
-
gap: SpacerSize.
|
|
36
|
+
gap: SpacerSize.THREE,
|
|
34
37
|
borderRadius: 6,
|
|
35
38
|
padding: !checked ? SpacerSize.FOUR : SpacerSize.FOUR - 1,
|
|
36
39
|
maxWidth: horizontal ? undefined : '50%',
|
|
37
40
|
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : TrilogyColor.BACKGROUND),
|
|
38
|
-
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.
|
|
41
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
39
42
|
},
|
|
40
43
|
icon: {
|
|
41
44
|
width: 'auto',
|
|
@@ -43,7 +46,12 @@ var RadioTile = React.forwardRef(function (_a, ref) {
|
|
|
43
46
|
content: {
|
|
44
47
|
width: 'auto',
|
|
45
48
|
gap: SpacerSize.ONE,
|
|
46
|
-
|
|
49
|
+
flex: 1,
|
|
50
|
+
},
|
|
51
|
+
sticker: {
|
|
52
|
+
position: 'absolute',
|
|
53
|
+
top: checked ? -stickerHeight / 2 - 1 : -stickerHeight / 2,
|
|
54
|
+
right: checked ? 15 : 16,
|
|
47
55
|
},
|
|
48
56
|
});
|
|
49
57
|
var typoTitle = useMemo(function () {
|
|
@@ -72,26 +80,27 @@ var RadioTile = React.forwardRef(function (_a, ref) {
|
|
|
72
80
|
});
|
|
73
81
|
}, [value, name, id, disabled, readonly, onChange]);
|
|
74
82
|
return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: [styles.container], onPress: handleChange }, others),
|
|
75
|
-
|
|
83
|
+
React.createElement(InputRadio, { checked: checked, disabled: disabled }),
|
|
84
|
+
sticker && (React.createElement(View, { style: styles.sticker, onLayout: function (e) { return setStickerHeight(e.nativeEvent.layout.height); } },
|
|
85
|
+
React.createElement(Sticker, { label: sticker, variant: VariantState.ACCENT, className: 'radio-sticker', small: true }))),
|
|
76
86
|
icon && (React.createElement(View, { style: [styles.icon] },
|
|
77
87
|
React.createElement(Icon, { size: IconSize.SMALL, name: icon }))),
|
|
78
88
|
React.createElement(View, { style: [styles.content] },
|
|
79
89
|
label && (React.createElement(Text, { level: TextLevels.ONE, typo: typoTitle }, String(label))),
|
|
80
|
-
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, typo: typoText }, String(description))) : (description))
|
|
81
|
-
horizontal && React.createElement(InputRadio, { checked: checked, disabled: disabled })));
|
|
90
|
+
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, typo: typoText }, String(description))) : (description))));
|
|
82
91
|
});
|
|
83
92
|
var InputRadio = function (_a) {
|
|
84
93
|
var checked = _a.checked, disabled = _a.disabled;
|
|
85
94
|
var styles = StyleSheet.create({
|
|
86
95
|
input: {
|
|
87
|
-
|
|
96
|
+
marginRight: 'auto',
|
|
88
97
|
width: 18,
|
|
89
98
|
height: 18,
|
|
90
99
|
borderWidth: 1,
|
|
91
100
|
borderRadius: 18,
|
|
92
101
|
justifyContent: 'center',
|
|
93
102
|
alignItems: 'center',
|
|
94
|
-
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.
|
|
103
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
|
|
95
104
|
},
|
|
96
105
|
inputRadio: {
|
|
97
106
|
width: 12,
|
|
@@ -111,4 +120,4 @@ var InputRadio = function (_a) {
|
|
|
111
120
|
};
|
|
112
121
|
RadioTile.displayName = ComponentName.RadioTile;
|
|
113
122
|
export default RadioTile;
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
123
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvdGlsZS9SYWRpb1RpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNoQyxVQUNFLEVBY0MsRUFDRCxHQUFHO0lBZEQsSUFBQSxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFL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
|
|
@@ -9,6 +9,7 @@ export interface RadioTileProps extends RadioProps {
|
|
|
9
9
|
horizontal?: boolean;
|
|
10
10
|
icon?: IconName | IconNameValues;
|
|
11
11
|
description?: string | React.ReactNode;
|
|
12
|
+
sticker?: string;
|
|
12
13
|
}
|
|
13
14
|
export type RadioTileRef = HTMLDivElement;
|
|
14
15
|
export type RadioTileNativeRef = TouchableOpacity;
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.
|
|
1
|
+
export declare const version = "4.6.0-beta-1";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.6.0-beta-1";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
|