@trilogy-ds/react 4.0.6-beta-2 → 4.0.6
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.native.js +21 -21
- package/lib/components/breadcrumb/Breadcrumb.js +6 -6
- package/lib/components/button/Button.native.js +37 -48
- package/lib/components/checkbox/Checkbox.d.ts +3 -2
- package/lib/components/checkbox/Checkbox.js +15 -5
- package/lib/components/checkbox/CheckboxCommonPropsDefaults.js +68 -0
- package/lib/components/checkbox/CheckboxProps.d.ts +12 -2
- package/lib/components/checkbox/CheckboxWithChildrenDefaults.js +86 -0
- package/lib/components/checkbox/{CheckboxPropsDefaults.js → CheckboxWithLabelDefaults.js} +8 -7
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +0 -59
- package/lib/components/columns/column/Column.native.js +8 -3
- package/lib/components/hero/Hero.native.js +8 -5
- package/lib/components/hero/HeroProps.d.ts +2 -0
- package/lib/components/hero/HeroPropsDefaults.js +10 -0
- package/lib/components/image/Image.js +6 -6
- package/lib/components/image/Image.native.d.ts +2 -2
- package/lib/components/image/Image.native.js +10 -10
- package/lib/components/price/Price.js +8 -8
- package/lib/components/text/Text.native.d.ts +1 -1
- package/lib/components/text/Text.native.js +7 -7
- package/lib/components/title/Title.native.d.ts +2 -2
- package/lib/components/title/Title.native.js +28 -36
- package/lib/objects/Typography/TypographyColor.d.ts +1 -1
- package/lib/objects/Typography/TypographyColor.js +36 -42
- package/lib/objects/facets/Color.d.ts +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -73,65 +73,6 @@ export default {
|
|
|
73
73
|
"ReactPortal"
|
|
74
74
|
]
|
|
75
75
|
},
|
|
76
|
-
"checked": {
|
|
77
|
-
"type": "boolean",
|
|
78
|
-
"values": [
|
|
79
|
-
"undefined",
|
|
80
|
-
"false",
|
|
81
|
-
"true"
|
|
82
|
-
]
|
|
83
|
-
},
|
|
84
|
-
"disabled": {
|
|
85
|
-
"type": "boolean",
|
|
86
|
-
"values": [
|
|
87
|
-
"undefined",
|
|
88
|
-
"false",
|
|
89
|
-
"true"
|
|
90
|
-
]
|
|
91
|
-
},
|
|
92
|
-
"readonly": {
|
|
93
|
-
"type": "boolean",
|
|
94
|
-
"values": [
|
|
95
|
-
"undefined",
|
|
96
|
-
"false",
|
|
97
|
-
"true"
|
|
98
|
-
]
|
|
99
|
-
},
|
|
100
|
-
"label": {
|
|
101
|
-
"type": "string",
|
|
102
|
-
"values": [
|
|
103
|
-
"undefined",
|
|
104
|
-
"string"
|
|
105
|
-
]
|
|
106
|
-
},
|
|
107
|
-
"onChange": {
|
|
108
|
-
"type": "function",
|
|
109
|
-
"values": [
|
|
110
|
-
"undefined",
|
|
111
|
-
"CheckboxChangeEventHandler"
|
|
112
|
-
]
|
|
113
|
-
},
|
|
114
|
-
"name": {
|
|
115
|
-
"type": "string",
|
|
116
|
-
"values": [
|
|
117
|
-
"undefined",
|
|
118
|
-
"string"
|
|
119
|
-
]
|
|
120
|
-
},
|
|
121
|
-
"value": {
|
|
122
|
-
"type": "string",
|
|
123
|
-
"values": [
|
|
124
|
-
"undefined",
|
|
125
|
-
"string"
|
|
126
|
-
]
|
|
127
|
-
},
|
|
128
|
-
"accessibilityLabel": {
|
|
129
|
-
"type": "string",
|
|
130
|
-
"values": [
|
|
131
|
-
"undefined",
|
|
132
|
-
"string"
|
|
133
|
-
]
|
|
134
|
-
},
|
|
135
76
|
"id": {
|
|
136
77
|
"type": "string",
|
|
137
78
|
"values": [
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { ColumnsContext } from '../../../components/columns/context';
|
|
3
3
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
|
+
import { getAlignStyle } from '../../../objects';
|
|
4
5
|
import React from 'react';
|
|
5
6
|
import { View } from 'react-native';
|
|
6
7
|
/**
|
|
@@ -8,7 +9,7 @@ import { View } from 'react-native';
|
|
|
8
9
|
* @param children {React.ReactNode}
|
|
9
10
|
*/
|
|
10
11
|
var Column = React.forwardRef(function (_a, ref) {
|
|
11
|
-
var children = _a.children, narrow = _a.narrow, size = _a.size, others = __rest(_a, ["children", "narrow", "size"]);
|
|
12
|
+
var children = _a.children, narrow = _a.narrow, size = _a.size, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "narrow", "size", "verticalAlign"]);
|
|
12
13
|
var _b = React.useContext(ColumnsContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrensLength = _b.childrensLength;
|
|
13
14
|
var scrollableStyle = React.useMemo(function () { return ({
|
|
14
15
|
width: size
|
|
@@ -23,8 +24,12 @@ var Column = React.forwardRef(function (_a, ref) {
|
|
|
23
24
|
flexShrink: narrow ? 1 : 0,
|
|
24
25
|
flexBasis: size ? (size / 12) * width - realGap * ((childrensLength - 1) / childrensLength) : 'auto',
|
|
25
26
|
}); }, [size, narrow, width, realGap, childrensLength]);
|
|
26
|
-
return (React.createElement(View, __assign({ ref: ref, style: [
|
|
27
|
+
return (React.createElement(View, __assign({ ref: ref, style: [
|
|
28
|
+
scrollable && scrollableStyle,
|
|
29
|
+
!scrollable && noScrollableStyle,
|
|
30
|
+
{ justifyContent: getAlignStyle(verticalAlign) },
|
|
31
|
+
] }, others), children));
|
|
27
32
|
});
|
|
28
33
|
Column.displayName = ComponentName.Column;
|
|
29
34
|
export default Column;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN6QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUU5Qzs7O0dBR0c7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixVQUFDLEVBQWlFLEVBQUUsR0FBb0I7SUFBckYsSUFBQSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUssTUFBTSxjQUFsRCwrQ0FBb0QsQ0FBRjtJQUMzQyxJQUFBLEtBQWtELEtBQUssQ0FBQyxVQUFVLENBQUMsY0FBYyxDQUFDLEVBQWhGLEtBQUssV0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxlQUFlLHFCQUFxQyxDQUFBO0lBRXhGLElBQU0sZUFBZSxHQUFjLEtBQUssQ0FBQyxPQUFPLENBQzlDLGNBQU0sT0FBQSxDQUFDO1FBQ0wsS0FBSyxFQUFFLElBQUk7WUFDVCxDQUFDLENBQUMsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsS0FBSyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsZUFBZSxHQUFHLENBQUMsQ0FBQyxHQUFHLGVBQWUsQ0FBQztZQUMzRSxDQUFDLENBQUMsTUFBTTtnQkFDUixDQUFDLENBQUMsTUFBTTtnQkFDUixDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxPQUFPO0tBQ3hCLENBQUMsRUFOSSxDQU1KLEVBQ0YsQ0FBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQ2hELENBQUE7SUFFRCxJQUFNLGlCQUFpQixHQUFjLEtBQUssQ0FBQyxPQUFPLENBQ2hELGNBQU0sT0FBQSxDQUFDO1FBQ0wsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BCLFFBQVEsRUFBRSxJQUFJLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFCLFNBQVMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsR0FBRyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTTtLQUNyRyxDQUFDLEVBTEksQ0FLSixFQUNGLENBQUMsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLGVBQWUsQ0FBQyxDQUNoRCxDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFDSCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRTtZQUNMLFVBQVUsSUFBSSxlQUFlO1lBQzdCLENBQUMsVUFBVSxJQUFJLGlCQUFpQjtZQUNoQyxFQUFFLGNBQWMsRUFBRSxhQUFhLENBQUMsYUFBYSxDQUFDLEVBQUU7U0FDakQsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBRXpDLGVBQWUsTUFBTSxDQUFBIn0=
|
|
@@ -17,27 +17,30 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
|
17
17
|
* @param backgroundHeight {BackgroundHeight} Background heigth
|
|
18
18
|
*/
|
|
19
19
|
var Hero = React.forwardRef(function (_a, ref) {
|
|
20
|
-
var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, inverted = _a.inverted, backgroundColor = _a.backgroundColor, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "inverted", "backgroundColor"]);
|
|
20
|
+
var children = _a.children, backgroundSrc = _a.backgroundSrc, onClick = _a.onClick, overlap = _a.overlap, inverted = _a.inverted, backgroundColor = _a.backgroundColor, backgroundHeight = _a.backgroundHeight, others = __rest(_a, ["children", "backgroundSrc", "onClick", "overlap", "inverted", "backgroundColor", "backgroundHeight"]);
|
|
21
21
|
var _b = __read(useState(0), 2), overlapHeight = _b[0], setOverlapHeight = _b[1];
|
|
22
22
|
var _c = __read(useState(0), 2), secondOverlapHeight = _c[0], setSecondOverlapHeight = _c[1];
|
|
23
23
|
var isSecondOverlap = overlap && Array.isArray(overlap) ? (overlap === null || overlap === void 0 ? void 0 : overlap.length) > 1 : false;
|
|
24
24
|
var isSecondOverlapNotEmpty = isSecondOverlap && secondOverlapHeight > 0;
|
|
25
|
+
var overlapMargin = backgroundHeight ? overlapHeight - backgroundHeight / 2 : overlapHeight - 60;
|
|
26
|
+
var marginBottomOverlap = isSecondOverlapNotEmpty ? 70 : 60;
|
|
25
27
|
var styles = StyleSheet.create({
|
|
26
28
|
hero: {
|
|
27
29
|
width: '100%',
|
|
28
30
|
minHeight: 150,
|
|
29
31
|
maxHeight: 350,
|
|
30
|
-
height: 'auto',
|
|
32
|
+
height: backgroundHeight ? backgroundHeight : 'auto',
|
|
31
33
|
},
|
|
32
34
|
content: {
|
|
33
35
|
paddingLeft: 15,
|
|
36
|
+
marginBottom: overlap ? marginBottomOverlap : 0,
|
|
34
37
|
},
|
|
35
38
|
background: {
|
|
36
39
|
backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : getColorStyle(TrilogyColor.BACKGROUND),
|
|
37
40
|
},
|
|
38
41
|
overlap: {
|
|
39
42
|
position: 'absolute',
|
|
40
|
-
top: isSecondOverlapNotEmpty ? -40 : -60,
|
|
43
|
+
top: isSecondOverlapNotEmpty ? -40 : backgroundHeight ? backgroundHeight * (-1 / 2) : -60,
|
|
41
44
|
},
|
|
42
45
|
secondOverlap: {
|
|
43
46
|
position: 'absolute',
|
|
@@ -46,7 +49,7 @@ var Hero = React.forwardRef(function (_a, ref) {
|
|
|
46
49
|
width: '100%',
|
|
47
50
|
},
|
|
48
51
|
subOverlap: {
|
|
49
|
-
height: isSecondOverlapNotEmpty ? overlapHeight - 40 :
|
|
52
|
+
height: isSecondOverlapNotEmpty ? overlapHeight - 40 : overlapMargin,
|
|
50
53
|
},
|
|
51
54
|
});
|
|
52
55
|
var heroView;
|
|
@@ -88,4 +91,4 @@ var Hero = React.forwardRef(function (_a, ref) {
|
|
|
88
91
|
});
|
|
89
92
|
Hero.displayName = ComponentName.Hero;
|
|
90
93
|
export default Hero;
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbEYsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3RDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRTs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQUFnSCxFQUNoSCxHQUFvQjtJQURsQixJQUFBLFFBQVEsY0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUssTUFBTSxjQUFuRyxzR0FBcUcsQ0FBRjtJQUc3RixJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXRELGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUF1QixDQUFBO0lBQ3ZELElBQUEsS0FBQSxPQUFnRCxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBbEUsbUJBQW1CLFFBQUEsRUFBRSxzQkFBc0IsUUFBdUIsQ0FBQTtJQUV6RSxJQUFNLGVBQWUsR0FBRyxPQUFPLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMs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
|
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
import { BackgroundProps } from '../../objects/atoms/Background';
|
|
3
3
|
import { Clickable } from '../../objects/facets';
|
|
4
4
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
5
|
+
import { BackgroundHeight } from './heroEnum';
|
|
5
6
|
/**
|
|
6
7
|
* Hero Interface
|
|
7
8
|
*/
|
|
8
9
|
export interface HeroProps extends Clickable, BackgroundProps, CommonProps {
|
|
9
10
|
children?: React.ReactNode;
|
|
10
11
|
overlap?: React.ReactNode[] | boolean;
|
|
12
|
+
backgroundHeight?: BackgroundHeight;
|
|
11
13
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { has, is } from '../../services';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import { hashClass } from '../../helpers';
|
|
6
2
|
import { useTrilogyContext } from '../../context';
|
|
3
|
+
import { hashClass } from '../../helpers';
|
|
7
4
|
import { getJustifiedClassName } from '../../objects';
|
|
5
|
+
import { has, is } from '../../services';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import * as React from 'react';
|
|
8
8
|
/**
|
|
9
9
|
* Image Component
|
|
10
10
|
* @param src {string} Image source
|
|
@@ -17,7 +17,7 @@ import { getJustifiedClassName } from '../../objects';
|
|
|
17
17
|
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
18
18
|
*/
|
|
19
19
|
var Image = function (_a) {
|
|
20
|
-
var src = _a.src,
|
|
20
|
+
var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, className = _a.className, id = _a.id, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, radius = _a.radius, align = _a.align, others = __rest(_a, ["src", "alt", "className", "id", "circled", "width", "height", "onClick", "radius", "align"]);
|
|
21
21
|
var styled = useTrilogyContext().styled;
|
|
22
22
|
var classes = hashClass(styled, clsx('image', className, align && is(getJustifiedClassName(align))));
|
|
23
23
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -34,4 +34,4 @@ var Image = function (_a) {
|
|
|
34
34
|
React.createElement("img", { style: styles.image, className: hashClass(styled, clsx(radius && has("border-radius-".concat(radius)), circled ? is('circled') : '')), src: typeof src === 'string' ? src : '', alt: alt })));
|
|
35
35
|
};
|
|
36
36
|
export default Image;
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVlGO0lBWFgsSUFBQSxHQUFHLFNBQUEsRUFDSCxXQUFRLEVBQVIsR0FBRyxtQkFBRyxFQUFFLEtBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDRixNQUFNLGNBWEksNkZBWWQsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUV0Ryw4REFBOEQ7SUFDOUQsSUFBTSxNQUFNLEdBQThCO1FBQ3hDLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxLQUFLO1lBQ1osTUFBTSxFQUFFLE1BQU07U0FDZjtLQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wseUNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07UUFFViw2QkFDRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsd0JBQWlCLE1BQU0sQ0FBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQzFHLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUN2QyxHQUFHLEVBQUUsR0FBRyxHQUNSLENBQ0ssQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { ImageProps } from './ImageProps';
|
|
4
4
|
/**
|
|
5
5
|
* Image Component
|
|
6
6
|
* @param src {string} Image source
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Image as ImageNative, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
5
5
|
/**
|
|
6
6
|
* Image Component
|
|
7
7
|
* @param src {string} Image source
|
|
@@ -12,20 +12,20 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
12
12
|
* @param onClick {Function} onClick Event
|
|
13
13
|
*/
|
|
14
14
|
var Image = function (_a) {
|
|
15
|
-
var src = _a.src,
|
|
15
|
+
var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "circled", "width", "height", "onClick"]);
|
|
16
16
|
var styles = StyleSheet.create({
|
|
17
17
|
image: {
|
|
18
|
-
width: width ? width :
|
|
19
|
-
height: height ? height :
|
|
18
|
+
width: width ? width : '100%',
|
|
19
|
+
height: height ? height : '100%',
|
|
20
20
|
borderRadius: circled ? 100 : 0,
|
|
21
|
-
overflow: circled ?
|
|
22
|
-
resizeMode:
|
|
21
|
+
overflow: circled ? 'hidden' : 'visible',
|
|
22
|
+
resizeMode: 'contain',
|
|
23
23
|
},
|
|
24
24
|
});
|
|
25
|
-
var image = (React.createElement(ImageNative, __assign({ style: styles.image, accessibilityLabel: alt, source: typeof src ===
|
|
25
|
+
var image = (React.createElement(ImageNative, __assign({ style: styles.image, accessibilityLabel: alt, source: typeof src === 'number' ? src : { uri: src } }, others, { alt: alt })));
|
|
26
26
|
return onClick ? (React.createElement(View, null,
|
|
27
27
|
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image))) : (image);
|
|
28
28
|
};
|
|
29
29
|
Image.displayName = ComponentName.Image;
|
|
30
30
|
export default Image;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9pbWFnZS9JbWFnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLEtBQUssSUFBSSxXQUFXLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd2Rjs7Ozs7Ozs7R0FRRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBeUU7SUFBdkUsSUFBQSxHQUFHLFNBQUEsRUFBRSxXQUFRLEVBQVIsR0FBRyxtQkFBRyxFQUFFLEtBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTNELHVEQUE2RCxDQUFGO0lBQ3hFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQzdCLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUNoQyxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0IsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ3hDLFVBQVUsRUFBRSxTQUFTO1NBQ3RCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxLQUFLLEdBQUcsQ0FDWixvQkFBQyxXQUFXLGFBQ1YsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLGtCQUFrQixFQUFFLEdBQUcsRUFDdkIsTUFBTSxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFDaEQsTUFBTSxJQUNWLEdBQUcsRUFBRSxHQUFHLElBQ1IsQ0FDSCxDQUFBO0lBRUQsT0FBTyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ2Ysb0JBQUMsSUFBSTtRQUNILG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLElBQUksSUFDcEQsS0FBSyxDQUNXLENBQ2QsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGLEtBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBRXZDLGVBQWUsS0FBSyxDQUFBIn0=
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { useTrilogyContext } from '../../context';
|
|
3
|
+
import { hashClass } from '../../helpers';
|
|
4
|
+
import { Alignable } from '../../objects';
|
|
4
5
|
import { has, is } from '../../services/classify';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import * as React from 'react';
|
|
5
8
|
import { Text, TextMarkup } from '../text';
|
|
6
|
-
import { Alignable } from '../../objects';
|
|
7
9
|
import { checkCents } from './PriceHelpers';
|
|
8
|
-
import { hashClass } from '../../helpers';
|
|
9
|
-
import { useTrilogyContext } from '../../context';
|
|
10
10
|
/**
|
|
11
11
|
* Price Component
|
|
12
12
|
* @param amount {number} Amount for Price
|
|
@@ -34,7 +34,7 @@ var Price = function (_a) {
|
|
|
34
34
|
var amountComponent = null;
|
|
35
35
|
var oldAmountComponent = null;
|
|
36
36
|
var tagAmountComponent = null;
|
|
37
|
-
if (oldAmount) {
|
|
37
|
+
if (oldAmount !== undefined) {
|
|
38
38
|
var isNegativeStrike = oldAmount && oldAmount < 0;
|
|
39
39
|
var absoluteAmountStrike = oldAmount && Math.abs(oldAmount);
|
|
40
40
|
var absoluteWholeStrike = absoluteAmountStrike && Math.floor(absoluteAmountStrike);
|
|
@@ -54,7 +54,7 @@ var Price = function (_a) {
|
|
|
54
54
|
"/",
|
|
55
55
|
period))));
|
|
56
56
|
}
|
|
57
|
-
if (amount) {
|
|
57
|
+
if (amount !== undefined) {
|
|
58
58
|
var isNegative = amount < 0;
|
|
59
59
|
var absoluteAmount = Math.abs(amount);
|
|
60
60
|
var absoluteWhole = Math.floor(absoluteAmount);
|
|
@@ -85,4 +85,4 @@ var Price = function (_a) {
|
|
|
85
85
|
accessibilityLabel && React.createElement("p", { className: 'sr-only' }, accessibilityLabel)));
|
|
86
86
|
};
|
|
87
87
|
export default Price;
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ByaWNlL1ByaWNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFHM0M7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQWNGOztJQWJYLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04saUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQ2pCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLGtCQUFrQix3QkFBQSxFQUNsQixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBYkksNElBY2QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFFB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
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { StatesContext } from '../../context/providerStates';
|
|
4
4
|
import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography';
|
|
5
5
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
|
-
import {
|
|
6
|
+
import React, { useContext } from 'react';
|
|
7
7
|
import ContentLoader, { Rect } from 'react-content-loader/native';
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
8
|
+
import { Platform, StyleSheet, Text as TextNative, View } from 'react-native';
|
|
9
|
+
import { TextLevels } from './TextEnum';
|
|
10
10
|
/**
|
|
11
11
|
* Text Native Component
|
|
12
12
|
* @param children {string} Text child
|
|
@@ -33,7 +33,7 @@ var Text = function (_a) {
|
|
|
33
33
|
text: {
|
|
34
34
|
fontFamily: getTypographyBoldStyle(typo),
|
|
35
35
|
fontSize: textLevels(level),
|
|
36
|
-
color:
|
|
36
|
+
color: setTypographyColor(typo, inverted || statesContext.inverted, skeleton),
|
|
37
37
|
textAlign: setTypographyAlign(typo),
|
|
38
38
|
lineHeight: textLevels(level) * 1.2,
|
|
39
39
|
textDecorationLine: 'none',
|
|
@@ -74,4 +74,4 @@ var Text = function (_a) {
|
|
|
74
74
|
};
|
|
75
75
|
Text.displayName = ComponentName.Text;
|
|
76
76
|
export default Text;
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JHLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxhQUFhLEVBQUUsRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUM3RSxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLFlBQVksQ0FBQTtBQUd4RDs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFVRjtJQVRWLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLHFCQUFpQixFQUFqQixhQUFhLG1CQUFHLENBQUMsS0FBQSxFQUNkLE1BQU0sY0FURyxxR0FVYixDQURVO0lBRVQsSUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQy9DLElBQU0sVUFBVSxHQUFHLFVBQUMsS0FBbUM7UUFDckQsT0FBTyxDQUNMLENBQUMsS0FBSyxJ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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { TitleProps } from './TitleProps';
|
|
4
4
|
/**
|
|
5
5
|
* Title component
|
|
6
6
|
* @param children {ReactNode} Title child
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import { TitleLevels } from
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { StatesContext } from '../../context/providerStates';
|
|
4
|
+
import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor, TypographyBold } from '../../objects';
|
|
5
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import { useContext } from 'react';
|
|
8
|
+
import ContentLoader, { Rect } from 'react-content-loader/native';
|
|
9
|
+
import { Platform, StyleSheet, Text as TextNative, TouchableOpacity, View } from 'react-native';
|
|
10
|
+
import { TitleLevels } from './TitleEnum';
|
|
11
11
|
/**
|
|
12
12
|
* Title component
|
|
13
13
|
* @param children {ReactNode} Title child
|
|
@@ -25,6 +25,11 @@ import { TitleLevels } from "./TitleEnum";
|
|
|
25
25
|
var Title = function (_a) {
|
|
26
26
|
var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, onClick = _a.onClick, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "onClick", "skeleton", "accessibilityLabel", "subtitle", "overline"]);
|
|
27
27
|
var statesContext = useContext(StatesContext);
|
|
28
|
+
var color = setTypographyColor(typo, inverted || statesContext.inverted, skeleton);
|
|
29
|
+
var colorOverline = getColorStyle(TrilogyColor.MAIN);
|
|
30
|
+
var fontFamily = level && [TitleLevels.ONE, TitleLevels.TWO].includes(level)
|
|
31
|
+
? TypographyBold.TEXT_WEIGHT_BOLD
|
|
32
|
+
: TypographyBold.TEXT_WEIGHT_SEMIBOLD;
|
|
28
33
|
var titlesLevels = function () {
|
|
29
34
|
switch (level) {
|
|
30
35
|
case TitleLevels.ONE:
|
|
@@ -45,33 +50,23 @@ var Title = function (_a) {
|
|
|
45
50
|
};
|
|
46
51
|
var getAlignSelf = function () {
|
|
47
52
|
switch (true) {
|
|
48
|
-
case setTypographyAlign(typo) ===
|
|
49
|
-
return
|
|
50
|
-
case setTypographyAlign(typo) ===
|
|
51
|
-
return
|
|
52
|
-
case setTypographyAlign(typo) ===
|
|
53
|
-
return
|
|
53
|
+
case setTypographyAlign(typo) === 'left':
|
|
54
|
+
return 'flex-start';
|
|
55
|
+
case setTypographyAlign(typo) === 'center':
|
|
56
|
+
return 'center';
|
|
57
|
+
case setTypographyAlign(typo) === 'right':
|
|
58
|
+
return 'flex-end';
|
|
54
59
|
default:
|
|
55
|
-
return
|
|
60
|
+
return 'flex-start';
|
|
56
61
|
}
|
|
57
62
|
};
|
|
58
|
-
var getFontFamily = function () {
|
|
59
|
-
if (level && [TitleLevels.ONE, TitleLevels.TWO].includes(level))
|
|
60
|
-
return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_BOLD);
|
|
61
|
-
return getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD);
|
|
62
|
-
};
|
|
63
63
|
var styles = StyleSheet.create({
|
|
64
64
|
text: {
|
|
65
|
-
fontFamily:
|
|
65
|
+
fontFamily: getTypographyBoldStyle(fontFamily),
|
|
66
66
|
fontSize: titlesLevels(),
|
|
67
|
-
color: ((overline || subtitle) &&
|
|
68
|
-
!level &&
|
|
69
|
-
getColorStyle(TrilogyColor.MAIN)) ||
|
|
70
|
-
(!skeleton &&
|
|
71
|
-
setTypographyColor(typo, inverted || statesContext.inverted)) ||
|
|
72
|
-
"transparent",
|
|
67
|
+
color: ((overline || subtitle) && !level && colorOverline) || color,
|
|
73
68
|
textAlign: setTypographyAlign(typo),
|
|
74
|
-
textTransform: overline && !level ?
|
|
69
|
+
textTransform: overline && !level ? 'uppercase' : undefined,
|
|
75
70
|
alignSelf: getAlignSelf(),
|
|
76
71
|
},
|
|
77
72
|
skeleton: {
|
|
@@ -80,27 +75,24 @@ var Title = function (_a) {
|
|
|
80
75
|
borderRadius: 5,
|
|
81
76
|
borderWidth: 0.1,
|
|
82
77
|
borderColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
83
|
-
overflow:
|
|
78
|
+
overflow: 'hidden',
|
|
84
79
|
height: titlesLevels(),
|
|
85
80
|
},
|
|
86
81
|
});
|
|
87
|
-
var titleTestId = typeof children === "string"
|
|
88
|
-
? children
|
|
89
|
-
: "NotSpecified";
|
|
90
82
|
var titleAccessibilityLabel = accessibilityLabel
|
|
91
83
|
? accessibilityLabel
|
|
92
|
-
: typeof children ===
|
|
84
|
+
: typeof children === 'string'
|
|
93
85
|
? children
|
|
94
86
|
: undefined;
|
|
95
87
|
var titleView = (React.createElement(TextNative, __assign({ maxFontSizeMultiplier: 1.3, accessible: !!titleAccessibilityLabel, accessibilityLabel: titleAccessibilityLabel, style: [styles.text, style] }, others), children));
|
|
96
88
|
if (skeleton) {
|
|
97
89
|
titleView = (React.createElement(ContentLoader, { style: styles.skeleton },
|
|
98
90
|
titleView,
|
|
99
|
-
Platform.OS ===
|
|
91
|
+
Platform.OS === 'android' && (React.createElement(View, null,
|
|
100
92
|
React.createElement(Rect, { rx: '15', ry: '15', width: '100%', height: '100%' })))));
|
|
101
93
|
}
|
|
102
94
|
return onClick ? (React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView)) : (titleView);
|
|
103
95
|
};
|
|
104
96
|
Title.displayName = ComponentName.Title;
|
|
105
97
|
export default Title;
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aXRsZS9UaXRsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUcsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xDLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxJQUFJLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUd6Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVlGO0lBWFgsSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhJLHVIQVlkLENBRFU7SUFFVCxJQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFD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
|
|
@@ -21,4 +21,4 @@ export type TypographyColorValues = `${TypographyColor}`;
|
|
|
21
21
|
* @param typo {String} TypographyColor
|
|
22
22
|
* @param inverted {Boolean} Inverted color if isset default : false
|
|
23
23
|
*/
|
|
24
|
-
export declare const setTypographyColor: (typo?: Array<string> | string, inverted?: boolean) => string;
|
|
24
|
+
export declare const setTypographyColor: (typo?: Array<string> | string, inverted?: boolean, loading?: boolean) => string;
|