@trilogy-ds/react 4.0.0 → 4.0.1-ref-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/autocomplete/AutoCompletePropsNativeDefaults.js +20 -4
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +20 -4
- package/lib/components/autolayout/AutoLayout.helpers.js +7 -5
- package/lib/components/autolayout/DefaultSpacingMatrix.js +4 -3
- 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/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +3 -3
- package/lib/components/button/Button.d.ts +2 -2
- package/lib/components/button/Button.js +17 -16
- package/lib/components/button/Button.native.d.ts +2 -2
- package/lib/components/button/Button.native.js +66 -98
- package/lib/components/button/ButtonPropsDefaults.js +5 -5
- 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/checkbox/Checkbox.native.js +6 -95
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +4 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.js +5 -3
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +8 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +20 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +12 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +13 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +8 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +126 -0
- package/lib/components/columns/Columns.d.ts +1 -1
- package/lib/components/columns/Columns.js +10 -8
- package/lib/components/columns/column/Column.d.ts +1 -1
- package/lib/components/columns/column/Column.js +10 -8
- package/lib/components/enumsComponentsName.d.ts +8 -1
- package/lib/components/enumsComponentsName.js +9 -2
- package/lib/components/icon/Icon.native.d.ts +2 -2
- package/lib/components/icon/Icon.native.js +19 -11
- package/lib/components/input/Input.js +2 -2
- package/lib/components/input/Input.native.js +21 -23
- package/lib/components/input/InputEnum.d.ts +2 -1
- package/lib/components/input/InputEnum.js +1 -1
- package/lib/components/input/InputPropsDefaults.js +20 -4
- package/lib/components/link/LinkPropsDefaults.js +3 -3
- 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/price/Price.native.d.ts +1 -1
- package/lib/components/price/Price.native.js +11 -11
- 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.js +2 -2
- 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/range/Range.js +2 -2
- package/lib/components/select/Select.js +2 -2
- 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 +4 -6
- package/lib/components/tabs/Tabs.js +23 -15
- package/lib/components/tabs/Tabs.native.d.ts +14 -0
- package/lib/components/tabs/Tabs.native.js +32 -0
- package/lib/components/tabs/context/index.d.ts +9 -0
- package/lib/components/tabs/context/index.js +8 -0
- package/lib/components/tabs/tab-list/TabList.d.ts +6 -2
- package/lib/components/tabs/tab-list/TabList.js +14 -7
- package/lib/components/tabs/tab-list/TabList.native.d.ts +17 -0
- package/lib/components/tabs/tab-list/TabList.native.js +37 -0
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +4 -3
- package/lib/components/tabs/tab-list/tab/Tab.js +30 -35
- package/lib/components/tabs/tab-list/tab/Tab.native.d.ts +19 -0
- package/lib/components/tabs/tab-list/tab/Tab.native.js +62 -0
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +3 -3
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +2 -2
- package/lib/components/tabs/tab-panels/TabPanels.js +14 -7
- package/lib/components/tabs/tab-panels/TabPanels.native.d.ts +16 -0
- package/lib/components/tabs/tab-panels/TabPanels.native.js +35 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +2 -2
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +13 -7
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts +15 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +46 -0
- package/lib/components/text/Text.d.ts +0 -1
- package/lib/components/text/Text.js +1 -2
- package/lib/components/text/Text.native.d.ts +0 -1
- package/lib/components/text/Text.native.js +1 -2
- 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/components/view/ViewPropsDefaults.js +1 -1
- 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,12 +1,12 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconSize } from '../../components/icon';
|
|
4
|
+
import { View } from '../../components/view';
|
|
5
|
+
import { getTypographyBoldStyle, TypographyBold } from '../../objects';
|
|
6
|
+
import { getButtonColorStyle, getColorStyle, getLoadingClassName, getVariantClassName, TrilogyColor, } from '../../objects/facets';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { ActivityIndicator, StyleSheet, Text, TouchableOpacity } from 'react-native';
|
|
9
|
+
import { ButtonVariant } from './ButtonEnum';
|
|
10
10
|
/**
|
|
11
11
|
* Button Native Component
|
|
12
12
|
* @param loading {boolean} Loading button
|
|
@@ -24,158 +24,126 @@ var Button = function (_a) {
|
|
|
24
24
|
var findBackgroundColor = function (_a) {
|
|
25
25
|
var disabled = _a.disabled, loading = _a.loading, variant = _a.variant;
|
|
26
26
|
return ((disabled && getColorStyle(TrilogyColor.NEUTRAL_FADE)) ||
|
|
27
|
-
(typeof loading ===
|
|
28
|
-
getLoadingClassName(loading) ===
|
|
27
|
+
(typeof loading === 'string' &&
|
|
28
|
+
getLoadingClassName(loading) === 'loading' &&
|
|
29
29
|
getButtonColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
30
|
-
(typeof loading ===
|
|
31
|
-
loading &&
|
|
32
|
-
getColorStyle(TrilogyColor.NEUTRAL)) ||
|
|
30
|
+
(typeof loading === 'boolean' && loading && getColorStyle(TrilogyColor.NEUTRAL)) ||
|
|
33
31
|
(variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.MAIN)) ||
|
|
34
|
-
(variant === ButtonVariant.SECONDARY &&
|
|
35
|
-
|
|
36
|
-
(variant === ButtonVariant.CONVERSION &&
|
|
37
|
-
getColorStyle(TrilogyColor.ACCENT)) ||
|
|
32
|
+
(variant === ButtonVariant.SECONDARY && getColorStyle(TrilogyColor.MAIN_FADE)) ||
|
|
33
|
+
(variant === ButtonVariant.CONVERSION && getColorStyle(TrilogyColor.ACCENT)) ||
|
|
38
34
|
(variant === ButtonVariant.GHOST && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
39
35
|
getColorStyle(TrilogyColor.MAIN));
|
|
40
36
|
};
|
|
41
37
|
var findTextColor = function (_a) {
|
|
42
38
|
var variant = _a.variant;
|
|
43
|
-
return ((variant &&
|
|
44
|
-
getVariantClassName(variant) ===
|
|
45
|
-
getColorStyle(TrilogyColor.
|
|
46
|
-
(variant &&
|
|
47
|
-
getVariantClassName(variant) === "accent" &&
|
|
48
|
-
getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
49
|
-
(variant &&
|
|
50
|
-
getVariantClassName(variant) === "primary" &&
|
|
51
|
-
getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
52
|
-
(variant &&
|
|
53
|
-
getVariantClassName(variant) === "ghost" &&
|
|
54
|
-
getColorStyle(TrilogyColor.FONT)) ||
|
|
39
|
+
return ((variant && getVariantClassName(variant) === 'secondary' && getColorStyle(TrilogyColor.FONT)) ||
|
|
40
|
+
(variant && getVariantClassName(variant) === 'accent' && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
41
|
+
(variant && getVariantClassName(variant) === 'primary' && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
42
|
+
(variant && getVariantClassName(variant) === 'ghost' && getColorStyle(TrilogyColor.FONT)) ||
|
|
55
43
|
getColorStyle(TrilogyColor.BACKGROUND));
|
|
56
44
|
};
|
|
57
45
|
var findBorderColor = function (_a) {
|
|
58
46
|
var disabled = _a.disabled, variant = _a.variant, loading = _a.loading;
|
|
59
|
-
return ((disabled &&
|
|
60
|
-
variant === ButtonVariant.PRIMARY &&
|
|
61
|
-
getColorStyle(TrilogyColor.
|
|
62
|
-
(!disabled &&
|
|
63
|
-
!!loading &&
|
|
64
|
-
variant === ButtonVariant.PRIMARY &&
|
|
65
|
-
getColorStyle(TrilogyColor.DISABLED)) ||
|
|
66
|
-
(!disabled &&
|
|
67
|
-
variant === ButtonVariant.PRIMARY &&
|
|
68
|
-
getColorStyle(TrilogyColor.INFO_FADE)) ||
|
|
47
|
+
return ((disabled && variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
48
|
+
(!disabled && !!loading && variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
49
|
+
(!disabled && variant === ButtonVariant.PRIMARY && getColorStyle(TrilogyColor.INFO_FADE)) ||
|
|
69
50
|
getColorStyle(TrilogyColor.BACKGROUND));
|
|
70
51
|
};
|
|
71
52
|
var styles = StyleSheet.create({
|
|
72
53
|
button: {
|
|
73
|
-
maxWidth:
|
|
74
|
-
minWidth:
|
|
54
|
+
maxWidth: '100%',
|
|
55
|
+
minWidth: '100%',
|
|
75
56
|
paddingTop: variant === ButtonVariant.PRIMARY ? 13 : 15,
|
|
76
57
|
paddingBottom: variant === ButtonVariant.PRIMARY ? 13 : 15,
|
|
77
58
|
paddingLeft: variant === ButtonVariant.PRIMARY ? 13 : 15,
|
|
78
59
|
paddingRight: variant === ButtonVariant.PRIMARY ? 13 : 15,
|
|
79
|
-
justifyContent:
|
|
80
|
-
alignItems:
|
|
60
|
+
justifyContent: 'center',
|
|
61
|
+
alignItems: 'center',
|
|
81
62
|
backgroundColor: findBackgroundColor({ disabled: disabled, loading: loading, variant: variant }),
|
|
82
63
|
borderRadius: 4,
|
|
83
64
|
minHeight: 45,
|
|
84
|
-
height: loading ? 52 :
|
|
65
|
+
height: loading ? 52 : 'auto',
|
|
85
66
|
borderColor: findBorderColor({ disabled: disabled, variant: variant, loading: loading }),
|
|
86
67
|
},
|
|
87
68
|
text: {
|
|
88
69
|
fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
|
|
89
|
-
color: disabled
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
fontWeight: "bold",
|
|
95
|
-
justifyContent: "center",
|
|
70
|
+
color: disabled ? getColorStyle(TrilogyColor.BACKGROUND) : findTextColor({ variant: variant }),
|
|
71
|
+
alignSelf: 'center',
|
|
72
|
+
alignItems: 'center',
|
|
73
|
+
fontWeight: 'bold',
|
|
74
|
+
justifyContent: 'center',
|
|
96
75
|
},
|
|
97
76
|
textDisabled: {
|
|
98
|
-
color: getColorStyle(TrilogyColor.
|
|
99
|
-
alignSelf:
|
|
100
|
-
alignItems:
|
|
101
|
-
fontWeight:
|
|
102
|
-
justifyContent:
|
|
77
|
+
color: getColorStyle(TrilogyColor.DISABLED),
|
|
78
|
+
alignSelf: 'center',
|
|
79
|
+
alignItems: 'center',
|
|
80
|
+
fontWeight: 'bold',
|
|
81
|
+
justifyContent: 'center',
|
|
103
82
|
},
|
|
104
83
|
textDisabledIcon: {
|
|
105
84
|
color: getColorStyle(TrilogyColor.DISABLED_FADE),
|
|
106
|
-
alignSelf:
|
|
107
|
-
alignItems:
|
|
108
|
-
fontWeight:
|
|
109
|
-
justifyContent:
|
|
85
|
+
alignSelf: 'center',
|
|
86
|
+
alignItems: 'center',
|
|
87
|
+
fontWeight: 'bold',
|
|
88
|
+
justifyContent: 'center',
|
|
110
89
|
marginLeft: 12,
|
|
111
90
|
},
|
|
112
91
|
fullwidth: {
|
|
113
|
-
alignSelf:
|
|
92
|
+
alignSelf: 'stretch',
|
|
114
93
|
},
|
|
115
94
|
buttonIconContainer: {
|
|
116
|
-
flexDirection:
|
|
117
|
-
alignSelf:
|
|
118
|
-
alignItems:
|
|
119
|
-
fontWeight:
|
|
120
|
-
justifyContent:
|
|
95
|
+
flexDirection: 'row',
|
|
96
|
+
alignSelf: 'center',
|
|
97
|
+
alignItems: 'center',
|
|
98
|
+
fontWeight: 'bold',
|
|
99
|
+
justifyContent: 'center',
|
|
121
100
|
},
|
|
122
101
|
buttonIconText: {
|
|
123
|
-
color: disabled
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
fontWeight: "bold",
|
|
129
|
-
justifyContent: "center",
|
|
102
|
+
color: disabled ? getColorStyle(TrilogyColor.BACKGROUND) : findTextColor({ variant: variant }),
|
|
103
|
+
alignSelf: 'center',
|
|
104
|
+
alignItems: 'center',
|
|
105
|
+
fontWeight: 'bold',
|
|
106
|
+
justifyContent: 'center',
|
|
130
107
|
marginLeft: 8,
|
|
131
108
|
},
|
|
132
109
|
});
|
|
133
|
-
var buttonTestId = testId
|
|
134
|
-
? testId
|
|
135
|
-
: typeof children === "string"
|
|
136
|
-
? children
|
|
137
|
-
: "NotSpecified";
|
|
110
|
+
var buttonTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
|
|
138
111
|
var buttonAccessibilityLabel = accessibilityLabel
|
|
139
112
|
? accessibilityLabel
|
|
140
|
-
: typeof children ===
|
|
113
|
+
: typeof children === 'string'
|
|
141
114
|
? children
|
|
142
|
-
:
|
|
115
|
+
: 'NotSpecified';
|
|
143
116
|
/**
|
|
144
117
|
* Returns variant's classname depending on variant type
|
|
145
118
|
* @param variantType {string} - VariantType
|
|
146
119
|
* @returns {string} - Variant value
|
|
147
120
|
*/
|
|
148
121
|
var iconColorVariant = function (variantType) {
|
|
149
|
-
if (variantType && [
|
|
122
|
+
if (variantType && ['PRIMARY', 'ACCENT'].includes(variantType))
|
|
150
123
|
return TrilogyColor.BACKGROUND;
|
|
151
|
-
if (variantType ===
|
|
124
|
+
if (variantType === 'SECONDARY' || variantType === 'GHOST')
|
|
152
125
|
return TrilogyColor.MAIN;
|
|
153
126
|
return TrilogyColor.BACKGROUND;
|
|
154
127
|
};
|
|
155
128
|
return (React.createElement(TouchableOpacity, __assign({ accessible: !!buttonAccessibilityLabel, accessibilityLabel: buttonAccessibilityLabel, testID: buttonTestId, disabled: disabled || loading, style: [styles.button, fullwidth && styles.fullwidth], onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } }, others),
|
|
156
|
-
loading &&
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
alignItems: "center",
|
|
160
|
-
justifyContent: "center",
|
|
129
|
+
loading && typeof loading === 'string' && getLoadingClassName(loading) === 'loading' && (React.createElement(View, { style: {
|
|
130
|
+
alignItems: 'center',
|
|
131
|
+
justifyContent: 'center',
|
|
161
132
|
height: 45,
|
|
162
133
|
} },
|
|
163
134
|
React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID: 'activity-indicator' }))),
|
|
164
|
-
loading && typeof loading ===
|
|
165
|
-
alignItems:
|
|
135
|
+
loading && typeof loading === 'boolean' && loading === true && (React.createElement(View, { style: {
|
|
136
|
+
alignItems: 'center',
|
|
166
137
|
height: 45,
|
|
167
|
-
justifyContent:
|
|
138
|
+
justifyContent: 'center',
|
|
168
139
|
} },
|
|
169
140
|
React.createElement(ActivityIndicator, { color: getColorStyle(TrilogyColor.BACKGROUND), testID: 'activity-indicator' }))),
|
|
170
|
-
loading &&
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
!loading && children && typeof children === "string" && !iconName && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
|
|
174
|
-
!loading && children && typeof children === "string" && iconName && (React.createElement(View, { style: styles.buttonIconContainer },
|
|
141
|
+
loading && typeof loading === 'string' && getLoadingClassName(loading) === 'loaded' && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
|
|
142
|
+
!loading && children && typeof children === 'string' && !iconName && (React.createElement(Text, { style: (!disabled && styles.text) || (disabled && styles.textDisabled) }, children)),
|
|
143
|
+
!loading && children && typeof children === 'string' && iconName && (React.createElement(View, { style: styles.buttonIconContainer },
|
|
175
144
|
!disabled ? (React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: iconColorVariant(variant), testId: 'button-icon' })) : (React.createElement(Icon, { testId: 'button-icon', name: iconName, size: IconSize.SMALL, color: getColorStyle(TrilogyColor.DISABLED) })),
|
|
176
|
-
React.createElement(Text, { style: (!disabled && styles.buttonIconText) ||
|
|
177
|
-
(disabled && styles.textDisabledIcon) }, children)))));
|
|
145
|
+
React.createElement(Text, { style: (!disabled && styles.buttonIconText) || (disabled && styles.textDisabledIcon) }, children)))));
|
|
178
146
|
};
|
|
179
147
|
Button.displayName = ComponentName.Button;
|
|
180
148
|
export default Button;
|
|
181
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
149
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL0J1dHRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLGFBQWEsRUFDYixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLFlBQVksR0FDYixNQUFNLGtCQUFrQixDQUFBO0FBQ3pCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHNUM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBV0Y7SUFWWixJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULE1BQU0sWUFBQSxFQUNOLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBVkssa0hBV2YsQ0FEVTtJQUVULElBQU0sbUJBQW1CLEdBQUcsVUFBQyxFQUEyQztZQUF6QyxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUE7UUFDdkQsT0FBTyxDQUNMLENBQUMsUUFBUSxJ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
|
|
@@ -25,8 +25,8 @@ export default {
|
|
|
25
25
|
"type": "enum",
|
|
26
26
|
"values": [
|
|
27
27
|
"undefined",
|
|
28
|
-
"a",
|
|
29
28
|
"button",
|
|
29
|
+
"a",
|
|
30
30
|
"input",
|
|
31
31
|
"button",
|
|
32
32
|
"input",
|
|
@@ -70,6 +70,9 @@ export default {
|
|
|
70
70
|
"object",
|
|
71
71
|
"text",
|
|
72
72
|
"search",
|
|
73
|
+
"button",
|
|
74
|
+
"image",
|
|
75
|
+
"time",
|
|
73
76
|
"a",
|
|
74
77
|
"abbr",
|
|
75
78
|
"address",
|
|
@@ -85,7 +88,6 @@ export default {
|
|
|
85
88
|
"blockquote",
|
|
86
89
|
"body",
|
|
87
90
|
"br",
|
|
88
|
-
"button",
|
|
89
91
|
"canvas",
|
|
90
92
|
"caption",
|
|
91
93
|
"center",
|
|
@@ -177,7 +179,6 @@ export default {
|
|
|
177
179
|
"tfoot",
|
|
178
180
|
"th",
|
|
179
181
|
"thead",
|
|
180
|
-
"time",
|
|
181
182
|
"title",
|
|
182
183
|
"tr",
|
|
183
184
|
"track",
|
|
@@ -224,7 +225,6 @@ export default {
|
|
|
224
225
|
"filter",
|
|
225
226
|
"foreignObject",
|
|
226
227
|
"g",
|
|
227
|
-
"image",
|
|
228
228
|
"line",
|
|
229
229
|
"linearGradient",
|
|
230
230
|
"marker",
|
|
@@ -253,9 +253,9 @@ export default {
|
|
|
253
253
|
"values": [
|
|
254
254
|
"undefined",
|
|
255
255
|
"button",
|
|
256
|
-
"button",
|
|
257
256
|
"reset",
|
|
258
257
|
"submit",
|
|
258
|
+
"button",
|
|
259
259
|
"reset",
|
|
260
260
|
"submit"
|
|
261
261
|
]
|
|
@@ -7,7 +7,6 @@ export declare const CardContext: React.Context<{
|
|
|
7
7
|
* Card Component
|
|
8
8
|
* @param flat {boolean} Adding border for Card content
|
|
9
9
|
* @param horizontal {boolean} Horizontal Card orientation
|
|
10
|
-
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
11
10
|
* @param floating {boolean} Floating card
|
|
12
11
|
* @param onClick {Function} onClick Event
|
|
13
12
|
* @param skeleton {boolean} Loading card
|
|
@@ -9,7 +9,6 @@ export var CardContext = createContext({ horizontal: false });
|
|
|
9
9
|
* Card Component
|
|
10
10
|
* @param flat {boolean} Adding border for Card content
|
|
11
11
|
* @param horizontal {boolean} Horizontal Card orientation
|
|
12
|
-
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
13
12
|
* @param floating {boolean} Floating card
|
|
14
13
|
* @param onClick {Function} onClick Event
|
|
15
14
|
* @param skeleton {boolean} Loading card
|
|
@@ -36,4 +35,4 @@ var Card = function (_a) {
|
|
|
36
35
|
return (React.createElement("div", __assign({ id: id, onClick: onClick && onClick, className: classes, style: onClick && __assign({}, hoverStyle) }, others)));
|
|
37
36
|
};
|
|
38
37
|
export default Card;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxNQUFNLENBQUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFL0Q7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQWFZO0lBWlYsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FaWCx3SEFhQyxDQURVO0lBR2YsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQXdCO1FBQ3RDLE1BQU0sRUFBRSxTQUFTO0tBQ2xCLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQy9CLFVBQVUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsRUFDakQsUUFBUSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDbkMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDekIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxFQUNULFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQ3ZCLENBQ0YsQ0FBQTtJQUVELElBQUksSUFBSSxFQUFFO1FBQ1IsT0FBTyxDQUNMLG9DQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULGlEQUFpRDtnQkFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO2dCQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtZQUNyQixDQUFDLElBQ0csTUFBTSxJQUNWLFNBQVMsRUFBRSxPQUFPLElBQ2xCLENBQ0gsQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEtBQUssRUFBRSxPQUFPLGlCQUFTLFVBQVUsQ0FBRSxJQUMvQixNQUFNLEVBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBQ0QsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -17,7 +17,6 @@ export declare const CardContext: React.Context<{
|
|
|
17
17
|
* @param onClick {Function} onClick Event
|
|
18
18
|
* @param skeleton {boolean} Loading card
|
|
19
19
|
* @param reversed {boolean} Reversed card
|
|
20
|
-
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
21
20
|
* @param fullheight {boolean}
|
|
22
21
|
* @param active {boolean} Activated box
|
|
23
22
|
* @param others
|
|
@@ -21,7 +21,6 @@ export var CardContext = createContext({
|
|
|
21
21
|
* @param onClick {Function} onClick Event
|
|
22
22
|
* @param skeleton {boolean} Loading card
|
|
23
23
|
* @param reversed {boolean} Reversed card
|
|
24
|
-
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
25
24
|
* @param fullheight {boolean}
|
|
26
25
|
* @param active {boolean} Activated box
|
|
27
26
|
* @param others
|
|
@@ -107,4 +106,4 @@ var Card = function (_a) {
|
|
|
107
106
|
};
|
|
108
107
|
Card.displayName = ComponentName.Card;
|
|
109
108
|
export default Card;
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFFeEQsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztJQUN2QyxRQUFRLEVBQUUsS0FBSztJQUNmLGVBQWUsRUFBRSxFQUFFLElBQUksRUFBRTtJQUN6QixVQUFVLEVBQUUsS0FBSztJQUNqQixRQUFRLEVBQUUsS0FBSztJQUNmLE1BQU0sRUFBRSxLQUFLO0NBQ2QsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQVdGO0lBVlYsSUFBQSxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FWRyx5R0FXYixDQURVO0lBRVQsSUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFBO0lBQzFCLElBQU0sVUFBVSxHQUFHLENBQUMsQ0FBQTtJQUNw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
|
|
@@ -4,10 +4,8 @@ import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
|
4
4
|
import { IconName } from '../../components/icon/IconNameEnum';
|
|
5
5
|
import shortid from 'shortid';
|
|
6
6
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
|
-
import { Text
|
|
8
|
-
import { View } from '../../components/view';
|
|
7
|
+
import { Text } from '../../components/text';
|
|
9
8
|
import { Icon, IconSize } from '../../components/icon';
|
|
10
|
-
import { TypographyAlign, TypographyBold } from '../../objects';
|
|
11
9
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
12
10
|
/**
|
|
13
11
|
* Checkbox Native Component
|
|
@@ -23,24 +21,17 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
23
21
|
var Checkbox = function (_a) {
|
|
24
22
|
var _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, checked = _a.checked, name = _a.name, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label;
|
|
25
23
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
26
|
-
var horizontalTile = false;
|
|
27
|
-
// eslint-disable-next-line no-empty-pattern
|
|
28
|
-
var onClick = function (_a) { return null; };
|
|
29
|
-
var tile = false;
|
|
30
|
-
var description = 'de';
|
|
31
|
-
var iconTile = '';
|
|
32
24
|
useEffect(function () {
|
|
33
25
|
setChecked(checked || false);
|
|
34
26
|
}, [checked]);
|
|
35
27
|
var styles = StyleSheet.create({
|
|
36
28
|
container: {
|
|
37
29
|
flexDirection: 'row',
|
|
38
|
-
|
|
39
|
-
justifyContent: 'flex-start',
|
|
30
|
+
justifyContent: 'flex-start'
|
|
40
31
|
},
|
|
41
32
|
checkBox: {
|
|
42
33
|
alignItems: 'center',
|
|
43
|
-
justifyContent:
|
|
34
|
+
justifyContent: 'flex-start',
|
|
44
35
|
borderColor: getColorStyle(TrilogyColor.FONT),
|
|
45
36
|
borderWidth: 0.6,
|
|
46
37
|
width: 19,
|
|
@@ -53,52 +44,15 @@ var Checkbox = function (_a) {
|
|
|
53
44
|
'transparent',
|
|
54
45
|
},
|
|
55
46
|
label: {
|
|
47
|
+
marginTop: 2,
|
|
56
48
|
color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
57
49
|
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
58
50
|
getColorStyle(TrilogyColor.MAIN),
|
|
59
|
-
}
|
|
60
|
-
tile: {
|
|
61
|
-
padding: _checked ? 3 : 4,
|
|
62
|
-
paddingBottom: _checked ? 7 : 8,
|
|
63
|
-
maxWidth: 140,
|
|
64
|
-
borderWidth: (_checked && 2) || 1,
|
|
65
|
-
width: 126,
|
|
66
|
-
borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
|
|
67
|
-
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
68
|
-
getColorStyle(TrilogyColor.NEUTRAL),
|
|
69
|
-
borderRadius: 6,
|
|
70
|
-
textAlign: 'center',
|
|
71
|
-
alignItems: 'center',
|
|
72
|
-
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
|
|
73
|
-
},
|
|
74
|
-
tileDescription: {
|
|
75
|
-
color: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.MAIN),
|
|
76
|
-
alignSelf: horizontalTile ? 'flex-start' : 'center',
|
|
77
|
-
},
|
|
78
|
-
horizontalTile: {
|
|
79
|
-
paddingVertical: _checked ? 17 : 18,
|
|
80
|
-
paddingHorizontal: _checked ? 5 : 6,
|
|
81
|
-
width: '100%',
|
|
82
|
-
height: 'auto',
|
|
83
|
-
borderWidth: (_checked && 2) || 1,
|
|
84
|
-
borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
|
|
85
|
-
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
86
|
-
getColorStyle(TrilogyColor.MAIN_FADE),
|
|
87
|
-
borderRadius: 6,
|
|
88
|
-
backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : 'transparent',
|
|
89
|
-
},
|
|
51
|
+
}
|
|
90
52
|
});
|
|
91
53
|
var handleClick = function () {
|
|
92
54
|
if (!readonly) {
|
|
93
55
|
setChecked(!_checked);
|
|
94
|
-
if (onClick) {
|
|
95
|
-
onClick({
|
|
96
|
-
checkboxId: id,
|
|
97
|
-
checkboxValue: '',
|
|
98
|
-
checkboxName: name || '',
|
|
99
|
-
checkboxChecked: !_checked,
|
|
100
|
-
});
|
|
101
|
-
}
|
|
102
56
|
if (onChange) {
|
|
103
57
|
onChange({
|
|
104
58
|
checkboxId: id,
|
|
@@ -109,53 +63,10 @@ var Checkbox = function (_a) {
|
|
|
109
63
|
}
|
|
110
64
|
}
|
|
111
65
|
};
|
|
112
|
-
if (horizontalTile) {
|
|
113
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: function () { return handleClick(); } },
|
|
114
|
-
React.createElement(View, { style: { flexDirection: 'row' } },
|
|
115
|
-
React.createElement(View, { style: {
|
|
116
|
-
width: '10%',
|
|
117
|
-
height: 'auto',
|
|
118
|
-
justifyContent: 'center',
|
|
119
|
-
alignItems: 'center',
|
|
120
|
-
marginLeft: 10,
|
|
121
|
-
} }, iconTile && (React.createElement(View, null,
|
|
122
|
-
React.createElement(Icon, { size: IconSize.SMALL, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
|
|
123
|
-
React.createElement(View, { style: {
|
|
124
|
-
width: '78%',
|
|
125
|
-
flexDirection: 'row',
|
|
126
|
-
alignSelf: 'stretch',
|
|
127
|
-
flexWrap: 'wrap',
|
|
128
|
-
height: 'auto',
|
|
129
|
-
} },
|
|
130
|
-
React.createElement(View, null,
|
|
131
|
-
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { style: styles.label, level: TextLevels.TWO, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
|
|
132
|
-
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))),
|
|
133
|
-
React.createElement(View, { style: {
|
|
134
|
-
width: '12%',
|
|
135
|
-
alignItems: 'flex-end',
|
|
136
|
-
justifyContent: 'center',
|
|
137
|
-
paddingRight: 10,
|
|
138
|
-
} },
|
|
139
|
-
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 }))))));
|
|
140
|
-
}
|
|
141
|
-
if (tile) {
|
|
142
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: horizontalTile ? styles.horizontalTile : styles.tile, onPress: function () { return handleClick(); } },
|
|
143
|
-
React.createElement(TouchableOpacity, { style: [{ alignSelf: 'flex-end', marginTop: 10 }, styles.checkBox], disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
|
|
144
|
-
React.createElement(View, { style: { width: '70%' } },
|
|
145
|
-
iconTile && (React.createElement(View, { style: {
|
|
146
|
-
flexDirection: 'row',
|
|
147
|
-
alignItems: 'center',
|
|
148
|
-
justifyContent: 'center',
|
|
149
|
-
marginBottom: 5,
|
|
150
|
-
} },
|
|
151
|
-
React.createElement(Icon, { size: IconSize.MEDIUM, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN, name: iconTile }))),
|
|
152
|
-
label && typeof label.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.TWO, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED], style: styles.label }, String(label))),
|
|
153
|
-
description && typeof description.valueOf() === 'string' && (React.createElement(Text, { level: TextLevels.THREE, typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD, TypographyAlign.TEXT_CENTERED] }, String(description))))));
|
|
154
|
-
}
|
|
155
66
|
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(); } },
|
|
156
67
|
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 })),
|
|
157
68
|
label && typeof label.valueOf() === 'string' ? React.createElement(Text, { style: styles.label }, String(label)) : label));
|
|
158
69
|
};
|
|
159
70
|
Checkbox.displayName = ComponentName.Checkbox;
|
|
160
71
|
export default Checkbox;
|
|
161
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFFekQsT0FBTyxPQUFPLE1BQU0sU0FBUyxDQUFBO0FBQzdCLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBUUY7UUFQZCxVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUE7SUFFQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUFsRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQThCLENBQUE7SUFFekQsU0FBUyxDQUFDO1FBQ1IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUM5QixDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FB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
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CheckboxTilesProps } from './CheckboxTilesProps';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
5
|
-
* @param
|
|
4
|
+
* CheckboxTiles
|
|
5
|
+
* @param id
|
|
6
|
+
* @param align {Alignable}
|
|
7
|
+
* @param verticalAlign {Alignable}
|
|
6
8
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
7
9
|
* @param className {string} Additionnal CSS Classes
|
|
8
10
|
*/
|
|
@@ -6,8 +6,10 @@ import { useTrilogyContext } from '../../../context';
|
|
|
6
6
|
import { getAlignClassName } from '../../../objects';
|
|
7
7
|
import { is } from '../../../services';
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
10
|
-
* @param
|
|
9
|
+
* CheckboxTiles
|
|
10
|
+
* @param id
|
|
11
|
+
* @param align {Alignable}
|
|
12
|
+
* @param verticalAlign {Alignable}
|
|
11
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
14
|
* @param className {string} Additionnal CSS Classes
|
|
13
15
|
*/
|
|
@@ -33,4 +35,4 @@ var CheckboxTiles = function (_a) {
|
|
|
33
35
|
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('checkbox-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
|
|
34
36
|
};
|
|
35
37
|
export default CheckboxTiles;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvQ2hlY2tib3hUaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQU9GO0lBTm5CLElBQUEsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsYUFBYSxtQkFBQSxFQUNWLE1BQU0sY0FOWSx5REFPdEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQUksVUFBVSxHQUFHLElBQUksQ0FBQTtJQUNyQixJQUFJLEtBQUssRUFBRTtRQUNULFVBQVU7WUFDUixDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGVBQWUsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDdkUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsQ0FBQztnQkFDekUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxhQUFhLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxDQUFDO2dCQUNuRSxJQUFJLENBQUE7S0FDUDtJQUNELElBQUksa0JBQWtCLEdBQUcsSUFBSSxDQUFBO0lBQzdCLElBQUksYUFBYSxFQUFFO1FBQ2pCLGtCQUFrQjtZQUNoQixDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGVBQWUsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQzdFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGdCQUFnQixDQUFDLENBQUM7Z0JBQy9FLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDekUsSUFBSSxDQUFBO0tBQ1A7SUFFRCxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxLQUFLLElBQUksVUFBVSxFQUFFLGFBQWEsSUFBSSxrQkFBa0IsQ0FBQyxDQUM1RixJQUNHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxhQUFhLENBQUEifQ==
|