@trilogy-ds/react 4.0.0-textarea-native → 4.0.1-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/badge/Badge.d.ts +2 -2
- package/lib/components/badge/Badge.js +2 -2
- package/lib/components/badge/Badge.native.d.ts +10 -3
- package/lib/components/badge/Badge.native.js +78 -8
- package/lib/components/button/Button.d.ts +2 -2
- package/lib/components/button/Button.js +17 -16
- package/lib/components/card/Card.d.ts +0 -1
- package/lib/components/card/Card.js +1 -2
- package/lib/components/card/Card.native.d.ts +0 -1
- package/lib/components/card/Card.native.js +1 -2
- package/lib/components/enumsComponentsName.d.ts +2 -0
- package/lib/components/enumsComponentsName.js +3 -1
- package/lib/components/icon/Icon.native.d.ts +2 -2
- package/lib/components/icon/Icon.native.js +19 -11
- package/lib/components/input/Input.native.js +21 -23
- package/lib/components/modal/Modal.js +47 -46
- package/lib/components/modal/Modal.native.d.ts +2 -2
- package/lib/components/modal/Modal.native.js +8 -13
- package/lib/components/modal/ModalProps.d.ts +3 -3
- package/lib/components/modal/ModalPropsDefaults.js +4 -1
- package/lib/components/modal/footer/ModalFooter.js +4 -4
- package/lib/components/otp/Otp.js +6 -6
- package/lib/components/progress/Progress.native.d.ts +6 -4
- package/lib/components/progress/Progress.native.js +35 -26
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.js +3 -3
- package/lib/components/radio/Radio.d.ts +2 -2
- package/lib/components/radio/Radio.js +17 -15
- package/lib/components/radio/Radio.native.d.ts +5 -12
- package/lib/components/radio/Radio.native.js +22 -142
- 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 +31 -20
- 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/components/select/Select.native.js +9 -7
- package/lib/components/select/option/SelectOption.native.js +10 -9
- package/lib/components/tabs/Tabs.d.ts +3 -6
- package/lib/components/tabs/Tabs.js +11 -12
- package/lib/components/tabs/context/index.d.ts +7 -0
- package/lib/components/tabs/context/index.js +6 -0
- package/lib/components/tabs/tab-list/TabList.d.ts +1 -1
- package/lib/components/tabs/tab-list/TabList.js +11 -6
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +2 -1
- package/lib/components/tabs/tab-list/tab/Tab.js +25 -33
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +1 -1
- package/lib/components/tabs/tab-panels/TabPanels.js +10 -5
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +1 -1
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +9 -5
- package/lib/components/textarea/Textarea.native.js +3 -3
- package/lib/components/timeline/content/TimelineContent.native.d.ts +1 -1
- package/lib/components/timeline/content/TimelineContent.native.js +7 -7
- package/lib/components/timeline/item/TimelineItem.native.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.native.js +3 -3
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +8 -6
- package/lib/events/OnClickEvent.d.ts +1 -1
- 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
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useRef } from
|
|
3
|
-
import { Animated, StyleSheet } from
|
|
4
|
-
import { View } from
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
2
|
+
import React, { useEffect, useRef } from "react";
|
|
3
|
+
import { Animated, StyleSheet } from "react-native";
|
|
4
|
+
import { View } from "../../components/view";
|
|
5
|
+
import { Text, TextLevels } from "../../components/text";
|
|
6
|
+
import { getStatusStyle, getColorStyle, TrilogyColor } from "../../objects";
|
|
7
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
7
8
|
/**
|
|
8
9
|
* Progress component
|
|
9
10
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
10
|
-
* @param value {number} Progress value
|
|
11
11
|
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
12
12
|
* @param stacked {boolean} Stacked progress
|
|
13
|
+
* @param legendCenter {stringabsolute} Unique legend
|
|
14
|
+
* @param legendStart {string} First extremity legend, only with legendEnd property
|
|
15
|
+
* @param legendEnd {string} Second extremity legend, only with legendStart property
|
|
13
16
|
*/
|
|
14
17
|
var Progress = function (_a) {
|
|
15
|
-
var value = _a.value, status = _a.status, others = __rest(_a, ["value", "status"]);
|
|
18
|
+
var value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, legendCenter = _a.legendCenter, legendStart = _a.legendStart, legendEnd = _a.legendEnd, others = __rest(_a, ["value", "max", "status", "legendCenter", "legendStart", "legendEnd"]);
|
|
16
19
|
var animation = useRef(new Animated.Value(0)).current;
|
|
17
20
|
useEffect(function () {
|
|
18
21
|
// eslint-disable-next-line no-unused-expressions
|
|
19
|
-
typeof value ===
|
|
22
|
+
typeof value === "number" &&
|
|
20
23
|
Animated.timing(animation, {
|
|
21
24
|
toValue: value,
|
|
22
25
|
duration: 1000,
|
|
@@ -25,20 +28,20 @@ var Progress = function (_a) {
|
|
|
25
28
|
}, [animation, value]);
|
|
26
29
|
var height = 6;
|
|
27
30
|
var width = animation.interpolate({
|
|
28
|
-
inputRange: [0,
|
|
29
|
-
outputRange: [
|
|
30
|
-
extrapolate:
|
|
31
|
+
inputRange: [0, max],
|
|
32
|
+
outputRange: ["0%", "".concat(max, "%")],
|
|
33
|
+
extrapolate: "clamp",
|
|
31
34
|
});
|
|
32
35
|
var styles = StyleSheet.create({
|
|
33
36
|
progress: {
|
|
34
|
-
flexDirection:
|
|
35
|
-
width:
|
|
37
|
+
flexDirection: "row",
|
|
38
|
+
width: "100%",
|
|
36
39
|
height: height,
|
|
37
40
|
backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE),
|
|
38
41
|
borderRadius: 15,
|
|
39
42
|
},
|
|
40
|
-
|
|
41
|
-
alignSelf:
|
|
43
|
+
percent: {
|
|
44
|
+
alignSelf: "flex-start",
|
|
42
45
|
height: height,
|
|
43
46
|
backgroundColor: getStatusStyle(status).color,
|
|
44
47
|
borderRadius: 15,
|
|
@@ -53,25 +56,31 @@ var Progress = function (_a) {
|
|
|
53
56
|
},
|
|
54
57
|
test: {
|
|
55
58
|
width: 20,
|
|
56
|
-
backgroundColor:
|
|
59
|
+
backgroundColor: "#333",
|
|
57
60
|
height: 6,
|
|
58
61
|
},
|
|
59
|
-
|
|
60
|
-
textAlign:
|
|
62
|
+
legendCenter: {
|
|
63
|
+
textAlign: "center",
|
|
61
64
|
paddingTop: 5,
|
|
62
|
-
fontWeight:
|
|
65
|
+
fontWeight: "500",
|
|
66
|
+
alignSelf: "center"
|
|
63
67
|
},
|
|
64
68
|
extremLegend: {
|
|
65
|
-
width:
|
|
66
|
-
flexDirection:
|
|
67
|
-
justifyContent:
|
|
69
|
+
width: "100%",
|
|
70
|
+
flexDirection: "row",
|
|
71
|
+
justifyContent: "space-between",
|
|
68
72
|
paddingTop: 5,
|
|
69
|
-
fontWeight:
|
|
73
|
+
fontWeight: "500",
|
|
70
74
|
},
|
|
71
75
|
});
|
|
72
|
-
return (React.createElement(
|
|
73
|
-
React.createElement(
|
|
76
|
+
return (React.createElement(React.Fragment, null,
|
|
77
|
+
React.createElement(View, __assign({ style: styles.progress }, others),
|
|
78
|
+
React.createElement(Animated.View, { style: [styles.percent, { width: width }] })),
|
|
79
|
+
legendCenter && (React.createElement(Text, { style: styles.legendCenter, level: TextLevels.THREE }, legendCenter)),
|
|
80
|
+
legendStart && legendEnd && !legendCenter && (React.createElement(View, { style: styles.extremLegend },
|
|
81
|
+
React.createElement(Text, { level: TextLevels.THREE }, legendStart),
|
|
82
|
+
React.createElement(Text, { level: TextLevels.THREE }, legendEnd)))));
|
|
74
83
|
};
|
|
75
84
|
Progress.displayName = ComponentName.Progress;
|
|
76
85
|
export default Progress;
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9Qcm9ncmVzcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFRZ0I7SUFQZCxJQUFBLEtBQUssV0FBQSxFQUNMLFdBQVMsRUFBVCxHQUFHLG1CQUFHLEdBQUcsS0FBQSxFQUNULE1BQU0sWUFBQSxFQUNOLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsU0FBUyxlQUFBLEVBQ04sTUFBTSxjQVBYLHNFQVFDLENBRFU7SUFFM0IsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUV2RCxTQUFTLENBQUM7UUFDUixpREFBaUQ7UUFDakQsT0FBTyxLQUFLLEtBQUssUUFBUTtZQUN6QixRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLEtBQUs7Z0JBQ2QsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsZUFBZSxFQUFFLEtBQUs7YUFDdkIsQ0FBQyxD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
|
|
@@ -14,7 +14,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
14
14
|
* @param skeleton {boolean} Skeleton Progress Radial
|
|
15
15
|
*/
|
|
16
16
|
declare const ProgressRadial: {
|
|
17
|
-
({ value, label, description, status, full, disk, secondValue, secondValueColor, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
|
|
17
|
+
({ children, value, label, description, status, full, disk, secondValue, secondValueColor, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
|
|
18
18
|
displayName: ComponentName;
|
|
19
19
|
};
|
|
20
20
|
export default ProgressRadial;
|
|
@@ -20,7 +20,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
20
20
|
* @param skeleton {boolean} Skeleton Progress Radial
|
|
21
21
|
*/
|
|
22
22
|
var ProgressRadial = function (_a) {
|
|
23
|
-
var value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
|
|
23
|
+
var children = _a.children, value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["children", "value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
|
|
24
24
|
var color = getColorStyle(status || TrilogyColor.INFO);
|
|
25
25
|
var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
|
|
26
26
|
var percentWidth = value || 0;
|
|
@@ -87,8 +87,8 @@ var ProgressRadial = function (_a) {
|
|
|
87
87
|
return (React.createElement(View, __assign({ style: styles.container }, others),
|
|
88
88
|
React.createElement(AnimatedCircularProgress, __assign({ size: 90, width: 7, fill: !full ? percentWidth : 100, tintColor: color, backgroundColor: backgroundColor, rotation: 0 }, secondFill, secondFillColor), function () { return (React.createElement(View, { style: styles.alignCenter },
|
|
89
89
|
label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.TWO }, label || '')) : (React.createElement(View, null, label)),
|
|
90
|
-
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description)))); })));
|
|
90
|
+
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description || children)))); })));
|
|
91
91
|
};
|
|
92
92
|
ProgressRadial.displayName = ComponentName.ProgressRadial;
|
|
93
93
|
export default ProgressRadial;
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQzNFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFhRjtJQVpwQixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixJQUFJLFVBQUEsRUFDSixXQUFXLGlCQUFBLEVBQ1gsZ0JBQWdCLHNCQUFBLEVBQ2hCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FaYSwrSEFhdkIsQ0FEVTtJQUVULElBQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3hELElBQU0sZUFBZSxHQUFH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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
|
-
import { __assign,
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import shortid from 'shortid';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import { hashClass } from '../../helpers';
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
6
2
|
import { useTrilogyContext } from '../../context';
|
|
3
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import React from 'react';
|
|
7
6
|
/**
|
|
8
7
|
* radio Component
|
|
9
8
|
* @param checked {boolean} Checked radio
|
|
@@ -13,22 +12,25 @@ 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
|
-
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
24
|
-
useEffect(function () {
|
|
25
|
-
if (!readonly) {
|
|
26
|
-
setChecked(checked || false);
|
|
27
|
-
}
|
|
28
|
-
}, [checked, readonly]);
|
|
29
22
|
return (React.createElement("div", { className: hashClass(styled, clsx('radio', className)) },
|
|
30
|
-
React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked:
|
|
23
|
+
React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, onChange: function (e) {
|
|
24
|
+
if (onChange && !disabled && !readonly) {
|
|
25
|
+
onChange({
|
|
26
|
+
radioId: e.target.id,
|
|
27
|
+
radioValue: e.target.value,
|
|
28
|
+
radioName: e.target.name,
|
|
29
|
+
radioChecked: e.target.checked,
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
} }, others)),
|
|
31
33
|
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) }, label)));
|
|
32
34
|
};
|
|
33
35
|
export default Radio;
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFXRjtJQVZYLElBQUEsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVZJLDRGQVdkLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQztRQUN6RCx3Q0FDRSxJQUFJLEVBQUMsT0FBTyxFQUNaLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFFBQVEsRUFBRSxVQUFDLENBQUM7Z0JBQ1YsSUFBSSxRQUFRLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ3RDLFFBQVEsQ0FBQzt3QkFDUCxPQUFPLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxFQUFFO3dCQUNwQixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO3dCQUMxQixTQUFTLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3dCQUN4QixZQUFZLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3FCQUMvQixDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDLElBQ0csTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsSUFDbEUsS0FBSyxDQUNBLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
|
|
@@ -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,185 +1,65 @@
|
|
|
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 { getColorStyle, TrilogyColor } from '../../objects';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
10
6
|
/**
|
|
11
|
-
*
|
|
12
|
-
* @param checked {boolean} Checked
|
|
7
|
+
* radio Component
|
|
8
|
+
* @param checked {boolean} Checked radio
|
|
13
9
|
* @param disabled {boolean} Disabled
|
|
14
|
-
* @param readOnly {boolean} readonly
|
|
10
|
+
* @param readOnly {boolean} readonly radio
|
|
15
11
|
* @param id {string} Id for button, by default id is generate
|
|
16
|
-
* @param label {string
|
|
17
|
-
* @param onClick {ClickEvent}
|
|
12
|
+
* @param label {string} Label for radio
|
|
18
13
|
* @param onChange {ChangeEvent}
|
|
19
14
|
* @param name {string} Name for radio
|
|
20
15
|
* @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
16
|
*/
|
|
28
17
|
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]);
|
|
18
|
+
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
19
|
var styles = StyleSheet.create({
|
|
50
20
|
container: {
|
|
51
21
|
flexDirection: 'row',
|
|
52
|
-
|
|
53
|
-
justifyContent: 'flex-start',
|
|
22
|
+
alignItems: 'center',
|
|
54
23
|
},
|
|
55
24
|
radio: {
|
|
56
|
-
flexDirection: 'row',
|
|
57
25
|
alignItems: 'center',
|
|
26
|
+
justifyContent: 'center',
|
|
58
27
|
borderColor: getColorStyle(TrilogyColor.FONT),
|
|
59
|
-
borderWidth:
|
|
60
|
-
width:
|
|
61
|
-
height:
|
|
28
|
+
borderWidth: 1,
|
|
29
|
+
width: 18,
|
|
30
|
+
height: 18,
|
|
62
31
|
borderRadius: 10,
|
|
63
32
|
marginRight: 10,
|
|
64
|
-
marginLeft: 0,
|
|
65
33
|
},
|
|
66
34
|
icon: {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
width: 14,
|
|
71
|
-
height: 14,
|
|
35
|
+
borderRadius: 12,
|
|
36
|
+
width: 12,
|
|
37
|
+
height: 12,
|
|
72
38
|
backgroundColor: getColorStyle(TrilogyColor.MAIN),
|
|
73
39
|
},
|
|
74
40
|
label: {
|
|
41
|
+
paddingTop: 2,
|
|
75
42
|
color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
76
|
-
(
|
|
43
|
+
(checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
77
44
|
getColorStyle(TrilogyColor.MAIN),
|
|
78
45
|
},
|
|
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
46
|
});
|
|
106
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
107
47
|
var handleClick = function (value) {
|
|
108
48
|
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
49
|
if (onChange) {
|
|
119
50
|
onChange({
|
|
120
51
|
radioId: id,
|
|
121
52
|
radioValue: value,
|
|
122
53
|
radioName: name || '',
|
|
123
|
-
radioChecked:
|
|
54
|
+
radioChecked: true,
|
|
124
55
|
});
|
|
125
56
|
}
|
|
126
57
|
}
|
|
127
58
|
};
|
|
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
59
|
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(value || false); } },
|
|
180
|
-
React.createElement(
|
|
60
|
+
React.createElement(View, { style: styles.radio, testID: id }, checked && React.createElement(View, { style: styles.icon })),
|
|
181
61
|
label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
|
|
182
62
|
};
|
|
183
63
|
Radio.displayName = ComponentName.Radio;
|
|
184
64
|
export default Radio;
|
|
185
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBU0Y7UUFSWCxVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUE7SUFFTCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFVBQVUsRUFBRSxRQUFRO1NBQ3JCO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLFFBQVE7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsV0FBVyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQzdDLFdBQVcsRUFBRSxDQUFDO1lBQ2QsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFdBQVcsRUFBRSxFQUFFO1NBQ2hCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osWUFBWSxFQUFFLEVBQUU7WUFDaEIsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztTQUNsRDtRQUNELEtBQUssRUFBRTtZQUNMLFVBQVUsRUFBRSxDQUFDO1lBQ2IsS0FBSyxFQUNILENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ2xELENBQUMsT0FBTyxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzdDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1NBQ25DO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxXQUFXLEdBQUcsVUFBQyxLQUFVO1FBQzdCLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixJQUFJLFFBQVEsRUFBRTtnQkFDWixRQUFRLENBQUM7b0JBQ1AsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFNBQVMsRUFBRSxJQUFJLElBQUksRUFBRTtvQkFDckIsWUFBWSxFQUFFLElBQUk7aUJBQ25CLENBQUMsQ0FBQTthQUNIO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLElBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxLQUFLLElBQUksS0FBSyxDQUFDLEVBQTNCLENBQTJCO1FBQ3ZHLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsRUFBRSxJQUNsQyxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxHQUFJLENBQ25DO1FBQ04sS0FBSyxJQUFJLE9BQU8sS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQ3hGLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
|
|
@@ -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
|