@trilogy-ds/react 4.2.2-beta-3 → 4.2.2-beta-4
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.
|
@@ -4,14 +4,6 @@ import { CardContentProps } from './CardContentProps';
|
|
|
4
4
|
/**
|
|
5
5
|
* Card Content Component
|
|
6
6
|
* @param children {ReactNode} Card Content Children
|
|
7
|
-
* @param titleSup {string} Add a sup title
|
|
8
|
-
* @param title {string} Add a title
|
|
9
|
-
* @param buttonText {string} if textButton, it will add a Button with content text
|
|
10
|
-
* @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
|
|
11
|
-
* @param buttonClick {Function} Click event for Button
|
|
12
|
-
* @param text {string} Content text of Card
|
|
13
|
-
* @param onClick {Function} onClick Event for all content
|
|
14
|
-
* @param others
|
|
15
7
|
*/
|
|
16
8
|
declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<View>>;
|
|
17
9
|
export default CardContent;
|
|
@@ -1,72 +1,24 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { Button } from '../../../components/button';
|
|
3
2
|
import { CardContext } from '../../../components/card/Card.native';
|
|
4
3
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
5
|
-
import { Title, TitleLevels } from '../../../components/title';
|
|
6
|
-
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
7
4
|
import React, { useContext } from 'react';
|
|
8
|
-
import { StyleSheet,
|
|
5
|
+
import { StyleSheet, View } from 'react-native';
|
|
9
6
|
/**
|
|
10
7
|
* Card Content Component
|
|
11
8
|
* @param children {ReactNode} Card Content Children
|
|
12
|
-
* @param titleSup {string} Add a sup title
|
|
13
|
-
* @param title {string} Add a title
|
|
14
|
-
* @param buttonText {string} if textButton, it will add a Button with content text
|
|
15
|
-
* @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
|
|
16
|
-
* @param buttonClick {Function} Click event for Button
|
|
17
|
-
* @param text {string} Content text of Card
|
|
18
|
-
* @param onClick {Function} onClick Event for all content
|
|
19
|
-
* @param others
|
|
20
9
|
*/
|
|
21
10
|
var CardContent = React.forwardRef(function (_a, ref) {
|
|
22
11
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
23
12
|
var cardContextValues = useContext(CardContext);
|
|
24
|
-
var titleSup = 'titleSup';
|
|
25
|
-
var title = 'title';
|
|
26
|
-
var buttonText = 'buttonText';
|
|
27
|
-
var buttonVariant = 'CONVERSION';
|
|
28
|
-
var buttonClick = function () { return null; };
|
|
29
|
-
var text = 'text';
|
|
30
|
-
var onClick = function () { return null; };
|
|
31
13
|
var styles = StyleSheet.create({
|
|
32
14
|
card: {
|
|
33
|
-
|
|
34
|
-
paddingLeft: 16,
|
|
35
|
-
paddingRight: 16,
|
|
36
|
-
paddingBottom: 16,
|
|
15
|
+
padding: 16,
|
|
37
16
|
minHeight: 10,
|
|
38
17
|
flex: cardContextValues.horizontal ? 1 : 0,
|
|
39
18
|
},
|
|
40
|
-
view: {
|
|
41
|
-
width: '100%',
|
|
42
|
-
},
|
|
43
|
-
text: {
|
|
44
|
-
color: getColorStyle(TrilogyColor.MAIN),
|
|
45
|
-
fontSize: 12,
|
|
46
|
-
},
|
|
47
|
-
padding: {
|
|
48
|
-
marginBottom: 16,
|
|
49
|
-
},
|
|
50
19
|
});
|
|
51
|
-
|
|
52
|
-
if (onClick) {
|
|
53
|
-
return (React.createElement(View, { ref: ref, style: styles.card },
|
|
54
|
-
React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
|
|
55
|
-
}
|
|
56
|
-
return (React.createElement(View, __assign({ ref: ref, style: styles.card }, others), children));
|
|
57
|
-
}
|
|
58
|
-
var cardContent = (React.createElement(View, __assign({ ref: ref, style: styles.card }, others),
|
|
59
|
-
titleSup && (React.createElement(Title, { overline: true, testId: 'titleSup-id' }, titleSup)),
|
|
60
|
-
title && (React.createElement(Title, { level: TitleLevels.ONE, testId: 'title-id' }, title)),
|
|
61
|
-
text && (React.createElement(React.Fragment, null,
|
|
62
|
-
React.createElement(View, { style: { marginBottom: 16 } }),
|
|
63
|
-
React.createElement(Text, { style: styles.text }, text))),
|
|
64
|
-
buttonText && (React.createElement(React.Fragment, null,
|
|
65
|
-
React.createElement(View, { style: { marginBottom: 16 } }),
|
|
66
|
-
React.createElement(Button, { variant: buttonVariant, onClick: buttonClick, testId: 'button-id' }, buttonText)))));
|
|
67
|
-
return onClick ? (React.createElement(View, { style: styles.view },
|
|
68
|
-
React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
|
|
20
|
+
return (React.createElement(View, __assign({ ref: ref, style: styles.card }, others), children));
|
|
69
21
|
});
|
|
70
22
|
CardContent.displayName = ComponentName.CardContent;
|
|
71
23
|
export default CardContent;
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQzs7O0dBR0c7QUFDSCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNsQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNwQixJQUFNLGlCQUFpQixHQUFHLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUVqRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLE9BQU8sRUFBRSxFQUFFO1lBQ1gsU0FBUyxFQUFFLEVBQUU7WUFDYixJQUFJLEVBQUUsaUJBQWlCLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDM0M7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUMzQyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==
|
|
@@ -20,7 +20,7 @@ var CardImage = React.forwardRef(function (_a, ref) {
|
|
|
20
20
|
var styles = StyleSheet.create({
|
|
21
21
|
cardImage: {
|
|
22
22
|
width: size ? "".concat(size, "0%") : maxSize,
|
|
23
|
-
aspectRatio: ratio,
|
|
23
|
+
aspectRatio: horizontal ? undefined : ratio,
|
|
24
24
|
resizeMode: contain ? 'contain' : 'cover',
|
|
25
25
|
alignSelf: contain ? 'flex-end' : 'auto',
|
|
26
26
|
marginBottom: 0,
|
|
@@ -41,4 +41,4 @@ var CardImage = React.forwardRef(function (_a, ref) {
|
|
|
41
41
|
});
|
|
42
42
|
CardImage.displayName = ComponentName.CardImage;
|
|
43
43
|
export default CardImage;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9pbWFnZS9DYXJkSW1hZ2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlELE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd4RTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBK0MsRUFBRSxHQUFHO0lBQWxELElBQUEsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUE3Qyw0Q0FBK0MsQ0FBRjtJQUNwQyxJQUFBLFVBQVUsR0FBSyxVQUFVLENBQUMsV0FBVyxDQUFDLFdBQTVCLENBQTRCO0lBQzlDLElBQU0sT0FBTyxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUE7SUFDckMsSUFBQSxLQUFBLE9BQW9CLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE5QixLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQWUsQ0FBQTtJQUVyQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxPQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDbkMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLO1lBQzNDLFVBQVUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTztZQUN6QyxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU07WUFDeEMsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFRixTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2YsT0FBTyxHQUFHLEtBQUssUUFBUTtnQkFDckIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQ1gsR0FBRyxFQUNILFVBQUMsQ0FBQyxFQUFFLENBQUM7b0JBQ0gsQ0FBQyxJQUFJLFFBQVEsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7Z0JBQ3RCLENBQUMsRUFDRCxjQUFNLE9BQUEsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFYLENBQVcsQ0FDbEI7Z0JBQ0gsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUNoQjtJQUNILENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFBO0lBRXJCLElBQU0sS0FBSyxHQUFHLENBQ1osb0JBQUMsS0FBSyxhQUNKLEdBQUcsRUFBRSxHQUFHLEVBQ1Isa0JBQWtCLEVBQUUsR0FBRyxFQUN2QixLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsRUFDdkIsTUFBTSxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFDaEQsTUFBTSxFQUNWLENBQ0gsQ0FBQTtJQUVELE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNmLG9CQUFDLElBQUk7UUFDSCxvQkFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQ3BELEtBQUssQ0FDVyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.2.2-beta-
|
|
1
|
+
export declare const version = "4.2.2-beta-4";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.2.2-beta-
|
|
1
|
+
export var version = "4.2.2-beta-4";
|
|
2
2
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
|