@trilogy-ds/react 4.0.6-beta-1 → 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/alert/Alert.js +9 -9
- 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/stepper/Stepper.native.js +3 -3
- 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
|
@@ -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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getColorStyle, TrilogyColor } from
|
|
1
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
2
2
|
/**
|
|
3
3
|
* Typo color
|
|
4
4
|
*/
|
|
@@ -19,46 +19,40 @@ export var TypographyColor;
|
|
|
19
19
|
* @param typo {String} TypographyColor
|
|
20
20
|
* @param inverted {Boolean} Inverted color if isset default : false
|
|
21
21
|
*/
|
|
22
|
-
export var setTypographyColor = function (typo, inverted) {
|
|
23
|
-
if (typo === void 0) { typo =
|
|
22
|
+
export var setTypographyColor = function (typo, inverted, loading) {
|
|
23
|
+
if (typo === void 0) { typo = ''; }
|
|
24
24
|
if (inverted === void 0) { inverted = false; }
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
getColorStyle(TrilogyColor.ACCENT)
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
getColorStyle(TrilogyColor.MAIN)) ||
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
getColorStyle(TrilogyColor.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
getColorStyle(TrilogyColor.
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WHITE)
|
|
58
|
-
? getColorStyle(TrilogyColor.BACKGROUND)
|
|
59
|
-
: typo === TypographyColor.TEXT_WHITE &&
|
|
60
|
-
getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
61
|
-
(inverted && !typo && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
62
|
-
getColorStyle(TrilogyColor.MAIN));
|
|
25
|
+
if (loading === void 0) { loading = false; }
|
|
26
|
+
return loading
|
|
27
|
+
? 'transparent'
|
|
28
|
+
: (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_DISABLED)
|
|
29
|
+
? getColorStyle(TrilogyColor.DISABLED)
|
|
30
|
+
: typo === TypographyColor.TEXT_DISABLED && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
31
|
+
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ACCENT)
|
|
32
|
+
? getColorStyle(TrilogyColor.ACCENT)
|
|
33
|
+
: typo === TypographyColor.TEXT_ACCENT && getColorStyle(TrilogyColor.ACCENT)) ||
|
|
34
|
+
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_MAIN)
|
|
35
|
+
? getColorStyle(TrilogyColor.MAIN)
|
|
36
|
+
: typo === TypographyColor.TEXT_MAIN && getColorStyle(TrilogyColor.MAIN)) ||
|
|
37
|
+
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_INFO)
|
|
38
|
+
? getColorStyle(TrilogyColor.INFO)
|
|
39
|
+
: typo === TypographyColor.TEXT_INFO && getColorStyle(TrilogyColor.INFO)) ||
|
|
40
|
+
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_SUCCESS)
|
|
41
|
+
? getColorStyle(TrilogyColor.SUCCESS)
|
|
42
|
+
: typo === TypographyColor.TEXT_SUCCESS && getColorStyle(TrilogyColor.SUCCESS)) ||
|
|
43
|
+
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WARNING)
|
|
44
|
+
? getColorStyle(TrilogyColor.WARNING)
|
|
45
|
+
: typo === TypographyColor.TEXT_WARNING && getColorStyle(TrilogyColor.WARNING)) ||
|
|
46
|
+
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ERROR)
|
|
47
|
+
? getColorStyle(TrilogyColor.ERROR)
|
|
48
|
+
: typo === TypographyColor.TEXT_ERROR && getColorStyle(TrilogyColor.ERROR)) ||
|
|
49
|
+
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_NEUTRAL)
|
|
50
|
+
? getColorStyle(TrilogyColor.NEUTRAL)
|
|
51
|
+
: typo === TypographyColor.TEXT_NEUTRAL && getColorStyle(TrilogyColor.NEUTRAL)) ||
|
|
52
|
+
(Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WHITE)
|
|
53
|
+
? getColorStyle(TrilogyColor.BACKGROUND)
|
|
54
|
+
: typo === TypographyColor.TEXT_WHITE && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
55
|
+
(inverted && !typo && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
56
|
+
getColorStyle(TrilogyColor.MAIN);
|
|
63
57
|
};
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeUNvbG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHlDb2xvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXBFOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksZUFVWDtBQVZELFdBQVksZUFBZTtJQUN6Qiw4Q0FBMkIsQ0FBQTtJQUMzQixrREFBK0IsQ0FBQTtJQUMvQiw4Q0FBMkIsQ0FBQTtJQUMzQixvREFBaUMsQ0FBQTtJQUNqQyxvREFBaUMsQ0FBQTtJQUNqQyxnREFBNkIsQ0FBQTtJQUM3QixpREFBOEIsQ0FBQTtJQUM5QixnREFBNkIsQ0FBQTtJQUM3QixzREFBbUMsQ0FBQTtBQUNyQyxDQUFDLEVBVlcsZUFBZSxLQUFmLGVBQWUsUUFVMUI7QUFPRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxJQUFpQyxFQUFFLFFBQWdCLEVBQUUsT0FBZTtJQUFwRSxxQkFBQSxFQUFBLFNBQWlDO0lBQUUseUJBQUEsRUFBQSxnQkFBZ0I7SUFBRSx3QkFBQSxFQUFBLGVBQWU7SUFDckcsT0FBTyxPQUFPO1FBQ1osQ0FBQyxDQUFDLGFBQWE7UUFDZixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQztZQUNsRSxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUM7WUFDdEMsQ0FBQyxDQUFDLElBQUksS0FBSyxlQUFlLENBQUMsYUFBYSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDakYsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FB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
|
|
@@ -37,7 +37,7 @@ export declare const getColorClassName: (trilogyColor: TrilogyColor | TrilogyCol
|
|
|
37
37
|
* @returns {string} - Variant Button value
|
|
38
38
|
*/
|
|
39
39
|
export declare const getButtonVariantClassName: (trilogyColor?: string) => string;
|
|
40
|
-
export declare const getButtonColorStyle: (buttonVariant?: string) =>
|
|
40
|
+
export declare const getButtonColorStyle: (buttonVariant?: string) => TrilogyColor;
|
|
41
41
|
/**
|
|
42
42
|
* Returns color's style depending on Trilogy Color
|
|
43
43
|
* @param trilogyColor {string} - Trilogy Color
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.0.6
|
|
1
|
+
export declare const version = "4.0.6";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.0.6
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.0.6";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQSJ9
|