@ledgerhq/lumen-ui-rnative 0.1.39 → 0.1.41
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/AmountDisplay/AmountDisplay.js +28 -11
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.js.map +1 -1
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.test.js +71 -0
- package/dist/module/lib/Components/AmountDisplay/AmountDisplay.test.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.js +49 -154
- package/dist/module/lib/Components/AmountInput/AmountInput.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.test.js +152 -0
- package/dist/module/lib/Components/AmountInput/AmountInput.test.js.map +1 -0
- 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/Avatar/Avatar.figma.js +5 -0
- package/dist/module/lib/Components/Avatar/Avatar.figma.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.js +9 -2
- package/dist/module/lib/Components/Avatar/Avatar.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.mdx +9 -0
- package/dist/module/lib/Components/Avatar/Avatar.stories.js +47 -0
- package/dist/module/lib/Components/Avatar/Avatar.stories.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.test.js +23 -1
- package/dist/module/lib/Components/Avatar/Avatar.test.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/Switch/Switch.js +144 -8
- package/dist/module/lib/Components/Switch/Switch.js.map +1 -1
- package/dist/typescript/src/lib/Components/AmountDisplay/AmountDisplay.d.ts.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/Avatar/Avatar.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Avatar/types.d.ts +6 -0
- package/dist/typescript/src/lib/Components/Avatar/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/Switch/Switch.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Switch/Switch.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Switch/types.d.ts +2 -1
- package/dist/typescript/src/lib/Components/Switch/types.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/lib/Components/AmountDisplay/AmountDisplay.test.tsx +92 -0
- package/src/lib/Components/AmountDisplay/AmountDisplay.tsx +37 -15
- package/src/lib/Components/AmountInput/AmountInput.test.tsx +166 -0
- package/src/lib/Components/AmountInput/AmountInput.tsx +55 -110
- 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/Avatar/Avatar.figma.tsx +5 -0
- package/src/lib/Components/Avatar/Avatar.mdx +9 -0
- package/src/lib/Components/Avatar/Avatar.stories.tsx +41 -0
- package/src/lib/Components/Avatar/Avatar.test.tsx +31 -1
- package/src/lib/Components/Avatar/Avatar.tsx +17 -4
- package/src/lib/Components/Avatar/types.ts +6 -0
- package/src/lib/Components/BottomSheet/BottomSheetHeader.tsx +0 -4
- package/src/lib/Components/Icon/Icon.test.tsx +1 -1
- package/src/lib/Components/Switch/Switch.tsx +132 -11
- package/src/lib/Components/Switch/types.ts +3 -1
- package/dist/module/lib/Components/Switch/BaseSwitch.js +0 -221
- package/dist/module/lib/Components/Switch/BaseSwitch.js.map +0 -1
- package/dist/typescript/src/lib/Components/Switch/BaseSwitch.d.ts +0 -13
- package/dist/typescript/src/lib/Components/Switch/BaseSwitch.d.ts.map +0 -1
- package/src/lib/Components/Switch/BaseSwitch.tsx +0 -249
|
@@ -7,7 +7,8 @@ import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
|
|
|
7
7
|
import { Avatar } from "./Avatar.js";
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
9
|
const {
|
|
10
|
-
sizes
|
|
10
|
+
sizes,
|
|
11
|
+
colors
|
|
11
12
|
} = ledgerLiveThemes.dark;
|
|
12
13
|
const TestWrapper = ({
|
|
13
14
|
children
|
|
@@ -40,6 +41,27 @@ describe('Avatar Component', () => {
|
|
|
40
41
|
}));
|
|
41
42
|
getByLabelText('user profile');
|
|
42
43
|
});
|
|
44
|
+
it('should render with transparent appearance by default', () => {
|
|
45
|
+
const {
|
|
46
|
+
getByTestId
|
|
47
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
48
|
+
children: /*#__PURE__*/_jsx(Avatar, {
|
|
49
|
+
testID: "avatar-id"
|
|
50
|
+
})
|
|
51
|
+
}));
|
|
52
|
+
expect(getByTestId('avatar-id').props.style.backgroundColor).toBe(colors.bg.mutedTransparent);
|
|
53
|
+
});
|
|
54
|
+
it.each([['transparent', colors.bg.mutedTransparent], ['gray', colors.bg.muted]])('should render with %s appearance when specified', (appearance, expectedColor) => {
|
|
55
|
+
const {
|
|
56
|
+
getByTestId
|
|
57
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
58
|
+
children: /*#__PURE__*/_jsx(Avatar, {
|
|
59
|
+
testID: "avatar-id",
|
|
60
|
+
appearance: appearance
|
|
61
|
+
})
|
|
62
|
+
}));
|
|
63
|
+
expect(getByTestId('avatar-id').props.style.backgroundColor).toBe(expectedColor);
|
|
64
|
+
});
|
|
43
65
|
it('should render with different sizes', () => {
|
|
44
66
|
const {
|
|
45
67
|
getByTestId,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","waitFor","ThemeProvider","Avatar","jsx","_jsx","sizes","dark","TestWrapper","children","themes","colorScheme","locale","testSrc","getByLabelText","src","alt","getByTestId","
|
|
1
|
+
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","waitFor","ThemeProvider","Avatar","jsx","_jsx","sizes","colors","dark","TestWrapper","children","themes","colorScheme","locale","testSrc","getByLabelText","src","alt","getByTestId","testID","props","style","backgroundColor","toBe","bg","mutedTransparent","each","muted","appearance","expectedColor","rerender","size","width","s40","height","s48","s56","s72","avatarContainer","toBeTruthy","accessibilityRole","image","source","toEqual","uri","queryByTestId","onError","toBeNull","newImage","toJSON","showNotification","tree","toHaveLength","pointerEvents","dot","s10","s12","accessibilityLabel","customStyle","borderWidth","avatar"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -95,9 +95,6 @@ export const BottomSheetHeader = ({
|
|
|
95
95
|
spacing,
|
|
96
96
|
hidden: !hasIcons && density !== 'compact'
|
|
97
97
|
});
|
|
98
|
-
if (!hasTitleSection && !onBack && hideCloseButton) {
|
|
99
|
-
return null;
|
|
100
|
-
}
|
|
101
98
|
const titleComponent = hasTitleSection ? /*#__PURE__*/_jsxs(Box, {
|
|
102
99
|
style: styles.textWrapper,
|
|
103
100
|
children: [title && /*#__PURE__*/_jsx(Text, {
|
|
@@ -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 = {
|
|
@@ -1,10 +1,126 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
|
|
4
|
+
import { useCallback } from 'react';
|
|
5
|
+
import { View, StyleSheet } from 'react-native';
|
|
6
|
+
import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
|
|
7
|
+
import { useStyleSheet, useTheme } from "../../../styles/index.js";
|
|
8
|
+
import { useTimingConfig } from "../../Animations/useTimingConfig.js";
|
|
4
9
|
import { useControllableState } from "../../utils/index.js";
|
|
5
10
|
import { Pressable } from "../Utility/index.js";
|
|
6
|
-
import { BaseSwitchThumb, BaseSwitchRoot } from "./BaseSwitch.js";
|
|
7
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
const useSwitchStyles = ({
|
|
13
|
+
checked,
|
|
14
|
+
disabled,
|
|
15
|
+
size
|
|
16
|
+
}) => {
|
|
17
|
+
const {
|
|
18
|
+
theme
|
|
19
|
+
} = useTheme();
|
|
20
|
+
const styles = useStyleSheet(t => {
|
|
21
|
+
const sizes = {
|
|
22
|
+
sm: {
|
|
23
|
+
width: t.sizes.s24,
|
|
24
|
+
height: t.sizes.s16
|
|
25
|
+
},
|
|
26
|
+
md: {
|
|
27
|
+
width: t.sizes.s40,
|
|
28
|
+
height: t.sizes.s24
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const thumbSizes = {
|
|
32
|
+
sm: t.sizes.s12,
|
|
33
|
+
md: t.sizes.s20
|
|
34
|
+
};
|
|
35
|
+
return {
|
|
36
|
+
root: StyleSheet.flatten([{
|
|
37
|
+
borderRadius: t.borderRadius.full,
|
|
38
|
+
padding: t.spacings.s2,
|
|
39
|
+
overflow: 'hidden',
|
|
40
|
+
...sizes[size],
|
|
41
|
+
minWidth: sizes[size].width,
|
|
42
|
+
maxWidth: sizes[size].width,
|
|
43
|
+
minHeight: sizes[size].height,
|
|
44
|
+
maxHeight: sizes[size].height
|
|
45
|
+
}, !checked && !disabled && {
|
|
46
|
+
backgroundColor: t.colors.bg.mutedStrong
|
|
47
|
+
}, checked && !disabled && {
|
|
48
|
+
backgroundColor: t.colors.bg.active
|
|
49
|
+
}, disabled && {
|
|
50
|
+
backgroundColor: t.colors.bg.disabled
|
|
51
|
+
}]),
|
|
52
|
+
thumbWrapper: {
|
|
53
|
+
position: 'absolute',
|
|
54
|
+
top: t.spacings.s2,
|
|
55
|
+
left: t.spacings.s2
|
|
56
|
+
},
|
|
57
|
+
thumb: StyleSheet.flatten([{
|
|
58
|
+
borderRadius: t.borderRadius.full,
|
|
59
|
+
backgroundColor: 'white',
|
|
60
|
+
width: thumbSizes[size],
|
|
61
|
+
height: thumbSizes[size]
|
|
62
|
+
}, disabled && {
|
|
63
|
+
backgroundColor: t.colors.bg.base
|
|
64
|
+
}])
|
|
65
|
+
};
|
|
66
|
+
}, [checked, disabled, size]);
|
|
67
|
+
const thumbTranslations = {
|
|
68
|
+
sm: theme.spacings.s8,
|
|
69
|
+
md: theme.spacings.s16
|
|
70
|
+
};
|
|
71
|
+
return {
|
|
72
|
+
...styles,
|
|
73
|
+
thumbTranslate: thumbTranslations[size]
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
const _worklet_8730516420979_init_data = {
|
|
77
|
+
code: "function SwitchTsx1(){const{withTiming,checked,translate,timing}=this.__closure;return{transform:[{translateX:withTiming(checked?translate:0,timing)}]};}",
|
|
78
|
+
location: "/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/Switch/Switch.tsx",
|
|
79
|
+
sourceMap: "{\"version\":3,\"names\":[\"SwitchTsx1\",\"withTiming\",\"checked\",\"translate\",\"timing\",\"__closure\",\"transform\",\"translateX\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/Switch/Switch.tsx\"],\"mappings\":\"AAkGI,SAAAA,WAAA,QAAAC,UAAA,CAAAC,OAAA,CAAAC,SAAA,CAAAC,MAAA,OAAAC,SAAA,OAAO,CACLC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEN,UAAU,CAACC,OAAO,CAAGC,SAAS,CAAG,CAAC,CAAEC,MAAM,CAAE,CAAC,CACzE,CAAC\",\"ignoreList\":[]}"
|
|
80
|
+
};
|
|
81
|
+
const useAnimatedThumb = (checked, translate) => {
|
|
82
|
+
const timing = useTimingConfig({
|
|
83
|
+
duration: 200,
|
|
84
|
+
easing: 'easeInOut'
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
// Reanimated best practice: derive the animation reactively by calling
|
|
88
|
+
// `withTiming` inside `useAnimatedStyle`. When `checked` (or `translate`)
|
|
89
|
+
// changes the worklet re-runs and animates from the current value to the
|
|
90
|
+
// new target -- no shared value or effect required.
|
|
91
|
+
return useAnimatedStyle(function SwitchTsx1Factory({
|
|
92
|
+
_worklet_8730516420979_init_data,
|
|
93
|
+
withTiming,
|
|
94
|
+
checked,
|
|
95
|
+
translate,
|
|
96
|
+
timing
|
|
97
|
+
}) {
|
|
98
|
+
const _e = [new global.Error(), -5, -27];
|
|
99
|
+
const SwitchTsx1 = () => ({
|
|
100
|
+
transform: [{
|
|
101
|
+
translateX: withTiming(checked ? translate : 0, timing)
|
|
102
|
+
}]
|
|
103
|
+
});
|
|
104
|
+
SwitchTsx1.__closure = {
|
|
105
|
+
withTiming,
|
|
106
|
+
checked,
|
|
107
|
+
translate,
|
|
108
|
+
timing
|
|
109
|
+
};
|
|
110
|
+
SwitchTsx1.__workletHash = 8730516420979;
|
|
111
|
+
SwitchTsx1.__pluginVersion = "0.5.2";
|
|
112
|
+
SwitchTsx1.__initData = _worklet_8730516420979_init_data;
|
|
113
|
+
SwitchTsx1.__stackDetails = _e;
|
|
114
|
+
return SwitchTsx1;
|
|
115
|
+
}({
|
|
116
|
+
_worklet_8730516420979_init_data,
|
|
117
|
+
withTiming,
|
|
118
|
+
checked,
|
|
119
|
+
translate,
|
|
120
|
+
timing
|
|
121
|
+
}), [checked, translate, timing]);
|
|
122
|
+
};
|
|
123
|
+
|
|
8
124
|
/**
|
|
9
125
|
* The switch follows the design system tokens and supports checked, unchecked,
|
|
10
126
|
* disabled, and focus states with proper active interactions.
|
|
@@ -36,6 +152,7 @@ export const Switch = ({
|
|
|
36
152
|
defaultChecked = false,
|
|
37
153
|
disabled: disabledProp,
|
|
38
154
|
size = 'md',
|
|
155
|
+
onPress: onPressProp,
|
|
39
156
|
ref,
|
|
40
157
|
...props
|
|
41
158
|
}) => {
|
|
@@ -50,17 +167,36 @@ export const Switch = ({
|
|
|
50
167
|
onChange: onCheckedChangeProp,
|
|
51
168
|
defaultProp: defaultChecked
|
|
52
169
|
});
|
|
170
|
+
const styles = useSwitchStyles({
|
|
171
|
+
checked: !!checked,
|
|
172
|
+
disabled: !!disabled,
|
|
173
|
+
size
|
|
174
|
+
});
|
|
175
|
+
const animatedStyle = useAnimatedThumb(!!checked, styles.thumbTranslate);
|
|
176
|
+
const onPress = useCallback(ev => {
|
|
177
|
+
if (disabled) return;
|
|
178
|
+
onCheckedChange(!checked);
|
|
179
|
+
onPressProp?.(ev);
|
|
180
|
+
}, [disabled, checked, onCheckedChange, onPressProp]);
|
|
53
181
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
54
182
|
ref: ref,
|
|
55
183
|
lx: lx,
|
|
56
|
-
|
|
184
|
+
role: "switch",
|
|
185
|
+
"aria-checked": checked,
|
|
186
|
+
"aria-disabled": disabled,
|
|
187
|
+
accessibilityState: {
|
|
188
|
+
checked,
|
|
189
|
+
disabled
|
|
190
|
+
},
|
|
191
|
+
disabled: disabled,
|
|
192
|
+
onPress: onPress,
|
|
193
|
+
style: [styles.root, style],
|
|
57
194
|
...props,
|
|
58
|
-
children: /*#__PURE__*/_jsx(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
children: /*#__PURE__*/_jsx(BaseSwitchThumb, {})
|
|
195
|
+
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
196
|
+
style: [styles.thumbWrapper, animatedStyle],
|
|
197
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
198
|
+
style: styles.thumb
|
|
199
|
+
})
|
|
64
200
|
})
|
|
65
201
|
});
|
|
66
202
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useDisabledContext","
|
|
1
|
+
{"version":3,"names":["useDisabledContext","useCallback","View","StyleSheet","Animated","useAnimatedStyle","withTiming","useStyleSheet","useTheme","useTimingConfig","useControllableState","Pressable","jsx","_jsx","useSwitchStyles","checked","disabled","size","theme","styles","t","sizes","sm","width","s24","height","s16","md","s40","thumbSizes","s12","s20","root","flatten","borderRadius","full","padding","spacings","s2","overflow","minWidth","maxWidth","minHeight","maxHeight","backgroundColor","colors","bg","mutedStrong","active","thumbWrapper","position","top","left","thumb","base","thumbTranslations","s8","thumbTranslate","_worklet_8730516420979_init_data","code","location","sourceMap","useAnimatedThumb","translate","timing","duration","easing","SwitchTsx1Factory","_e","global","Error","SwitchTsx1","transform","translateX","__closure","__workletHash","__pluginVersion","__initData","__stackDetails","Switch","lx","style","checkedProp","onCheckedChange","onCheckedChangeProp","defaultChecked","disabledProp","onPress","onPressProp","ref","props","consumerName","mergeWith","prop","onChange","defaultProp","animatedStyle","ev","role","accessibilityState","children"],"sourceRoot":"../../../../../src","sources":["lib/Components/Switch/Switch.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,kBAAkB,EAKnB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,kBAAkB,EAKnB,MAAM,SAAS,CAAC;AAqOjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,MAAc,EACd,OAAe,EACf,OAAc,EACd,IAAW,EACX,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA2EpB"}
|
|
@@ -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"}
|
|
@@ -15,5 +15,5 @@ import type { AvatarProps } from './types';
|
|
|
15
15
|
* // With notification indicator
|
|
16
16
|
* <Avatar src="https://example.com/photo.jpg" showNotification />
|
|
17
17
|
*/
|
|
18
|
-
export declare const Avatar: ({ lx, style, src, alt, size, showNotification: showNotificationProp, testID, ref, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare const Avatar: ({ lx, style, src, alt, appearance, size, showNotification: showNotificationProp, testID, ref, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+D3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,0GAWpB,WAAW,4CAyDb,CAAC"}
|
|
@@ -10,6 +10,12 @@ export type AvatarProps = {
|
|
|
10
10
|
* @optional
|
|
11
11
|
*/
|
|
12
12
|
alt?: string;
|
|
13
|
+
/**
|
|
14
|
+
* The visual appearance of the avatar background: `gray` or `transparent`.
|
|
15
|
+
* @optional
|
|
16
|
+
* @default transparent
|
|
17
|
+
*/
|
|
18
|
+
appearance?: 'gray' | 'transparent';
|
|
13
19
|
/**
|
|
14
20
|
* The size variant of the avatar.
|
|
15
21
|
* @optional
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACpC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,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"}
|
|
@@ -22,5 +22,5 @@ import type { SwitchProps } from './types';
|
|
|
22
22
|
* // Uncontrolled switch with default state
|
|
23
23
|
* <Switch defaultChecked={true} onCheckedChange={handleChange} />
|
|
24
24
|
*/
|
|
25
|
-
export declare const Switch: ({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked, disabled: disabledProp, size, ref, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const Switch: ({ lx, style, checked: checkedProp, onCheckedChange: onCheckedChangeProp, defaultChecked, disabled: disabledProp, size, onPress: onPressProp, ref, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
26
|
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Switch/Switch.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAc,MAAM,SAAS,CAAC;AA6FvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM,GAAI,8JAWpB,WAAW,4CA6Cb,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { StyledPressableProps } from '../../../styles';
|
|
2
|
+
export type SwitchSize = 'sm' | 'md';
|
|
2
3
|
export type SwitchProps = {
|
|
3
4
|
/**
|
|
4
5
|
* The disabled state of the switch.
|
|
@@ -14,7 +15,7 @@ export type SwitchProps = {
|
|
|
14
15
|
* The size of the switch.
|
|
15
16
|
* @default 'md'
|
|
16
17
|
*/
|
|
17
|
-
size?:
|
|
18
|
+
size?: SwitchSize;
|
|
18
19
|
/**
|
|
19
20
|
* The callback function called when the checked state changes.
|
|
20
21
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ledgerhq/lumen-ui-rnative",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.41",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"@types/react": "^19.0.0",
|
|
54
54
|
"@gorhom/bottom-sheet": "^5.0.0",
|
|
55
|
-
"@ledgerhq/lumen-design-core": "0.1.
|
|
55
|
+
"@ledgerhq/lumen-design-core": "0.1.17",
|
|
56
56
|
"react": "^19.0.0",
|
|
57
57
|
"react-native": "~0.79.7",
|
|
58
58
|
"react-native-reanimated": "^4.1.0",
|
|
@@ -31,6 +31,7 @@ describe('AmountDisplay', () => {
|
|
|
31
31
|
accessibilityValue?: { text?: string };
|
|
32
32
|
[key: string]: unknown;
|
|
33
33
|
};
|
|
34
|
+
findAll: (predicate: (node: TestNode) => boolean) => TestNode[];
|
|
34
35
|
};
|
|
35
36
|
|
|
36
37
|
const getDigitStripValues = (): number[] => {
|
|
@@ -43,6 +44,32 @@ describe('AmountDisplay', () => {
|
|
|
43
44
|
.map((node: TestNode) => Number(node.props.accessibilityValue?.text));
|
|
44
45
|
};
|
|
45
46
|
|
|
47
|
+
const getDigitStripWidths = (): unknown[] => {
|
|
48
|
+
return screen.root
|
|
49
|
+
.findAll(
|
|
50
|
+
(node: TestNode) =>
|
|
51
|
+
typeof node.type !== 'function' &&
|
|
52
|
+
node.props.accessibilityValue?.text !== undefined,
|
|
53
|
+
)
|
|
54
|
+
.map(
|
|
55
|
+
(node: TestNode) =>
|
|
56
|
+
(node.props.style as { width?: unknown } | undefined)?.width,
|
|
57
|
+
);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
const getDigitStripContainers = (): TestNode[] => {
|
|
61
|
+
return screen.root.findAll(
|
|
62
|
+
(node: TestNode) =>
|
|
63
|
+
typeof node.type !== 'function' &&
|
|
64
|
+
node.props.accessibilityValue?.text !== undefined,
|
|
65
|
+
);
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
const getStyleOverflow = (node: TestNode): unknown => {
|
|
69
|
+
const style = node.props.style as { overflow?: unknown } | undefined;
|
|
70
|
+
return style?.overflow;
|
|
71
|
+
};
|
|
72
|
+
|
|
46
73
|
it('renders with basic formatter', () => {
|
|
47
74
|
const formatter = createFormatter();
|
|
48
75
|
render(
|
|
@@ -240,4 +267,69 @@ describe('AmountDisplay', () => {
|
|
|
240
267
|
|
|
241
268
|
expect(screen.getAllByText(',', hidden)).toHaveLength(2);
|
|
242
269
|
});
|
|
270
|
+
|
|
271
|
+
it('animates the digit strip width when animate is true', () => {
|
|
272
|
+
const formatter = createFormatter();
|
|
273
|
+
render(
|
|
274
|
+
<TestWrapper>
|
|
275
|
+
<AmountDisplay value={1234.56} formatter={formatter} animate={true} />
|
|
276
|
+
</TestWrapper>,
|
|
277
|
+
);
|
|
278
|
+
|
|
279
|
+
const widths = getDigitStripWidths();
|
|
280
|
+
expect(widths.length).toBeGreaterThan(0);
|
|
281
|
+
widths.forEach((width) => {
|
|
282
|
+
expect(typeof width).not.toBe('number');
|
|
283
|
+
});
|
|
284
|
+
});
|
|
285
|
+
|
|
286
|
+
it('uses a static digit strip width when animate is false', () => {
|
|
287
|
+
const formatter = createFormatter();
|
|
288
|
+
render(
|
|
289
|
+
<TestWrapper>
|
|
290
|
+
<AmountDisplay value={1234.56} formatter={formatter} animate={false} />
|
|
291
|
+
</TestWrapper>,
|
|
292
|
+
);
|
|
293
|
+
|
|
294
|
+
const widths = getDigitStripWidths();
|
|
295
|
+
expect(widths.length).toBeGreaterThan(0);
|
|
296
|
+
widths.forEach((width) => {
|
|
297
|
+
expect(typeof width).toBe('number');
|
|
298
|
+
});
|
|
299
|
+
});
|
|
300
|
+
|
|
301
|
+
describe('digit strip clipping', () => {
|
|
302
|
+
it('does not set overflow:hidden on the digit strip container', () => {
|
|
303
|
+
const formatter = createFormatter();
|
|
304
|
+
render(
|
|
305
|
+
<TestWrapper>
|
|
306
|
+
<AmountDisplay value={1234.56} formatter={formatter} />
|
|
307
|
+
</TestWrapper>,
|
|
308
|
+
);
|
|
309
|
+
|
|
310
|
+
const containers = getDigitStripContainers();
|
|
311
|
+
expect(containers.length).toBeGreaterThan(0);
|
|
312
|
+
containers.forEach((container) => {
|
|
313
|
+
expect(getStyleOverflow(container)).not.toBe('hidden');
|
|
314
|
+
});
|
|
315
|
+
});
|
|
316
|
+
|
|
317
|
+
it('clips overflow on an inner wrapper inside each digit strip', () => {
|
|
318
|
+
const formatter = createFormatter();
|
|
319
|
+
render(
|
|
320
|
+
<TestWrapper>
|
|
321
|
+
<AmountDisplay value={1234.56} formatter={formatter} />
|
|
322
|
+
</TestWrapper>,
|
|
323
|
+
);
|
|
324
|
+
|
|
325
|
+
const containers = getDigitStripContainers();
|
|
326
|
+
expect(containers.length).toBeGreaterThan(0);
|
|
327
|
+
containers.forEach((container) => {
|
|
328
|
+
const clippingWrapper = container.findAll(
|
|
329
|
+
(node: TestNode) => getStyleOverflow(node) === 'hidden',
|
|
330
|
+
);
|
|
331
|
+
expect(clippingWrapper.length).toBeGreaterThan(0);
|
|
332
|
+
});
|
|
333
|
+
});
|
|
334
|
+
});
|
|
243
335
|
});
|