@ledgerhq/lumen-ui-rnative 0.1.42 → 0.1.43
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/dist/module/lib/Components/MediaButton/MediaButton.js +17 -21
- package/dist/module/lib/Components/MediaButton/MediaButton.js.map +1 -1
- package/dist/module/lib/Components/MediaButton/MediaButton.test.js +26 -1
- package/dist/module/lib/Components/MediaButton/MediaButton.test.js.map +1 -1
- package/dist/typescript/src/lib/Components/MediaButton/MediaButton.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/lib/Components/MediaButton/MediaButton.test.tsx +41 -1
- package/src/lib/Components/MediaButton/MediaButton.tsx +17 -21
|
@@ -10,7 +10,8 @@ const useStyles = ({
|
|
|
10
10
|
size,
|
|
11
11
|
disabled,
|
|
12
12
|
pressed,
|
|
13
|
-
leadingContentShape
|
|
13
|
+
leadingContentShape,
|
|
14
|
+
hideChevron
|
|
14
15
|
}) => {
|
|
15
16
|
return useStyleSheet(t => {
|
|
16
17
|
const bgColors = {
|
|
@@ -27,42 +28,36 @@ const useStyles = ({
|
|
|
27
28
|
const paddingMap = {
|
|
28
29
|
md: {
|
|
29
30
|
flat: {
|
|
30
|
-
|
|
31
|
-
paddingBottom: t.spacings.s12,
|
|
31
|
+
paddingVertical: t.spacings.s12,
|
|
32
32
|
paddingLeft: t.spacings.s16,
|
|
33
|
-
paddingRight: t.spacings.s16
|
|
33
|
+
paddingRight: hideChevron ? t.spacings.s16 : t.spacings.s12
|
|
34
34
|
},
|
|
35
35
|
rounded: {
|
|
36
|
-
|
|
37
|
-
paddingBottom: t.spacings.s8,
|
|
36
|
+
paddingVertical: t.spacings.s8,
|
|
38
37
|
paddingLeft: t.spacings.s8,
|
|
39
|
-
paddingRight: t.spacings.s16
|
|
38
|
+
paddingRight: hideChevron ? t.spacings.s16 : t.spacings.s12
|
|
40
39
|
},
|
|
41
40
|
none: {
|
|
42
|
-
|
|
43
|
-
paddingBottom: t.spacings.s14,
|
|
41
|
+
paddingVertical: t.spacings.s14,
|
|
44
42
|
paddingLeft: t.spacings.s16,
|
|
45
|
-
paddingRight: t.spacings.s16
|
|
43
|
+
paddingRight: hideChevron ? t.spacings.s16 : t.spacings.s12
|
|
46
44
|
}
|
|
47
45
|
},
|
|
48
46
|
sm: {
|
|
49
47
|
flat: {
|
|
50
|
-
|
|
51
|
-
paddingBottom: t.spacings.s10,
|
|
48
|
+
paddingVertical: t.spacings.s10,
|
|
52
49
|
paddingLeft: t.spacings.s12,
|
|
53
|
-
paddingRight: t.spacings.s12
|
|
50
|
+
paddingRight: hideChevron ? t.spacings.s12 : t.spacings.s8
|
|
54
51
|
},
|
|
55
52
|
rounded: {
|
|
56
|
-
|
|
57
|
-
paddingBottom: t.spacings.s8,
|
|
53
|
+
paddingVertical: t.spacings.s8,
|
|
58
54
|
paddingLeft: t.spacings.s8,
|
|
59
|
-
paddingRight: t.spacings.s10
|
|
55
|
+
paddingRight: hideChevron ? t.spacings.s10 : t.spacings.s8
|
|
60
56
|
},
|
|
61
57
|
none: {
|
|
62
|
-
|
|
63
|
-
paddingBottom: t.spacings.s10,
|
|
58
|
+
paddingVertical: t.spacings.s10,
|
|
64
59
|
paddingLeft: t.spacings.s12,
|
|
65
|
-
paddingRight: t.spacings.s12
|
|
60
|
+
paddingRight: hideChevron ? t.spacings.s12 : t.spacings.s8
|
|
66
61
|
}
|
|
67
62
|
}
|
|
68
63
|
};
|
|
@@ -97,7 +92,7 @@ const useStyles = ({
|
|
|
97
92
|
color: textColor
|
|
98
93
|
}
|
|
99
94
|
};
|
|
100
|
-
}, [appearance, size, disabled, pressed, leadingContentShape]);
|
|
95
|
+
}, [appearance, size, disabled, pressed, leadingContentShape, hideChevron]);
|
|
101
96
|
};
|
|
102
97
|
|
|
103
98
|
/**
|
|
@@ -173,7 +168,8 @@ const MediaButtonContent = ({
|
|
|
173
168
|
size,
|
|
174
169
|
disabled,
|
|
175
170
|
pressed,
|
|
176
|
-
leadingContentShape
|
|
171
|
+
leadingContentShape,
|
|
172
|
+
hideChevron
|
|
177
173
|
});
|
|
178
174
|
return /*#__PURE__*/_jsxs(View, {
|
|
179
175
|
style: styles.container,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","Text","View","useStyleSheet","ChevronDown","Pressable","jsx","_jsx","jsxs","_jsxs","useStyles","appearance","size","disabled","pressed","leadingContentShape","t","bgColors","gray","colors","bg","muted","transparent","mutedTransparent","pressedBgColors","mutedPressed","mutedTransparentPressed","baseTransparentPressed","textColor","text","base","paddingMap","md","flat","
|
|
1
|
+
{"version":3,"names":["StyleSheet","Text","View","useStyleSheet","ChevronDown","Pressable","jsx","_jsx","jsxs","_jsxs","useStyles","appearance","size","disabled","pressed","leadingContentShape","hideChevron","t","bgColors","gray","colors","bg","muted","transparent","mutedTransparent","pressedBgColors","mutedPressed","mutedTransparentPressed","baseTransparentPressed","textColor","text","base","paddingMap","md","flat","paddingVertical","spacings","s12","paddingLeft","s16","paddingRight","rounded","s8","none","s14","sm","s10","container","flatten","flexDirection","alignItems","borderRadius","full","backgroundColor","gap","label","typographies","body2SemiBold","color","textAlign","labelWrapper","s2","leadingContent","flexShrink","chevron","MediaButton","lx","style","children","ref","props","effectiveLeadingContentShape","accessibilityRole","accessibilityState","MediaButtonContent","styles","testID","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaButton/MediaButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -29,13 +29,22 @@ describe('MediaButton', () => {
|
|
|
29
29
|
expect(screen.getByText('All accounts')).toBeTruthy();
|
|
30
30
|
expect(trigger.props.accessibilityRole).toBe('button');
|
|
31
31
|
});
|
|
32
|
-
it('should
|
|
32
|
+
it('should render a chevron icon by default', () => {
|
|
33
33
|
renderWithProvider(/*#__PURE__*/_jsx(MediaButton, {
|
|
34
34
|
testID: "trigger",
|
|
35
35
|
children: "Label"
|
|
36
36
|
}));
|
|
37
37
|
expect(screen.getByTestId('button-trigger-chevron')).toBeTruthy();
|
|
38
38
|
});
|
|
39
|
+
it('should not render a chevron icon when hideChevron is true', () => {
|
|
40
|
+
renderWithProvider(/*#__PURE__*/_jsx(MediaButton, {
|
|
41
|
+
testID: "trigger",
|
|
42
|
+
hideChevron: true,
|
|
43
|
+
children: "Label"
|
|
44
|
+
}));
|
|
45
|
+
expect(screen.queryByTestId('button-trigger-chevron')).toBeNull();
|
|
46
|
+
expect(screen.getByText('Label')).toBeTruthy();
|
|
47
|
+
});
|
|
39
48
|
it.each(['gray', 'transparent', 'no-background'])('should render without errors for appearance "%s"', appearance => {
|
|
40
49
|
renderWithProvider(/*#__PURE__*/_jsx(MediaButton, {
|
|
41
50
|
testID: "trigger",
|
|
@@ -52,6 +61,22 @@ describe('MediaButton', () => {
|
|
|
52
61
|
}));
|
|
53
62
|
expect(screen.getByTestId('trigger')).toBeTruthy();
|
|
54
63
|
});
|
|
64
|
+
const sizeShapeMatrix = [['sm', 'flat'], ['sm', 'rounded'], ['sm', 'none'], ['md', 'flat'], ['md', 'rounded'], ['md', 'none']];
|
|
65
|
+
it.each(sizeShapeMatrix)('should render with hideChevron for size "%s" and shape "%s"', (size, shape) => {
|
|
66
|
+
const leadingContent = shape === 'none' ? undefined : /*#__PURE__*/_jsx(View, {
|
|
67
|
+
testID: "leading"
|
|
68
|
+
});
|
|
69
|
+
renderWithProvider(/*#__PURE__*/_jsx(MediaButton, {
|
|
70
|
+
testID: "trigger",
|
|
71
|
+
size: size,
|
|
72
|
+
leadingContent: leadingContent,
|
|
73
|
+
leadingContentShape: shape === 'none' ? undefined : shape,
|
|
74
|
+
hideChevron: true,
|
|
75
|
+
children: "Label"
|
|
76
|
+
}));
|
|
77
|
+
expect(screen.getByTestId('trigger')).toBeTruthy();
|
|
78
|
+
expect(screen.queryByTestId('button-trigger-chevron')).toBeNull();
|
|
79
|
+
});
|
|
55
80
|
});
|
|
56
81
|
describe('Icons', () => {
|
|
57
82
|
it('should render with a flat interface icon', () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","fireEvent","createRef","View","Settings","ThemeProvider","MediaButton","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","testID","trigger","getByTestId","toBeTruthy","getByText","props","accessibilityRole","toBe","each","appearance","size","leadingContent","leadingContentShape","disabled","accessibilityState","handlePress","fn","onPress","press","toHaveBeenCalledTimes","not","toHaveBeenCalled","ref","current","customStyle","marginTop","style","lx","padding","toBeDefined"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaButton/MediaButton.test.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,EAAEC,IAAI,QAAQ,eAAe;AAC1D,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,MAAM,EAAEC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACzE,SAASC,SAAS,QAAQ,OAAO;AAEjC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,wBAAe;AACxC,SAASC,aAAa,QAAQ,mCAAgC;AAC9D,SAASC,WAAW,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,MAAMC,kBAAkB,GAAIC,SAA6B,IAAK;EAC5D,OAAOX,MAAM,cACXS,IAAA,CAACH,aAAa;IAACM,MAAM,EAAEb,gBAAiB;IAACc,WAAW,EAAC,MAAM;IAACC,MAAM,EAAC,IAAI;IAAAC,QAAA,EACpEJ;EAAS,CACG,CACjB,CAAC;AACH,CAAC;AAEDhB,QAAQ,CAAC,aAAa,EAAE,MAAM;EAC5BA,QAAQ,CAAC,WAAW,EAAE,MAAM;IAC1BC,EAAE,CAAC,8DAA8D,EAAE,MAAM;MACvEc,kBAAkB,cAChBD,IAAA,CAACF,WAAW;QAACS,MAAM,EAAC,SAAS;QAAAD,QAAA,EAAC;MAAY,CAAa,CACzD,CAAC;MACD,MAAME,OAAO,GAAGhB,MAAM,CAACiB,WAAW,CAAC,SAAS,CAAC;MAC7CrB,MAAM,CAACoB,OAAO,CAAC,CAACE,UAAU,CAAC,CAAC;MAC5BtB,MAAM,CAACI,MAAM,CAACmB,SAAS,CAAC,cAAc,CAAC,CAAC,CAACD,UAAU,CAAC,CAAC;MACrDtB,MAAM,CAACoB,OAAO,CAACI,KAAK,CAACC,iBAAiB,CAAC,CAACC,IAAI,CAAC,QAAQ,CAAC;IACxD,CAAC,CAAC;IAEF3B,EAAE,CAAC,
|
|
1
|
+
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","fireEvent","createRef","View","Settings","ThemeProvider","MediaButton","jsx","_jsx","renderWithProvider","component","themes","colorScheme","locale","children","testID","trigger","getByTestId","toBeTruthy","getByText","props","accessibilityRole","toBe","hideChevron","queryByTestId","toBeNull","each","appearance","size","sizeShapeMatrix","shape","leadingContent","undefined","leadingContentShape","disabled","accessibilityState","handlePress","fn","onPress","press","toHaveBeenCalledTimes","not","toHaveBeenCalled","ref","current","customStyle","marginTop","style","lx","padding","toBeDefined"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaButton/MediaButton.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"MediaButton.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaButton/MediaButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA2HhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,GAAI,6HAYzB,gBAAgB,4CA8BlB,CAAC"}
|
package/package.json
CHANGED
|
@@ -29,11 +29,21 @@ describe('MediaButton', () => {
|
|
|
29
29
|
expect(trigger.props.accessibilityRole).toBe('button');
|
|
30
30
|
});
|
|
31
31
|
|
|
32
|
-
it('should
|
|
32
|
+
it('should render a chevron icon by default', () => {
|
|
33
33
|
renderWithProvider(<MediaButton testID='trigger'>Label</MediaButton>);
|
|
34
34
|
expect(screen.getByTestId('button-trigger-chevron')).toBeTruthy();
|
|
35
35
|
});
|
|
36
36
|
|
|
37
|
+
it('should not render a chevron icon when hideChevron is true', () => {
|
|
38
|
+
renderWithProvider(
|
|
39
|
+
<MediaButton testID='trigger' hideChevron>
|
|
40
|
+
Label
|
|
41
|
+
</MediaButton>,
|
|
42
|
+
);
|
|
43
|
+
expect(screen.queryByTestId('button-trigger-chevron')).toBeNull();
|
|
44
|
+
expect(screen.getByText('Label')).toBeTruthy();
|
|
45
|
+
});
|
|
46
|
+
|
|
37
47
|
it.each(['gray', 'transparent', 'no-background'] as const)(
|
|
38
48
|
'should render without errors for appearance "%s"',
|
|
39
49
|
(appearance) => {
|
|
@@ -57,6 +67,36 @@ describe('MediaButton', () => {
|
|
|
57
67
|
expect(screen.getByTestId('trigger')).toBeTruthy();
|
|
58
68
|
},
|
|
59
69
|
);
|
|
70
|
+
|
|
71
|
+
const sizeShapeMatrix: ['sm' | 'md', 'flat' | 'rounded' | 'none'][] = [
|
|
72
|
+
['sm', 'flat'],
|
|
73
|
+
['sm', 'rounded'],
|
|
74
|
+
['sm', 'none'],
|
|
75
|
+
['md', 'flat'],
|
|
76
|
+
['md', 'rounded'],
|
|
77
|
+
['md', 'none'],
|
|
78
|
+
];
|
|
79
|
+
|
|
80
|
+
it.each(sizeShapeMatrix)(
|
|
81
|
+
'should render with hideChevron for size "%s" and shape "%s"',
|
|
82
|
+
(size, shape) => {
|
|
83
|
+
const leadingContent =
|
|
84
|
+
shape === 'none' ? undefined : <View testID='leading' />;
|
|
85
|
+
renderWithProvider(
|
|
86
|
+
<MediaButton
|
|
87
|
+
testID='trigger'
|
|
88
|
+
size={size}
|
|
89
|
+
leadingContent={leadingContent}
|
|
90
|
+
leadingContentShape={shape === 'none' ? undefined : shape}
|
|
91
|
+
hideChevron
|
|
92
|
+
>
|
|
93
|
+
Label
|
|
94
|
+
</MediaButton>,
|
|
95
|
+
);
|
|
96
|
+
expect(screen.getByTestId('trigger')).toBeTruthy();
|
|
97
|
+
expect(screen.queryByTestId('button-trigger-chevron')).toBeNull();
|
|
98
|
+
},
|
|
99
|
+
);
|
|
60
100
|
});
|
|
61
101
|
|
|
62
102
|
describe('Icons', () => {
|
|
@@ -15,12 +15,14 @@ const useStyles = ({
|
|
|
15
15
|
disabled,
|
|
16
16
|
pressed,
|
|
17
17
|
leadingContentShape,
|
|
18
|
+
hideChevron,
|
|
18
19
|
}: {
|
|
19
20
|
appearance: Appearance;
|
|
20
21
|
size: Size;
|
|
21
22
|
disabled: boolean;
|
|
22
23
|
pressed: boolean;
|
|
23
24
|
leadingContentShape: LeadingContentShape;
|
|
25
|
+
hideChevron: boolean;
|
|
24
26
|
}) => {
|
|
25
27
|
return useStyleSheet(
|
|
26
28
|
(t) => {
|
|
@@ -39,8 +41,7 @@ const useStyles = ({
|
|
|
39
41
|
const textColor = disabled ? t.colors.text.disabled : t.colors.text.base;
|
|
40
42
|
|
|
41
43
|
type PaddingStyle = {
|
|
42
|
-
|
|
43
|
-
paddingBottom: number;
|
|
44
|
+
paddingVertical: number;
|
|
44
45
|
paddingLeft: number;
|
|
45
46
|
paddingRight: number;
|
|
46
47
|
};
|
|
@@ -51,42 +52,36 @@ const useStyles = ({
|
|
|
51
52
|
> = {
|
|
52
53
|
md: {
|
|
53
54
|
flat: {
|
|
54
|
-
|
|
55
|
-
paddingBottom: t.spacings.s12,
|
|
55
|
+
paddingVertical: t.spacings.s12,
|
|
56
56
|
paddingLeft: t.spacings.s16,
|
|
57
|
-
paddingRight: t.spacings.s16,
|
|
57
|
+
paddingRight: hideChevron ? t.spacings.s16 : t.spacings.s12,
|
|
58
58
|
},
|
|
59
59
|
rounded: {
|
|
60
|
-
|
|
61
|
-
paddingBottom: t.spacings.s8,
|
|
60
|
+
paddingVertical: t.spacings.s8,
|
|
62
61
|
paddingLeft: t.spacings.s8,
|
|
63
|
-
paddingRight: t.spacings.s16,
|
|
62
|
+
paddingRight: hideChevron ? t.spacings.s16 : t.spacings.s12,
|
|
64
63
|
},
|
|
65
64
|
none: {
|
|
66
|
-
|
|
67
|
-
paddingBottom: t.spacings.s14,
|
|
65
|
+
paddingVertical: t.spacings.s14,
|
|
68
66
|
paddingLeft: t.spacings.s16,
|
|
69
|
-
paddingRight: t.spacings.s16,
|
|
67
|
+
paddingRight: hideChevron ? t.spacings.s16 : t.spacings.s12,
|
|
70
68
|
},
|
|
71
69
|
},
|
|
72
70
|
sm: {
|
|
73
71
|
flat: {
|
|
74
|
-
|
|
75
|
-
paddingBottom: t.spacings.s10,
|
|
72
|
+
paddingVertical: t.spacings.s10,
|
|
76
73
|
paddingLeft: t.spacings.s12,
|
|
77
|
-
paddingRight: t.spacings.s12,
|
|
74
|
+
paddingRight: hideChevron ? t.spacings.s12 : t.spacings.s8,
|
|
78
75
|
},
|
|
79
76
|
rounded: {
|
|
80
|
-
|
|
81
|
-
paddingBottom: t.spacings.s8,
|
|
77
|
+
paddingVertical: t.spacings.s8,
|
|
82
78
|
paddingLeft: t.spacings.s8,
|
|
83
|
-
paddingRight: t.spacings.s10,
|
|
79
|
+
paddingRight: hideChevron ? t.spacings.s10 : t.spacings.s8,
|
|
84
80
|
},
|
|
85
81
|
none: {
|
|
86
|
-
|
|
87
|
-
paddingBottom: t.spacings.s10,
|
|
82
|
+
paddingVertical: t.spacings.s10,
|
|
88
83
|
paddingLeft: t.spacings.s12,
|
|
89
|
-
paddingRight: t.spacings.s12,
|
|
84
|
+
paddingRight: hideChevron ? t.spacings.s12 : t.spacings.s8,
|
|
90
85
|
},
|
|
91
86
|
},
|
|
92
87
|
};
|
|
@@ -127,7 +122,7 @@ const useStyles = ({
|
|
|
127
122
|
},
|
|
128
123
|
};
|
|
129
124
|
},
|
|
130
|
-
[appearance, size, disabled, pressed, leadingContentShape],
|
|
125
|
+
[appearance, size, disabled, pressed, leadingContentShape, hideChevron],
|
|
131
126
|
);
|
|
132
127
|
};
|
|
133
128
|
|
|
@@ -221,6 +216,7 @@ const MediaButtonContent = ({
|
|
|
221
216
|
disabled,
|
|
222
217
|
pressed,
|
|
223
218
|
leadingContentShape,
|
|
219
|
+
hideChevron,
|
|
224
220
|
});
|
|
225
221
|
|
|
226
222
|
return (
|