@ledgerhq/lumen-ui-rnative 0.1.39 → 0.1.40
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 +9 -4
- 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/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/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.map +1 -1
- 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/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 +1 -1
- 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 +6 -1
- 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/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
|
@@ -40,6 +40,15 @@ Avatars come in four different sizes:
|
|
|
40
40
|
|
|
41
41
|
<Canvas of={AvatarStories.SizeShowcase} />
|
|
42
42
|
|
|
43
|
+
### Appearance
|
|
44
|
+
|
|
45
|
+
The `appearance` prop controls the background color of the avatar container.
|
|
46
|
+
|
|
47
|
+
- **`gray`**: Uses a muted gray background
|
|
48
|
+
- **`transparent`**: Uses a semi-transparent muted background — default
|
|
49
|
+
|
|
50
|
+
<Canvas of={AvatarStories.AppearanceShowcase} />
|
|
51
|
+
|
|
43
52
|
### States
|
|
44
53
|
|
|
45
54
|
The Avatar component handles two primary states automatically:
|
|
@@ -111,6 +111,53 @@ export const SizeShowcase = {
|
|
|
111
111
|
})]
|
|
112
112
|
})
|
|
113
113
|
};
|
|
114
|
+
const AppearanceShowcaseRender = () => {
|
|
115
|
+
return /*#__PURE__*/_jsxs(Box, {
|
|
116
|
+
lx: {
|
|
117
|
+
gap: 's8'
|
|
118
|
+
},
|
|
119
|
+
children: [/*#__PURE__*/_jsxs(Box, {
|
|
120
|
+
lx: {
|
|
121
|
+
flexDirection: 'row',
|
|
122
|
+
gap: 's16',
|
|
123
|
+
padding: 's8'
|
|
124
|
+
},
|
|
125
|
+
children: [/*#__PURE__*/_jsx(Avatar, {
|
|
126
|
+
alt: "gray fallback",
|
|
127
|
+
size: "md",
|
|
128
|
+
appearance: "gray",
|
|
129
|
+
showNotification: false
|
|
130
|
+
}), /*#__PURE__*/_jsx(Avatar, {
|
|
131
|
+
alt: "transparent fallback",
|
|
132
|
+
size: "md",
|
|
133
|
+
appearance: "transparent",
|
|
134
|
+
showNotification: false
|
|
135
|
+
})]
|
|
136
|
+
}), /*#__PURE__*/_jsxs(Box, {
|
|
137
|
+
lx: {
|
|
138
|
+
flexDirection: 'row',
|
|
139
|
+
gap: 's16',
|
|
140
|
+
padding: 's8'
|
|
141
|
+
},
|
|
142
|
+
children: [/*#__PURE__*/_jsx(Avatar, {
|
|
143
|
+
src: exampleSrc,
|
|
144
|
+
alt: "gray with image",
|
|
145
|
+
size: "md",
|
|
146
|
+
appearance: "gray",
|
|
147
|
+
showNotification: false
|
|
148
|
+
}), /*#__PURE__*/_jsx(Avatar, {
|
|
149
|
+
src: exampleSrc,
|
|
150
|
+
alt: "transparent with image",
|
|
151
|
+
size: "md",
|
|
152
|
+
appearance: "transparent",
|
|
153
|
+
showNotification: false
|
|
154
|
+
})]
|
|
155
|
+
})]
|
|
156
|
+
});
|
|
157
|
+
};
|
|
158
|
+
export const AppearanceShowcase = {
|
|
159
|
+
render: () => /*#__PURE__*/_jsx(AppearanceShowcaseRender, {})
|
|
160
|
+
};
|
|
114
161
|
export const FallbackShowcase = {
|
|
115
162
|
args: {
|
|
116
163
|
src: 'https://brokenLink.random',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Text","Pressable","Linking","Box","Avatar","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","exampleSrc","Base","args","src","alt","size","showNotification","render","code","SizeShowcase","lx","alignItems","flexDirection","gap","children","style","justifyContent","marginTop","FallbackShowcase","NotificationShowcase","onPressRedirect","openURL","InteractiveShowcase","onPress","pressed","borderRadius","opacity","backgroundColor"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.stories.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["View","Text","Pressable","Linking","Box","Avatar","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","exampleSrc","Base","args","src","alt","size","showNotification","render","code","SizeShowcase","lx","alignItems","flexDirection","gap","children","style","justifyContent","marginTop","AppearanceShowcaseRender","padding","appearance","AppearanceShowcase","FallbackShowcase","NotificationShowcase","onPressRedirect","openURL","InteractiveShowcase","onPress","pressed","borderRadius","opacity","backgroundColor"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -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":[]}
|
|
@@ -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":"AAiBA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,oNAkBzB,gBAAgB,
|
|
1
|
+
{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,SAAS,CAAC;AAEjB;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,oNAkBzB,gBAAgB,4CA+JlB,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"}
|
|
@@ -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
|
@@ -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
|
});
|