@trilogy-ds/react 0.0.1-beta.45 → 0.0.1-beta.46
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/link/Link.native.d.ts +2 -1
- package/lib/components/link/Link.native.js +28 -37
- package/lib/components/link/Link.native.js.map +1 -1
- package/lib/components/link/LinkProps.d.ts +2 -0
- package/lib/components/price/PriceProps.d.ts +1 -4
- package/lib/types/index.d.ts +3 -0
- package/lib/types/index.js +2 -0
- package/lib/types/index.js.map +1 -0
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ import { LinkProps } from "./LinkProps";
|
|
|
3
3
|
import { ComponentName } from "../enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Link Component
|
|
6
|
+
* @param plain {boolean} Link without underline
|
|
6
7
|
* @param to {string} Url to open
|
|
7
8
|
* @param title {string} Title attribute
|
|
8
9
|
* @param typo {TypographyAlign} Typos align link
|
|
@@ -15,7 +16,7 @@ import { ComponentName } from "../enumsComponentsName";
|
|
|
15
16
|
* @param iconName {IconName} Adding Icon Link
|
|
16
17
|
*/
|
|
17
18
|
declare const Link: {
|
|
18
|
-
({ children, to, title, typo, onClick, testId, accessibilityLabel, inline, level, iconName, inverted, ...others }: LinkProps): JSX.Element;
|
|
19
|
+
({ children, to, title, typo, onClick, testId, accessibilityLabel, inline, level, iconName, inverted, style, ...others }: LinkProps): JSX.Element;
|
|
19
20
|
displayName: ComponentName;
|
|
20
21
|
};
|
|
21
22
|
export default Link;
|
|
@@ -7,6 +7,7 @@ import { Spacer, SpacerSize } from "../spacer";
|
|
|
7
7
|
import { ComponentName } from "../enumsComponentsName";
|
|
8
8
|
/**
|
|
9
9
|
* Link Component
|
|
10
|
+
* @param plain {boolean} Link without underline
|
|
10
11
|
* @param to {string} Url to open
|
|
11
12
|
* @param title {string} Title attribute
|
|
12
13
|
* @param typo {TypographyAlign} Typos align link
|
|
@@ -18,8 +19,7 @@ import { ComponentName } from "../enumsComponentsName";
|
|
|
18
19
|
* @param level {TextLevels} if inline, size to match with Text
|
|
19
20
|
* @param iconName {IconName} Adding Icon Link
|
|
20
21
|
*/
|
|
21
|
-
const Link = ({ children, to, title, typo, onClick, testId, accessibilityLabel, inline, level, iconName, inverted, ...others }) => {
|
|
22
|
-
const [underlineWidth, setUnderlineWidth] = React.useState(0);
|
|
22
|
+
const Link = ({ children, to, title, typo, onClick, testId, accessibilityLabel, inline, level, iconName, inverted, style, ...others }) => {
|
|
23
23
|
const linkLevels = (level) => {
|
|
24
24
|
return ((level && level == "ONE" && 16) ||
|
|
25
25
|
(level && level == "TWO" && 14) ||
|
|
@@ -85,14 +85,18 @@ const Link = ({ children, to, title, typo, onClick, testId, accessibilityLabel,
|
|
|
85
85
|
color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
86
86
|
getColorStyle(TrilogyColor.MAIN),
|
|
87
87
|
fontSize: inline && level ? linkLevels(level) : 14,
|
|
88
|
-
lineHeight: inline && level ? linkLevels(level) * 1.5 : 14
|
|
88
|
+
lineHeight: inline && level ? linkLevels(level) * 1.5 : 14,
|
|
89
|
+
textDecorationStyle: "solid",
|
|
90
|
+
textDecorationLine: "underline",
|
|
89
91
|
},
|
|
90
92
|
androidLink: {
|
|
91
93
|
color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
92
94
|
getColorStyle(TrilogyColor.MAIN),
|
|
93
95
|
fontSize: inline && level ? linkLevels(level) : 14,
|
|
94
96
|
lineHeight: inline && level ? linkLevels(level) * 1.5 : 14,
|
|
95
|
-
height: inline && level ? getHeightLinkAndroid(level) : "auto"
|
|
97
|
+
height: inline && level ? getHeightLinkAndroid(level) : "auto",
|
|
98
|
+
textDecorationStyle: "solid",
|
|
99
|
+
textDecorationLine: "underline",
|
|
96
100
|
},
|
|
97
101
|
iconView: {
|
|
98
102
|
flexDirection: "row",
|
|
@@ -114,39 +118,26 @@ const Link = ({ children, to, title, typo, onClick, testId, accessibilityLabel,
|
|
|
114
118
|
: typeof children === "string"
|
|
115
119
|
? children
|
|
116
120
|
: "NotSpecified";
|
|
117
|
-
return (React.createElement(View, { style:
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
if (to) {
|
|
138
|
-
Linking.openURL(to || "");
|
|
139
|
-
}
|
|
140
|
-
if (onClick) {
|
|
141
|
-
onClick(e);
|
|
142
|
-
}
|
|
143
|
-
} }, children))),
|
|
144
|
-
React.createElement(View, { style: {
|
|
145
|
-
height: 2,
|
|
146
|
-
backgroundColor: getColorStyle(TrilogyColor.MAIN),
|
|
147
|
-
width: underlineWidth,
|
|
148
|
-
marginTop: 2,
|
|
149
|
-
} })));
|
|
121
|
+
return (React.createElement(View, { style: Platform.OS === "android"
|
|
122
|
+
? [styles.linkAlignement, styles.androidContainer]
|
|
123
|
+
: [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId }, children && typeof children.valueOf() === "string" ? (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: (e) => {
|
|
124
|
+
if (to) {
|
|
125
|
+
Linking.openURL(to || "");
|
|
126
|
+
}
|
|
127
|
+
if (onClick) {
|
|
128
|
+
onClick(e);
|
|
129
|
+
}
|
|
130
|
+
} }, iconName ? (React.createElement(View, { style: styles.iconView },
|
|
131
|
+
React.createElement(Text, { accessibilityLabel: title || "", style: [styles.link, style], ...others }, children),
|
|
132
|
+
React.createElement(Spacer, { size: SpacerSize.SMALLER, horizontal: true }),
|
|
133
|
+
React.createElement(Icon, { color: "TERTIARY", name: iconName, style: styles.icon, size: 'small' }))) : (React.createElement(Text, { accessibilityLabel: title || "", style: Platform.OS === "android" ? [styles.androidLink, style] : [styles.link, style], ...others }, children)))) : (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: (e) => {
|
|
134
|
+
if (to) {
|
|
135
|
+
Linking.openURL(to || "");
|
|
136
|
+
}
|
|
137
|
+
if (onClick) {
|
|
138
|
+
onClick(e);
|
|
139
|
+
}
|
|
140
|
+
} }, children))));
|
|
150
141
|
};
|
|
151
142
|
Link.displayName = ComponentName.Link;
|
|
152
143
|
export default Link;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.native.js","sourceRoot":"","sources":["../../../components/link/Link.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,GAAG,MAAM,cAAc,CAAA;AAE3F,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAExE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD
|
|
1
|
+
{"version":3,"file":"Link.native.js","sourceRoot":"","sources":["../../../components/link/Link.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { Accessibility, Clickable } from '../../objects/facets';
|
|
|
3
3
|
import { TypographyAlign, TypographyAlignValues } from '../../objects/Typography/TypographyAlign';
|
|
4
4
|
import { IconName, IconNameValues } from '../icon';
|
|
5
5
|
import { TextLevels } from '../text';
|
|
6
|
+
import { Styles } from "../../types";
|
|
6
7
|
/**
|
|
7
8
|
* Link Interface
|
|
8
9
|
*/
|
|
@@ -21,4 +22,5 @@ export interface LinkProps extends Accessibility, Clickable {
|
|
|
21
22
|
inverted?: boolean;
|
|
22
23
|
plain?: boolean;
|
|
23
24
|
blank?: boolean;
|
|
25
|
+
style?: Styles;
|
|
24
26
|
}
|
|
@@ -2,9 +2,7 @@
|
|
|
2
2
|
import { PriceLevel, PriceLevelValues } from "./PriceEnum";
|
|
3
3
|
import { Invertable } from "../../objects/facets/Invertable";
|
|
4
4
|
import { Accessibility, AlertProps, AlignableProps } from "../../objects";
|
|
5
|
-
|
|
6
|
-
[key: string]: any;
|
|
7
|
-
};
|
|
5
|
+
import { Styles } from "../../types";
|
|
8
6
|
/**
|
|
9
7
|
* Price Interface
|
|
10
8
|
*/
|
|
@@ -23,4 +21,3 @@ export interface PriceProps extends Invertable, Accessibility, AlignableProps, A
|
|
|
23
21
|
tagAmount?: number;
|
|
24
22
|
tagSymbol?: '€' | '%' | string;
|
|
25
23
|
}
|
|
26
|
-
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../types/index.ts"],"names":[],"mappings":""}
|