@ledgerhq/lumen-ui-rnative 0.1.40 → 0.1.42
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/AmountInput/AmountInput.js +49 -159
- package/dist/module/lib/Components/AmountInput/AmountInput.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/useAmountInputAnimations/useAmountInputAnimations.js +149 -0
- package/dist/module/lib/Components/AmountInput/useAmountInputAnimations/useAmountInputAnimations.js.map +1 -0
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.js +22 -0
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.js.map +1 -0
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.js +59 -0
- package/dist/module/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.js.map +1 -0
- 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/BottomSheet/BottomSheetHeader.js +0 -3
- package/dist/module/lib/Components/BottomSheet/BottomSheetHeader.js.map +1 -1
- package/dist/module/lib/Components/Icon/Icon.test.js +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/AmountInput/AmountInput.d.ts +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/useAmountInputAnimations/useAmountInputAnimations.d.ts +16 -0
- package/dist/typescript/src/lib/Components/AmountInput/useAmountInputAnimations/useAmountInputAnimations.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.d.ts +18 -0
- package/dist/typescript/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.d.ts.map +1 -0
- 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/BottomSheet/BottomSheetHeader.d.ts +1 -1
- package/dist/typescript/src/lib/Components/BottomSheet/BottomSheetHeader.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 +2 -2
- package/src/lib/Components/AmountInput/AmountInput.tsx +55 -115
- package/src/lib/Components/AmountInput/useAmountInputAnimations/useAmountInputAnimations.ts +100 -0
- package/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.test.ts +62 -0
- package/src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.ts +48 -0
- package/src/lib/Components/Banner/Banner.tsx +8 -11
- package/src/lib/Components/Banner/types.ts +3 -3
- package/src/lib/Components/BottomSheet/BottomSheetHeader.tsx +0 -4
- package/src/lib/Components/Icon/Icon.test.tsx +1 -1
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useBottomSheet","useCallback","StyleSheet","useCommonTranslation","useStyleSheet","ArrowLeft","Close","IconButton","Box","Text","useBottomSheetContext","jsx","_jsx","jsxs","_jsxs","Z_INDEX_DIALOG_CONTENT","useStyles","density","spacing","hidden","t","root","flatten","position","zIndex","backgroundColor","paddingBottom","spacings","s12","paddingHorizontal","s16","inner","flexDirection","alignItems","justifyContent","gap","marginBottom","display","textWrapper","flex","s4","title","color","colors","text","base","typographies","heading3SemiBold","textAlign","heading5SemiBold","description","body2","muted","iconPlaceholder","width","sizes","s32","height","BottomSheetHeader","lx","style","props","close","onBack","hideCloseButton","onHeaderClosePressed","consumerName","contextRequired","handleClose","hasTitleSection","Boolean","hasIcons","styles","titleComponent","children","testID","accessibilityLabel","size","onPress","icon","appearance"],"sourceRoot":"../../../../../src","sources":["lib/Components/BottomSheet/BottomSheetHeader.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["useBottomSheet","useCallback","StyleSheet","useCommonTranslation","useStyleSheet","ArrowLeft","Close","IconButton","Box","Text","useBottomSheetContext","jsx","_jsx","jsxs","_jsxs","Z_INDEX_DIALOG_CONTENT","useStyles","density","spacing","hidden","t","root","flatten","position","zIndex","backgroundColor","paddingBottom","spacings","s12","paddingHorizontal","s16","inner","flexDirection","alignItems","justifyContent","gap","marginBottom","display","textWrapper","flex","s4","title","color","colors","text","base","typographies","heading3SemiBold","textAlign","heading5SemiBold","description","body2","muted","iconPlaceholder","width","sizes","s32","height","BottomSheetHeader","lx","style","props","close","onBack","hideCloseButton","onHeaderClosePressed","consumerName","contextRequired","handleClose","hasTitleSection","Boolean","hasIcons","styles","titleComponent","children","testID","accessibilityLabel","size","onPress","icon","appearance"],"sourceRoot":"../../../../../src","sources":["lib/Components/BottomSheet/BottomSheetHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -59,7 +59,7 @@ describe('Icon', () => {
|
|
|
59
59
|
d: "M12 2L2 7l10 5 10-5-10-5z"
|
|
60
60
|
})
|
|
61
61
|
}));
|
|
62
|
-
expect(screen.getByTestId('icon').props.color).toBe('#
|
|
62
|
+
expect(screen.getByTestId('icon').props.color).toBe('#f87274');
|
|
63
63
|
});
|
|
64
64
|
it('should forward ref and spread additional props', () => {
|
|
65
65
|
const ref = {
|
|
@@ -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,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Children","isValidElement","useCallback","useEffect","useMemo","useRef","useAnimatedStyle","useSharedValue","withTiming","useTimingConfig","useSegmentedControlSelectedIndex","selectedValue","children","toArray","findIndex","child","props","value","_worklet_6098626077169_init_data","code","location","sourceMap","usePillLayout","selectedIndex","tabLayout","pillTranslateX","pillWidth","pillHeight","hasLayoutRef","buttonLayoutsRef","Map","timingConfig","duration","easing","onLayout","e","width","height","nativeEvent","layout","count","slotWidth","current","registerButtonLayout","set","
|
|
1
|
+
{"version":3,"names":["React","Children","isValidElement","useCallback","useEffect","useMemo","useRef","useState","useAnimatedStyle","useSharedValue","withTiming","useTimingConfig","useSegmentedControlSelectedIndex","selectedValue","children","toArray","findIndex","child","props","value","_worklet_6098626077169_init_data","code","location","sourceMap","usePillLayout","selectedIndex","tabLayout","pillTranslateX","pillWidth","pillHeight","hasLayoutRef","animatePillRef","buttonLayoutsRef","Map","layoutReady","setLayoutReady","timingConfig","duration","easing","onLayout","e","width","height","nativeEvent","layout","count","slotWidth","current","registerButtonLayout","set","skipAnimation","config","get","x","animatedPillStyle","usePillLayoutTs1Factory","_e","global","Error","usePillLayoutTs1","transform","translateX","__closure","__workletHash","__pluginVersion","__initData","__stackDetails"],"sourceRoot":"../../../../../src","sources":["lib/Components/SegmentedControl/usePillLayout.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
|
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
5
5
|
import { useCommonTranslation } from "../../../i18n/index.js";
|
|
6
6
|
import { useStyleSheet } from "../../../styles/index.js";
|
|
7
|
-
import {
|
|
7
|
+
import { TriangleDown, TriangleUp } from "../../Symbols/index.js";
|
|
8
8
|
import { Box, Text } from "../Utility/index.js";
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
function getVariant(value) {
|
|
@@ -13,6 +13,20 @@ function getVariant(value) {
|
|
|
13
13
|
}
|
|
14
14
|
return value > 0 ? 'positive' : 'negative';
|
|
15
15
|
}
|
|
16
|
+
const iconMap = {
|
|
17
|
+
positive: TriangleUp,
|
|
18
|
+
negative: TriangleDown,
|
|
19
|
+
neutral: null
|
|
20
|
+
};
|
|
21
|
+
const iconSizeMap = {
|
|
22
|
+
md: 16,
|
|
23
|
+
sm: 12
|
|
24
|
+
};
|
|
25
|
+
const iconColorMap = {
|
|
26
|
+
positive: 'success',
|
|
27
|
+
negative: 'error',
|
|
28
|
+
neutral: 'muted'
|
|
29
|
+
};
|
|
16
30
|
export function Trend({
|
|
17
31
|
value,
|
|
18
32
|
size = 'md',
|
|
@@ -36,20 +50,9 @@ export function Trend({
|
|
|
36
50
|
variant,
|
|
37
51
|
disabled
|
|
38
52
|
});
|
|
39
|
-
const Icon =
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
neutral: Minus
|
|
43
|
-
}[variant];
|
|
44
|
-
const iconSize = {
|
|
45
|
-
md: 16,
|
|
46
|
-
sm: 12
|
|
47
|
-
}[size];
|
|
48
|
-
const iconColor = {
|
|
49
|
-
positive: 'success',
|
|
50
|
-
negative: 'error',
|
|
51
|
-
neutral: 'muted'
|
|
52
|
-
}[variant];
|
|
53
|
+
const Icon = iconMap[variant];
|
|
54
|
+
const iconSize = iconSizeMap[size];
|
|
55
|
+
const iconColor = iconColorMap[variant];
|
|
53
56
|
const absoluteFormattedValue = `${Math.abs(value).toFixed(2)}%`;
|
|
54
57
|
const formattedValue = value < 0 ? `-${absoluteFormattedValue}` : absoluteFormattedValue;
|
|
55
58
|
return /*#__PURE__*/_jsxs(Box, {
|
|
@@ -63,7 +66,7 @@ export function Trend({
|
|
|
63
66
|
lx: lx,
|
|
64
67
|
style: [styles.container, style],
|
|
65
68
|
...props,
|
|
66
|
-
children: [/*#__PURE__*/_jsx(Icon, {
|
|
69
|
+
children: [Icon && /*#__PURE__*/_jsx(Icon, {
|
|
67
70
|
size: iconSize,
|
|
68
71
|
color: disabled ? 'disabled' : iconColor
|
|
69
72
|
}), /*#__PURE__*/_jsx(Text, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useDisabledContext","StyleSheet","useCommonTranslation","useStyleSheet","
|
|
1
|
+
{"version":3,"names":["useDisabledContext","StyleSheet","useCommonTranslation","useStyleSheet","TriangleDown","TriangleUp","Box","Text","jsx","_jsx","jsxs","_jsxs","getVariant","value","iconMap","positive","negative","neutral","iconSizeMap","md","sm","iconColorMap","Trend","size","lx","disabled","disabledProp","style","props","variant","consumerName","mergeWith","t","styles","useStyles","Icon","iconSize","iconColor","absoluteFormattedValue","Math","abs","toFixed","formattedValue","accessible","accessibilityLabel","accessibilityState","container","children","color","text","colors","success","error","muted","sizeMap","typographies","body3","body2","flexDirection","alignItems","gap","spacings","s2","flatten"],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/Trend.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAEV,gBAAgB,EAEjB,MAAM,SAAS,CAAC;AAejB;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,oNAkBzB,gBAAgB,4CAgGlB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useAnimatedStyle } from 'react-native-reanimated';
|
|
2
|
+
import type { AmountInputSize } from '../types';
|
|
3
|
+
type UseAmountInputAnimationsArgs = {
|
|
4
|
+
formattedValue: string;
|
|
5
|
+
size: AmountInputSize;
|
|
6
|
+
isFocused: boolean;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
};
|
|
9
|
+
type UseAmountInputAnimationsReturn = {
|
|
10
|
+
animatedInputStyle: ReturnType<typeof useAnimatedStyle>;
|
|
11
|
+
animatedCurrencyStyle: ReturnType<typeof useAnimatedStyle>;
|
|
12
|
+
animatedCaretStyle: ReturnType<typeof useAnimatedStyle>;
|
|
13
|
+
};
|
|
14
|
+
export declare const useAmountInputAnimations: ({ formattedValue, size, isFocused, disabled, }: UseAmountInputAnimationsArgs) => UseAmountInputAnimationsReturn;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=useAmountInputAnimations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAmountInputAnimations.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/AmountInput/useAmountInputAnimations/useAmountInputAnimations.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,gBAAgB,EAKjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,KAAK,4BAA4B,GAAG;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACpC,kBAAkB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACxD,qBAAqB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAC3D,kBAAkB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,gDAKtC,4BAA4B,KAAG,8BAoEjC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
type FormatOptions = {
|
|
2
|
+
allowDecimals: boolean;
|
|
3
|
+
thousandsSeparator: boolean;
|
|
4
|
+
maxIntegerLength: number;
|
|
5
|
+
maxDecimalLength: number;
|
|
6
|
+
};
|
|
7
|
+
type UseAmountInputFormattingArgs = {
|
|
8
|
+
value: string | number;
|
|
9
|
+
onChangeText: (text: string) => void;
|
|
10
|
+
formatOptions: FormatOptions;
|
|
11
|
+
};
|
|
12
|
+
type UseAmountInputFormattingReturn = {
|
|
13
|
+
formattedValue: string;
|
|
14
|
+
handleChangeText: (text: string) => void;
|
|
15
|
+
};
|
|
16
|
+
export declare const useAmountInputFormatting: ({ value, onChangeText, formatOptions, }: UseAmountInputFormattingArgs) => UseAmountInputFormattingReturn;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=useAmountInputFormatting.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAmountInputFormatting.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/Components/AmountInput/useAmountInputFormatting/useAmountInputFormatting.ts"],"names":[],"mappings":"AAGA,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,KAAK,8BAA8B,GAAG;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,yCAItC,4BAA4B,KAAG,8BAsBjC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Banner/Banner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Banner/Banner.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAoF3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM,GAAI,uHAYpB,WAAW,4CAyDb,CAAC"}
|
|
@@ -8,7 +8,7 @@ export type BannerProps = {
|
|
|
8
8
|
/**
|
|
9
9
|
* The main title of the banner.
|
|
10
10
|
*/
|
|
11
|
-
title?:
|
|
11
|
+
title?: ReactNode;
|
|
12
12
|
/**
|
|
13
13
|
* Optional descriptive text.
|
|
14
14
|
*/
|
|
@@ -16,11 +16,11 @@ export type BannerProps = {
|
|
|
16
16
|
/**
|
|
17
17
|
* Optional primary action.
|
|
18
18
|
*/
|
|
19
|
-
primaryAction?:
|
|
19
|
+
primaryAction?: ReactNode;
|
|
20
20
|
/**
|
|
21
21
|
* Optional secondary action.
|
|
22
22
|
*/
|
|
23
|
-
secondaryAction?:
|
|
23
|
+
secondaryAction?: ReactNode;
|
|
24
24
|
/**
|
|
25
25
|
* Optional close action.
|
|
26
26
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD;;OAEG;IACH,KAAK,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,eAAe,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { BottomSheetHeaderProps } from './types';
|
|
2
|
-
export declare const BottomSheetHeader: ({ lx, style, title, description, density, spacing, ...props }: BottomSheetHeaderProps) => import("react/jsx-runtime").JSX.Element
|
|
2
|
+
export declare const BottomSheetHeader: ({ lx, style, title, description, density, spacing, ...props }: BottomSheetHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=BottomSheetHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BottomSheet/BottomSheetHeader.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA+EtD,eAAO,MAAM,iBAAiB,GAAI,+DAQ/B,sBAAsB,
|
|
1
|
+
{"version":3,"file":"BottomSheetHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/BottomSheet/BottomSheetHeader.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA+EtD,eAAO,MAAM,iBAAiB,GAAI,+DAQ/B,sBAAsB,4CA+ExB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePillLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/SegmentedControl/usePillLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"usePillLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/SegmentedControl/usePillLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAOtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,wBAAgB,gCAAgC,CAC9C,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,SAAS,GAClB,MAAM,CAWR;AAED,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,KAAK,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,aAAa,EACb,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB;kBAcC,iBAAiB,KAAG,IAAI;;;;;;;;kCAiBnC,MAAM,UAAU,YAAY,KAAG,IAAI;EA0D9C"}
|