@ledgerhq/lumen-ui-rnative 0.1.41 → 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/Banner/Banner.js +5 -9
- package/dist/module/lib/Components/Banner/Banner.js.map +1 -1
- 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/module/lib/Components/SegmentedControl/SegmentedControl.test.js +162 -66
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.test.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/usePillLayout.js +19 -15
- package/dist/module/lib/Components/SegmentedControl/usePillLayout.js.map +1 -1
- package/dist/module/lib/Components/Trend/Trend.js +19 -16
- package/dist/module/lib/Components/Trend/Trend.js.map +1 -1
- package/dist/typescript/src/lib/Components/Banner/Banner.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Banner/types.d.ts +3 -3
- package/dist/typescript/src/lib/Components/Banner/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaButton/MediaButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/usePillLayout.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Trend/Trend.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/lib/Components/Banner/Banner.tsx +8 -11
- package/src/lib/Components/Banner/types.ts +3 -3
- package/src/lib/Components/MediaButton/MediaButton.test.tsx +41 -1
- package/src/lib/Components/MediaButton/MediaButton.tsx +17 -21
- package/src/lib/Components/SegmentedControl/SegmentedControl.test.tsx +152 -60
- package/src/lib/Components/SegmentedControl/usePillLayout.ts +21 -12
- package/src/lib/Components/Trend/Trend.tsx +24 -22
|
@@ -7,7 +7,6 @@ import { useStyleSheet } from "../../../styles/index.js";
|
|
|
7
7
|
import { InformationFill, CheckmarkCircleFill, WarningFill, DeleteCircleFill, Close } from "../../Symbols/index.js";
|
|
8
8
|
import { IconButton } from "../IconButton/index.js";
|
|
9
9
|
import { Box } from "../Utility/index.js";
|
|
10
|
-
import { Wrap } from "../Wrap/index.js";
|
|
11
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
11
|
const iconColorMap = {
|
|
13
12
|
info: 'base',
|
|
@@ -63,6 +62,7 @@ const useStyles = ({
|
|
|
63
62
|
}]),
|
|
64
63
|
actionsWrapper: {
|
|
65
64
|
flexDirection: 'row',
|
|
65
|
+
flexWrap: 'wrap',
|
|
66
66
|
gap: t.spacings.s4
|
|
67
67
|
}
|
|
68
68
|
};
|
|
@@ -153,15 +153,11 @@ export const Banner = ({
|
|
|
153
153
|
numberOfLines: 2,
|
|
154
154
|
children: title
|
|
155
155
|
}), description && /*#__PURE__*/_jsx(View, {
|
|
156
|
-
children: /*#__PURE__*/_jsx(
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
style: styles.description,
|
|
160
|
-
numberOfLines: 5,
|
|
161
|
-
children: children
|
|
162
|
-
}),
|
|
156
|
+
children: isTextChildren(description) ? /*#__PURE__*/_jsx(Text, {
|
|
157
|
+
style: styles.description,
|
|
158
|
+
numberOfLines: 5,
|
|
163
159
|
children: description
|
|
164
|
-
})
|
|
160
|
+
}) : description
|
|
165
161
|
})]
|
|
166
162
|
}), (primaryAction || secondaryAction) && /*#__PURE__*/_jsxs(View, {
|
|
167
163
|
style: styles.actionsWrapper,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isTextChildren","StyleSheet","Text","View","useCommonTranslation","useStyleSheet","InformationFill","CheckmarkCircleFill","WarningFill","DeleteCircleFill","Close","IconButton","Box","
|
|
1
|
+
{"version":3,"names":["isTextChildren","StyleSheet","Text","View","useCommonTranslation","useStyleSheet","InformationFill","CheckmarkCircleFill","WarningFill","DeleteCircleFill","Close","IconButton","Box","jsx","_jsx","jsxs","_jsxs","iconColorMap","info","success","warning","error","useStyles","appearance","t","bgColors","colors","bg","surface","root","flexDirection","width","sizes","full","alignItems","gap","spacings","s8","borderRadius","md","padding","s16","backgroundColor","iconWrapper","flexShrink","iconSpacer","typographies","body1SemiBold","overflow","contentWrapper","marginRight","flex","textWrapper","s4","title","flatten","color","text","base","description","body2","actionsWrapper","flexWrap","iconsMap","Banner","primaryAction","secondaryAction","lx","style","onClose","closeAriaLabel","ref","props","styles","IconComponent","iconColor","children","numberOfLines","testID","size","icon","onPress","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/Banner/Banner.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -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":[]}
|
|
@@ -16,73 +16,169 @@ const TestWrapper = ({
|
|
|
16
16
|
children: children
|
|
17
17
|
});
|
|
18
18
|
describe('SegmentedControl', () => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
19
|
+
describe('Rendering', () => {
|
|
20
|
+
it('renders segments with labels', () => {
|
|
21
|
+
const {
|
|
22
|
+
getByText
|
|
23
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
24
|
+
children: /*#__PURE__*/_jsxs(SegmentedControl, {
|
|
25
|
+
selectedValue: "send",
|
|
26
|
+
onSelectedChange: () => {
|
|
27
|
+
/* empty */
|
|
28
|
+
},
|
|
29
|
+
accessibilityLabel: "Transaction type",
|
|
30
|
+
children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
31
|
+
value: "send",
|
|
32
|
+
children: "Send"
|
|
33
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
34
|
+
value: "receive",
|
|
35
|
+
children: "Receive"
|
|
36
|
+
})]
|
|
37
|
+
})
|
|
38
|
+
}));
|
|
39
|
+
expect(getByText('Send')).toBeTruthy();
|
|
40
|
+
expect(getByText('Receive')).toBeTruthy();
|
|
41
|
+
});
|
|
42
|
+
it('renders trailingContent inside segment buttons', () => {
|
|
43
|
+
const {
|
|
44
|
+
getByLabelText
|
|
45
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
46
|
+
children: /*#__PURE__*/_jsxs(SegmentedControl, {
|
|
47
|
+
selectedValue: "tokens",
|
|
48
|
+
onSelectedChange: () => {
|
|
49
|
+
/* empty */
|
|
50
|
+
},
|
|
51
|
+
accessibilityLabel: "Asset section",
|
|
52
|
+
children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
53
|
+
value: "tokens",
|
|
54
|
+
trailingContent: /*#__PURE__*/_jsx(DotCount, {
|
|
55
|
+
value: 3,
|
|
56
|
+
accessibilityLabel: "3 tokens"
|
|
57
|
+
}),
|
|
58
|
+
children: "Tokens"
|
|
59
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
60
|
+
value: "nfts",
|
|
61
|
+
children: "NFTs"
|
|
62
|
+
})]
|
|
63
|
+
})
|
|
64
|
+
}));
|
|
65
|
+
expect(getByLabelText('3 tokens')).toBeTruthy();
|
|
66
|
+
});
|
|
40
67
|
});
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
children:
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
68
|
+
describe('States', () => {
|
|
69
|
+
it('marks the selected segment with accessibilityState', () => {
|
|
70
|
+
const {
|
|
71
|
+
getByTestId
|
|
72
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
73
|
+
children: /*#__PURE__*/_jsxs(SegmentedControl, {
|
|
74
|
+
selectedValue: "receive",
|
|
75
|
+
onSelectedChange: () => {},
|
|
76
|
+
accessibilityLabel: "Transaction type",
|
|
77
|
+
children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
78
|
+
value: "send",
|
|
79
|
+
testID: "seg-send",
|
|
80
|
+
children: "Send"
|
|
81
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
82
|
+
value: "receive",
|
|
83
|
+
testID: "seg-receive",
|
|
84
|
+
children: "Receive"
|
|
85
|
+
})]
|
|
86
|
+
})
|
|
87
|
+
}));
|
|
88
|
+
expect(getByTestId('seg-send').props.accessibilityState).toMatchObject({
|
|
89
|
+
selected: false
|
|
90
|
+
});
|
|
91
|
+
expect(getByTestId('seg-receive').props.accessibilityState).toMatchObject({
|
|
92
|
+
selected: true
|
|
93
|
+
});
|
|
94
|
+
});
|
|
95
|
+
it('marks a pre-selected non-first segment as selected on initial render (fixed layout)', () => {
|
|
96
|
+
const {
|
|
97
|
+
getByTestId
|
|
98
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
99
|
+
children: /*#__PURE__*/_jsxs(SegmentedControl, {
|
|
100
|
+
selectedValue: "blame",
|
|
101
|
+
onSelectedChange: () => {},
|
|
102
|
+
tabLayout: "fixed",
|
|
103
|
+
accessibilityLabel: "File view",
|
|
104
|
+
children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
105
|
+
value: "preview",
|
|
106
|
+
testID: "seg-preview",
|
|
107
|
+
children: "Preview"
|
|
108
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
109
|
+
value: "raw",
|
|
110
|
+
testID: "seg-raw",
|
|
111
|
+
children: "Raw"
|
|
112
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
113
|
+
value: "blame",
|
|
114
|
+
testID: "seg-blame",
|
|
115
|
+
children: "Blame"
|
|
116
|
+
})]
|
|
117
|
+
})
|
|
118
|
+
}));
|
|
119
|
+
expect(getByTestId('seg-preview').props.accessibilityState).toMatchObject({
|
|
120
|
+
selected: false
|
|
121
|
+
});
|
|
122
|
+
expect(getByTestId('seg-blame').props.accessibilityState).toMatchObject({
|
|
123
|
+
selected: true
|
|
124
|
+
});
|
|
125
|
+
});
|
|
126
|
+
it('marks a pre-selected non-first segment as selected on initial render (fit layout)', () => {
|
|
127
|
+
const {
|
|
128
|
+
getByTestId
|
|
129
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
130
|
+
children: /*#__PURE__*/_jsxs(SegmentedControl, {
|
|
131
|
+
selectedValue: "blame",
|
|
132
|
+
onSelectedChange: () => {},
|
|
133
|
+
tabLayout: "fit",
|
|
134
|
+
accessibilityLabel: "File view",
|
|
135
|
+
children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
136
|
+
value: "preview",
|
|
137
|
+
testID: "seg-preview",
|
|
138
|
+
children: "Preview"
|
|
139
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
140
|
+
value: "raw",
|
|
141
|
+
testID: "seg-raw",
|
|
142
|
+
children: "Raw"
|
|
143
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
144
|
+
value: "blame",
|
|
145
|
+
testID: "seg-blame",
|
|
146
|
+
children: "Blame"
|
|
147
|
+
})]
|
|
148
|
+
})
|
|
149
|
+
}));
|
|
150
|
+
expect(getByTestId('seg-preview').props.accessibilityState).toMatchObject({
|
|
151
|
+
selected: false
|
|
152
|
+
});
|
|
153
|
+
expect(getByTestId('seg-blame').props.accessibilityState).toMatchObject({
|
|
154
|
+
selected: true
|
|
155
|
+
});
|
|
156
|
+
});
|
|
157
|
+
it('can change selection away from a pre-selected non-first segment (fit layout)', () => {
|
|
158
|
+
const onSelectedChange = jest.fn();
|
|
159
|
+
const {
|
|
160
|
+
getByText
|
|
161
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
162
|
+
children: /*#__PURE__*/_jsxs(SegmentedControl, {
|
|
163
|
+
selectedValue: "blame",
|
|
164
|
+
onSelectedChange: onSelectedChange,
|
|
165
|
+
tabLayout: "fit",
|
|
166
|
+
accessibilityLabel: "File view",
|
|
167
|
+
children: [/*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
168
|
+
value: "preview",
|
|
169
|
+
children: "Preview"
|
|
170
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
171
|
+
value: "raw",
|
|
172
|
+
children: "Raw"
|
|
173
|
+
}), /*#__PURE__*/_jsx(SegmentedControlButton, {
|
|
174
|
+
value: "blame",
|
|
175
|
+
children: "Blame"
|
|
176
|
+
})]
|
|
177
|
+
})
|
|
178
|
+
}));
|
|
179
|
+
fireEvent.press(getByText('Preview'));
|
|
180
|
+
expect(onSelectedChange).toHaveBeenCalledWith('preview');
|
|
181
|
+
});
|
|
86
182
|
});
|
|
87
183
|
});
|
|
88
184
|
//# sourceMappingURL=SegmentedControl.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","DotCount","ThemeProvider","SegmentedControl","SegmentedControlButton","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","selectedValue","onSelectedChange","accessibilityLabel","value","toBeTruthy","
|
|
1
|
+
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","fireEvent","DotCount","ThemeProvider","SegmentedControl","SegmentedControlButton","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","selectedValue","onSelectedChange","accessibilityLabel","value","toBeTruthy","getByLabelText","trailingContent","getByTestId","testID","props","accessibilityState","toMatchObject","selected","tabLayout","fn","press","toHaveBeenCalledWith"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/SegmentedControl.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { Children, isValidElement, useCallback, useEffect, useMemo, useRef } from 'react';
|
|
3
|
+
import React, { Children, isValidElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
5
5
|
import { useTimingConfig } from "../../Animations/useTimingConfig.js";
|
|
6
6
|
export function useSegmentedControlSelectedIndex(selectedValue, children) {
|
|
@@ -14,7 +14,7 @@ export function useSegmentedControlSelectedIndex(selectedValue, children) {
|
|
|
14
14
|
const _worklet_6098626077169_init_data = {
|
|
15
15
|
code: "function usePillLayoutTs1(){const{pillTranslateX,pillWidth,pillHeight}=this.__closure;return{transform:[{translateX:pillTranslateX.value}],width:pillWidth.value,height:pillHeight.value};}",
|
|
16
16
|
location: "/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/SegmentedControl/usePillLayout.ts",
|
|
17
|
-
sourceMap: "{\"version\":3,\"names\":[\"usePillLayoutTs1\",\"pillTranslateX\",\"pillWidth\",\"pillHeight\",\"__closure\",\"transform\",\"translateX\",\"value\",\"width\",\"height\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/SegmentedControl/usePillLayout.ts\"],\"mappings\":\"
|
|
17
|
+
sourceMap: "{\"version\":3,\"names\":[\"usePillLayoutTs1\",\"pillTranslateX\",\"pillWidth\",\"pillHeight\",\"__closure\",\"transform\",\"translateX\",\"value\",\"width\",\"height\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/SegmentedControl/usePillLayout.ts\"],\"mappings\":\"AA+HI,SAAAA,iBAAA,QAAAC,cAAA,CAAAC,SAAA,CAAAC,UAAA,OAAAC,SAAA,OAAO,CACLC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEL,cAAc,CAACM,KAAM,CAAC,CAAC,CACjDC,KAAK,CAAEN,SAAS,CAACK,KAAK,CACtBE,MAAM,CAAEN,UAAU,CAACI,KACrB,CAAC\",\"ignoreList\":[]}"
|
|
18
18
|
};
|
|
19
19
|
export function usePillLayout({
|
|
20
20
|
selectedIndex,
|
|
@@ -26,7 +26,9 @@ export function usePillLayout({
|
|
|
26
26
|
const pillWidth = useSharedValue(0);
|
|
27
27
|
const pillHeight = useSharedValue(0);
|
|
28
28
|
const hasLayoutRef = useRef(false);
|
|
29
|
+
const animatePillRef = useRef(false);
|
|
29
30
|
const buttonLayoutsRef = useRef(new Map());
|
|
31
|
+
const [layoutReady, setLayoutReady] = useState(false);
|
|
30
32
|
const timingConfig = useTimingConfig({
|
|
31
33
|
duration: 300,
|
|
32
34
|
easing: 'easeInOut'
|
|
@@ -43,36 +45,38 @@ export function usePillLayout({
|
|
|
43
45
|
pillWidth.value = slotWidth;
|
|
44
46
|
if (!hasLayoutRef.current) {
|
|
45
47
|
hasLayoutRef.current = true;
|
|
46
|
-
|
|
47
|
-
pillTranslateX.value = selectedIndex * slotWidth;
|
|
48
|
-
}
|
|
48
|
+
setLayoutReady(true);
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
const registerButtonLayout = useCallback((value, layout) => {
|
|
53
53
|
buttonLayoutsRef.current.set(value, layout);
|
|
54
|
-
if (tabLayout === 'fit' && !hasLayoutRef.current) {
|
|
54
|
+
if (tabLayout === 'fit' && !hasLayoutRef.current && value === selectedValue) {
|
|
55
55
|
hasLayoutRef.current = true;
|
|
56
|
-
|
|
57
|
-
pillTranslateX.value = layout.x;
|
|
58
|
-
pillWidth.value = layout.width;
|
|
59
|
-
}
|
|
56
|
+
setLayoutReady(true);
|
|
60
57
|
}
|
|
61
|
-
}, [tabLayout, selectedValue
|
|
58
|
+
}, [tabLayout, selectedValue]);
|
|
62
59
|
useEffect(() => {
|
|
63
60
|
if (!hasLayoutRef.current) return;
|
|
61
|
+
const skipAnimation = !animatePillRef.current;
|
|
62
|
+
if (skipAnimation) {
|
|
63
|
+
animatePillRef.current = true;
|
|
64
|
+
}
|
|
65
|
+
const config = skipAnimation ? {
|
|
66
|
+
duration: 0
|
|
67
|
+
} : timingConfig;
|
|
64
68
|
if (tabLayout === 'fit') {
|
|
65
69
|
const layout = buttonLayoutsRef.current.get(selectedValue);
|
|
66
70
|
if (layout) {
|
|
67
|
-
pillTranslateX.value = withTiming(layout.x,
|
|
68
|
-
pillWidth.value = withTiming(layout.width,
|
|
71
|
+
pillTranslateX.value = withTiming(layout.x, config);
|
|
72
|
+
pillWidth.value = withTiming(layout.width, config);
|
|
69
73
|
}
|
|
70
74
|
} else {
|
|
71
75
|
if (selectedIndex >= 0 && pillWidth.value > 0) {
|
|
72
|
-
pillTranslateX.value = withTiming(selectedIndex * pillWidth.value,
|
|
76
|
+
pillTranslateX.value = withTiming(selectedIndex * pillWidth.value, config);
|
|
73
77
|
}
|
|
74
78
|
}
|
|
75
|
-
}, [selectedIndex, selectedValue, tabLayout, pillWidth, pillTranslateX, timingConfig]);
|
|
79
|
+
}, [selectedIndex, selectedValue, tabLayout, pillWidth, pillTranslateX, timingConfig, layoutReady]);
|
|
76
80
|
const animatedPillStyle = useAnimatedStyle(function usePillLayoutTs1Factory({
|
|
77
81
|
_worklet_6098626077169_init_data,
|
|
78
82
|
pillTranslateX,
|