@ledgerhq/lumen-ui-rnative 0.1.27 → 0.1.29
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/i18n/locales/de.json +2 -1
- package/dist/module/i18n/locales/en.json +2 -1
- package/dist/module/i18n/locales/es.json +2 -1
- package/dist/module/i18n/locales/fr.json +2 -1
- package/dist/module/i18n/locales/ja.json +3 -2
- package/dist/module/i18n/locales/ko.json +3 -2
- package/dist/module/i18n/locales/pt.json +2 -1
- package/dist/module/i18n/locales/ru.json +2 -1
- package/dist/module/i18n/locales/th.json +2 -1
- package/dist/module/i18n/locales/tr.json +3 -2
- package/dist/module/i18n/locales/zh.json +3 -2
- package/dist/module/lib/Components/Avatar/Avatar.figma.js +2 -1
- package/dist/module/lib/Components/Avatar/Avatar.figma.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.js +11 -5
- package/dist/module/lib/Components/Avatar/Avatar.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.mdx +3 -2
- package/dist/module/lib/Components/Avatar/Avatar.stories.js +16 -0
- package/dist/module/lib/Components/Avatar/Avatar.stories.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.test.js +21 -4
- package/dist/module/lib/Components/Avatar/Avatar.test.js.map +1 -1
- package/dist/module/lib/Components/Card/Card.stories.js +19 -19
- package/dist/module/lib/Components/Card/Card.stories.js.map +1 -1
- package/dist/module/lib/Components/DotIcon/DotIcon.js +1 -1
- package/dist/module/lib/Components/DotIndicator/DotIndicator.js +2 -1
- package/dist/module/lib/Components/DotIndicator/DotIndicator.js.map +1 -1
- package/dist/module/lib/Components/DotIndicator/DotIndicator.mdx +3 -2
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js +20 -4
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js.map +1 -1
- package/dist/module/lib/Components/DotIndicator/DotIndicator.test.js +10 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.test.js.map +1 -1
- package/dist/module/lib/Components/ListItem/ListItem.stories.js +3 -3
- package/dist/module/lib/Components/ListItem/ListItem.stories.js.map +1 -1
- package/dist/module/lib/Components/MediaButton/MediaButton.stories.js +4 -4
- package/dist/module/lib/Components/MediaButton/MediaButton.stories.js.map +1 -1
- package/dist/module/lib/Components/MediaCard/MediaCard.stories.js +3 -3
- package/dist/module/lib/Components/MediaCard/MediaCard.stories.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.js +41 -7
- package/dist/module/lib/Components/MediaImage/MediaImage.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.mdx +38 -5
- package/dist/module/lib/Components/MediaImage/MediaImage.stories.js +92 -0
- package/dist/module/lib/Components/MediaImage/MediaImage.stories.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.test.js +117 -0
- package/dist/module/lib/Components/MediaImage/MediaImage.test.js.map +1 -1
- package/dist/module/lib/Components/NavBar/NavBar.mdx +0 -1
- package/dist/module/lib/Components/NavBar/NavBar.stories.js +2 -2
- package/dist/module/lib/Components/NavBar/NavBar.stories.js.map +1 -1
- package/dist/module/lib/Components/OptionList/OptionList.stories.js +7 -7
- package/dist/module/lib/Components/OptionList/OptionList.stories.js.map +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 +1 -1
- package/dist/typescript/src/lib/Components/Avatar/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/DotIndicator/types.d.ts +1 -1
- package/dist/typescript/src/lib/Components/DotIndicator/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts +9 -3
- package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/types.d.ts +12 -0
- package/dist/typescript/src/lib/Components/MediaImage/types.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/i18n/locales/de.json +2 -1
- package/src/i18n/locales/en.json +2 -1
- package/src/i18n/locales/es.json +2 -1
- package/src/i18n/locales/fr.json +2 -1
- package/src/i18n/locales/ja.json +3 -2
- package/src/i18n/locales/ko.json +3 -2
- package/src/i18n/locales/pt.json +2 -1
- package/src/i18n/locales/ru.json +2 -1
- package/src/i18n/locales/th.json +2 -1
- package/src/i18n/locales/tr.json +3 -2
- package/src/i18n/locales/zh.json +3 -2
- package/src/lib/Components/Avatar/Avatar.figma.tsx +1 -0
- package/src/lib/Components/Avatar/Avatar.mdx +3 -2
- package/src/lib/Components/Avatar/Avatar.stories.tsx +9 -0
- package/src/lib/Components/Avatar/Avatar.test.tsx +21 -4
- package/src/lib/Components/Avatar/Avatar.tsx +6 -3
- package/src/lib/Components/Avatar/types.ts +1 -1
- package/src/lib/Components/Card/Card.stories.tsx +19 -19
- package/src/lib/Components/DotIcon/DotIcon.tsx +1 -1
- package/src/lib/Components/DotIndicator/DotIndicator.mdx +3 -2
- package/src/lib/Components/DotIndicator/DotIndicator.stories.tsx +11 -1
- package/src/lib/Components/DotIndicator/DotIndicator.test.tsx +10 -0
- package/src/lib/Components/DotIndicator/DotIndicator.tsx +2 -1
- package/src/lib/Components/DotIndicator/types.ts +1 -1
- package/src/lib/Components/ListItem/ListItem.stories.tsx +3 -3
- package/src/lib/Components/MediaButton/MediaButton.stories.tsx +4 -4
- package/src/lib/Components/MediaCard/MediaCard.stories.tsx +3 -3
- package/src/lib/Components/MediaImage/MediaImage.mdx +38 -5
- package/src/lib/Components/MediaImage/MediaImage.stories.tsx +32 -0
- package/src/lib/Components/MediaImage/MediaImage.test.tsx +108 -0
- package/src/lib/Components/MediaImage/MediaImage.tsx +37 -3
- package/src/lib/Components/MediaImage/types.ts +12 -0
- package/src/lib/Components/NavBar/NavBar.mdx +0 -1
- package/src/lib/Components/NavBar/NavBar.stories.tsx +2 -2
- package/src/lib/Components/OptionList/OptionList.stories.tsx +11 -11
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"avatar": {
|
|
13
13
|
"defaultAlt": "Benutzer-Avatar",
|
|
14
|
-
"notificationAriaLabel": "Hat Benachrichtigung"
|
|
14
|
+
"notificationAriaLabel": "Hat Benachrichtigung",
|
|
15
|
+
"fallbackIconAriaLabel": "Fallback-Icon"
|
|
15
16
|
},
|
|
16
17
|
"baseInput": {
|
|
17
18
|
"clearInputAriaLabel": "Eingabe löschen"
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"avatar": {
|
|
13
13
|
"defaultAlt": "Avatar de usuario",
|
|
14
|
-
"notificationAriaLabel": "Tiene notificación"
|
|
14
|
+
"notificationAriaLabel": "Tiene notificación",
|
|
15
|
+
"fallbackIconAriaLabel": "Ícono alternativo"
|
|
15
16
|
},
|
|
16
17
|
"baseInput": {
|
|
17
18
|
"clearInputAriaLabel": "Borrar entrada"
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"avatar": {
|
|
13
13
|
"defaultAlt": "Avatar de l'utilisateur",
|
|
14
|
-
"notificationAriaLabel": "A une notification"
|
|
14
|
+
"notificationAriaLabel": "A une notification",
|
|
15
|
+
"fallbackIconAriaLabel": "Icône par défaut"
|
|
15
16
|
},
|
|
16
17
|
"baseInput": {
|
|
17
18
|
"clearInputAriaLabel": "Effacer la saisie"
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"avatar": {
|
|
13
13
|
"defaultAlt": "ユーザーアバター",
|
|
14
|
-
"notificationAriaLabel": "通知あり"
|
|
14
|
+
"notificationAriaLabel": "通知あり",
|
|
15
|
+
"fallbackIconAriaLabel": "フォールバックアイコン"
|
|
15
16
|
},
|
|
16
17
|
"baseInput": {
|
|
17
18
|
"clearInputAriaLabel": "インプットを削除"
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
"opensInNewTabAriaLabel": "(新しいタブで開く)"
|
|
31
32
|
},
|
|
32
33
|
"stepper": {
|
|
33
|
-
"progressAriaLabel": "ステップ
|
|
34
|
+
"progressAriaLabel": "ステップ{{currentStep}}/{{totalSteps}}"
|
|
34
35
|
}
|
|
35
36
|
}
|
|
36
37
|
}
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"avatar": {
|
|
13
13
|
"defaultAlt": "사용자 아바타",
|
|
14
|
-
"notificationAriaLabel": "알림 있음"
|
|
14
|
+
"notificationAriaLabel": "알림 있음",
|
|
15
|
+
"fallbackIconAriaLabel": "대체 아이콘"
|
|
15
16
|
},
|
|
16
17
|
"baseInput": {
|
|
17
18
|
"clearInputAriaLabel": "입력 값 지우기"
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
"opensInNewTabAriaLabel": "(새 탭에서 열기)"
|
|
31
32
|
},
|
|
32
33
|
"stepper": {
|
|
33
|
-
"progressAriaLabel": "{{totalSteps}}
|
|
34
|
+
"progressAriaLabel": "{{totalSteps}} 중 {{currentStep}} 단계"
|
|
34
35
|
}
|
|
35
36
|
}
|
|
36
37
|
}
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"avatar": {
|
|
13
13
|
"defaultAlt": "Avatar do usuário",
|
|
14
|
-
"notificationAriaLabel": "Tem notificação"
|
|
14
|
+
"notificationAriaLabel": "Tem notificação",
|
|
15
|
+
"fallbackIconAriaLabel": "Ícone fallback"
|
|
15
16
|
},
|
|
16
17
|
"baseInput": {
|
|
17
18
|
"clearInputAriaLabel": "Limpar input"
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"avatar": {
|
|
13
13
|
"defaultAlt": "Аватар пользователя",
|
|
14
|
-
"notificationAriaLabel": "Есть уведомление"
|
|
14
|
+
"notificationAriaLabel": "Есть уведомление",
|
|
15
|
+
"fallbackIconAriaLabel": "Стандартная иконка"
|
|
15
16
|
},
|
|
16
17
|
"baseInput": {
|
|
17
18
|
"clearInputAriaLabel": "Очистить поле"
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"avatar": {
|
|
13
13
|
"defaultAlt": "Kullanıcı avatarı",
|
|
14
|
-
"notificationAriaLabel": "Bildirim var"
|
|
14
|
+
"notificationAriaLabel": "Bildirim var",
|
|
15
|
+
"fallbackIconAriaLabel": "Yedek simge"
|
|
15
16
|
},
|
|
16
17
|
"baseInput": {
|
|
17
18
|
"clearInputAriaLabel": "Girdiyi temizle"
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
"opensInNewTabAriaLabel": "(yeni sekmede açılır)"
|
|
31
32
|
},
|
|
32
33
|
"stepper": {
|
|
33
|
-
"progressAriaLabel": "{{totalSteps}}
|
|
34
|
+
"progressAriaLabel": "Adım {{totalSteps}} / {{currentStep}}"
|
|
34
35
|
}
|
|
35
36
|
}
|
|
36
37
|
}
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
},
|
|
12
12
|
"avatar": {
|
|
13
13
|
"defaultAlt": "用户头像",
|
|
14
|
-
"notificationAriaLabel": "有通知"
|
|
14
|
+
"notificationAriaLabel": "有通知",
|
|
15
|
+
"fallbackIconAriaLabel": "备用图标"
|
|
15
16
|
},
|
|
16
17
|
"baseInput": {
|
|
17
18
|
"clearInputAriaLabel": "清空输入框"
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
"opensInNewTabAriaLabel": "(在新选项卡中打开)"
|
|
31
32
|
},
|
|
32
33
|
"stepper": {
|
|
33
|
-
"progressAriaLabel": "第 {{currentStep}}
|
|
34
|
+
"progressAriaLabel": "第 {{currentStep}} / {{totalSteps}} 步"
|
|
34
35
|
}
|
|
35
36
|
}
|
|
36
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["figma","Avatar","jsx","_jsx","connect","imports","props","size","enum","sm","md","lg","showNotification","boolean","true","false","example","src","alt"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElCH,KAAK,CAACI,OAAO,CACXH,MAAM,EACN,qEAAqE,EACrE;EACEI,OAAO,EAAE,CAAC,qDAAqD,CAAC;EAChEC,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,gBAAgB,
|
|
1
|
+
{"version":3,"names":["figma","Avatar","jsx","_jsx","connect","imports","props","size","enum","sm","md","lg","xl","showNotification","boolean","true","false","example","src","alt"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElCH,KAAK,CAACI,OAAO,CACXH,MAAM,EACN,qEAAqE,EACrE;EACEI,OAAO,EAAE,CAAC,qDAAqD,CAAC;EAChEC,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IACFC,gBAAgB,EAAEb,KAAK,CAACc,OAAO,CAAC,mBAAmB,EAAE;MACnDC,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE;IACT,CAAC;EACH,CAAC;EACDC,OAAO,EAAGX,KAAK,iBACbH,IAAA,CAACF,MAAM;IACLiB,GAAG,EAAC,2BAA2B;IAC/BX,IAAI,EAAED,KAAK,CAACC,IAAK;IACjBY,GAAG,EAAC,mBAAmB;IACvBN,gBAAgB,EAAEP,KAAK,CAACO;EAAiB,CAC1C;AAEL,CACF,CAAC","ignoreList":[]}
|
|
@@ -11,12 +11,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
11
11
|
const fallbackSizes = {
|
|
12
12
|
sm: 16,
|
|
13
13
|
md: 24,
|
|
14
|
-
lg: 32
|
|
14
|
+
lg: 32,
|
|
15
|
+
xl: 40
|
|
15
16
|
};
|
|
16
17
|
const dotSizeMap = {
|
|
17
18
|
sm: 'xs',
|
|
18
19
|
md: 'sm',
|
|
19
|
-
lg: 'md'
|
|
20
|
+
lg: 'md',
|
|
21
|
+
xl: 'lg'
|
|
20
22
|
};
|
|
21
23
|
const useStyles = ({
|
|
22
24
|
size
|
|
@@ -24,15 +26,19 @@ const useStyles = ({
|
|
|
24
26
|
return useStyleSheet(t => {
|
|
25
27
|
const sizeMap = {
|
|
26
28
|
sm: {
|
|
27
|
-
size: t.sizes.
|
|
29
|
+
size: t.sizes.s32,
|
|
28
30
|
padding: t.spacings.s4
|
|
29
31
|
},
|
|
30
32
|
md: {
|
|
31
|
-
size: t.sizes.
|
|
33
|
+
size: t.sizes.s40,
|
|
32
34
|
padding: t.spacings.s4
|
|
33
35
|
},
|
|
34
36
|
lg: {
|
|
35
|
-
size: t.sizes.
|
|
37
|
+
size: t.sizes.s48,
|
|
38
|
+
padding: t.spacings.s4
|
|
39
|
+
},
|
|
40
|
+
xl: {
|
|
41
|
+
size: t.sizes.s64,
|
|
36
42
|
padding: t.spacings.s4
|
|
37
43
|
}
|
|
38
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","useEffect","StyleSheet","Image","useCommonTranslation","useStyleSheet","User","DotIndicator","Box","jsx","_jsx","fallbackSizes","sm","md","lg","dotSizeMap","useStyles","size","t","sizeMap","sizes","
|
|
1
|
+
{"version":3,"names":["useState","useEffect","StyleSheet","Image","useCommonTranslation","useStyleSheet","User","DotIndicator","Box","jsx","_jsx","fallbackSizes","sm","md","lg","xl","dotSizeMap","useStyles","size","t","sizeMap","sizes","s32","padding","spacings","s4","s40","s48","s64","root","position","width","height","borderRadius","backgroundColor","colors","bg","muted","alignItems","justifyContent","image","overflow","Avatar","lx","style","src","alt","showNotification","testID","ref","props","error","setError","shouldFallback","styles","resolvedAlt","accessibilityLabel","avatarContent","flatten","accessibilityRole","undefined","children","accessible","source","uri","onError","appearance"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,7 +15,7 @@ import { Box } from '../Utility';
|
|
|
15
15
|
|
|
16
16
|
## Introduction
|
|
17
17
|
|
|
18
|
-
The Avatar component displays a circular user profile image with automatic fallback to a User icon when the image is unavailable or fails to load. It supports an optional notification indicator and
|
|
18
|
+
The Avatar component displays a circular user profile image with automatic fallback to a User icon when the image is unavailable or fails to load. It supports an optional notification indicator and four size variants. This React Native implementation ensures consistent behavior across mobile platforms while maintaining design system coherence.
|
|
19
19
|
|
|
20
20
|
> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=10546-614&p=f&m=dev).
|
|
21
21
|
|
|
@@ -36,7 +36,7 @@ The Avatar component displays a circular user profile image with automatic fallb
|
|
|
36
36
|
|
|
37
37
|
### Size
|
|
38
38
|
|
|
39
|
-
Avatars come in
|
|
39
|
+
Avatars come in four different sizes:
|
|
40
40
|
|
|
41
41
|
<Canvas of={AvatarStories.SizeShowcase} />
|
|
42
42
|
|
|
@@ -137,6 +137,7 @@ function MyComponent() {
|
|
|
137
137
|
<Avatar src="https://example.com/photo.jpg" size="sm" />
|
|
138
138
|
<Avatar src="https://example.com/photo.jpg" size="md" />
|
|
139
139
|
<Avatar src="https://example.com/photo.jpg" size="lg" />
|
|
140
|
+
<Avatar src="https://example.com/photo.jpg" size="xl" />
|
|
140
141
|
</Box>
|
|
141
142
|
);
|
|
142
143
|
}
|
|
@@ -92,6 +92,22 @@ export const SizeShowcase = {
|
|
|
92
92
|
},
|
|
93
93
|
children: "lg"
|
|
94
94
|
})]
|
|
95
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
96
|
+
style: {
|
|
97
|
+
alignItems: 'center',
|
|
98
|
+
justifyContent: 'flex-end'
|
|
99
|
+
},
|
|
100
|
+
children: [/*#__PURE__*/_jsx(Avatar, {
|
|
101
|
+
src: exampleSrc,
|
|
102
|
+
alt: "avatar",
|
|
103
|
+
size: "xl",
|
|
104
|
+
showNotification: false
|
|
105
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
106
|
+
style: {
|
|
107
|
+
marginTop: 4
|
|
108
|
+
},
|
|
109
|
+
children: "xl"
|
|
110
|
+
})]
|
|
95
111
|
})]
|
|
96
112
|
})
|
|
97
113
|
};
|
|
@@ -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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","ignoreList":[]}
|
|
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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","ignoreList":[]}
|
|
@@ -50,12 +50,20 @@ describe('Avatar Component', () => {
|
|
|
50
50
|
size: "sm"
|
|
51
51
|
})
|
|
52
52
|
}));
|
|
53
|
+
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s32);
|
|
54
|
+
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s32);
|
|
55
|
+
rerender(/*#__PURE__*/_jsx(TestWrapper, {
|
|
56
|
+
children: /*#__PURE__*/_jsx(Avatar, {
|
|
57
|
+
testID: "avatar-id",
|
|
58
|
+
size: "md"
|
|
59
|
+
})
|
|
60
|
+
}));
|
|
53
61
|
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s40);
|
|
54
62
|
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s40);
|
|
55
63
|
rerender(/*#__PURE__*/_jsx(TestWrapper, {
|
|
56
64
|
children: /*#__PURE__*/_jsx(Avatar, {
|
|
57
65
|
testID: "avatar-id",
|
|
58
|
-
size: "
|
|
66
|
+
size: "lg"
|
|
59
67
|
})
|
|
60
68
|
}));
|
|
61
69
|
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s48);
|
|
@@ -63,11 +71,11 @@ describe('Avatar Component', () => {
|
|
|
63
71
|
rerender(/*#__PURE__*/_jsx(TestWrapper, {
|
|
64
72
|
children: /*#__PURE__*/_jsx(Avatar, {
|
|
65
73
|
testID: "avatar-id",
|
|
66
|
-
size: "
|
|
74
|
+
size: "xl"
|
|
67
75
|
})
|
|
68
76
|
}));
|
|
69
|
-
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.
|
|
70
|
-
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.
|
|
77
|
+
expect(getByTestId('avatar-id').props.style.width).toBe(sizes.s64);
|
|
78
|
+
expect(getByTestId('avatar-id').props.style.height).toBe(sizes.s64);
|
|
71
79
|
});
|
|
72
80
|
it('should render fallback icon when no src is provided', () => {
|
|
73
81
|
const {
|
|
@@ -212,6 +220,15 @@ describe('Avatar Component', () => {
|
|
|
212
220
|
})
|
|
213
221
|
}));
|
|
214
222
|
dot = toJSON().children[0];
|
|
223
|
+
expect(dot.props.style.height).toBe(sizes.s14);
|
|
224
|
+
rerender(/*#__PURE__*/_jsx(TestWrapper, {
|
|
225
|
+
children: /*#__PURE__*/_jsx(Avatar, {
|
|
226
|
+
testID: "avatar-id",
|
|
227
|
+
size: "xl",
|
|
228
|
+
showNotification: true
|
|
229
|
+
})
|
|
230
|
+
}));
|
|
231
|
+
dot = toJSON().children[0];
|
|
215
232
|
expect(dot.props.style.height).toBe(sizes.s16);
|
|
216
233
|
});
|
|
217
234
|
it('should apply custom styles', () => {
|
|
@@ -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","rerender","testID","size","props","style","width","toBe","
|
|
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","rerender","testID","size","props","style","width","toBe","s32","height","s40","s48","s64","avatarContainer","toBeTruthy","accessibilityRole","image","source","toEqual","uri","queryByTestId","onError","toBeNull","newImage","toJSON","showNotification","tree","toHaveLength","pointerEvents","dot","s10","s12","s14","s16","customStyle","borderWidth","avatar","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["lib/Components/Avatar/Avatar.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import
|
|
3
|
+
import CryptoIcon from '@ledgerhq/crypto-icons/native';
|
|
4
4
|
import { useState } from 'react';
|
|
5
5
|
import { Wallet } from "../../Symbols/index.js";
|
|
6
6
|
import { Button } from "../Button/index.js";
|
|
@@ -65,7 +65,7 @@ export const Base = {
|
|
|
65
65
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
66
66
|
ledgerId: "bitcoin",
|
|
67
67
|
ticker: "BTC",
|
|
68
|
-
size:
|
|
68
|
+
size: 48
|
|
69
69
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
70
70
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
71
71
|
children: "Bitcoin"
|
|
@@ -95,7 +95,7 @@ export const Base = {
|
|
|
95
95
|
<Card onPress={handlePress}>
|
|
96
96
|
<CardHeader>
|
|
97
97
|
<CardLeading>
|
|
98
|
-
<CryptoIcon ledgerId="bitcoin" ticker="BTC" size=
|
|
98
|
+
<CryptoIcon ledgerId="bitcoin" ticker="BTC" size={48} />
|
|
99
99
|
<CardContent>
|
|
100
100
|
<CardContentTitle>Bitcoin</CardContentTitle>
|
|
101
101
|
<CardContentDescription>BTC</CardContentDescription>
|
|
@@ -133,7 +133,7 @@ export const StatesShowcase = {
|
|
|
133
133
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
134
134
|
ledgerId: "bitcoin",
|
|
135
135
|
ticker: "BTC",
|
|
136
|
-
size:
|
|
136
|
+
size: 48
|
|
137
137
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
138
138
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
139
139
|
children: "Interactive (default)"
|
|
@@ -166,7 +166,7 @@ export const StatesShowcase = {
|
|
|
166
166
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
167
167
|
ledgerId: "bitcoin",
|
|
168
168
|
ticker: "BTC",
|
|
169
|
-
size:
|
|
169
|
+
size: 48
|
|
170
170
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
171
171
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
172
172
|
children: "Outlined"
|
|
@@ -199,7 +199,7 @@ export const StatesShowcase = {
|
|
|
199
199
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
200
200
|
ledgerId: "bitcoin",
|
|
201
201
|
ticker: "BTC",
|
|
202
|
-
size:
|
|
202
|
+
size: 48
|
|
203
203
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
204
204
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
205
205
|
children: "Info"
|
|
@@ -236,7 +236,7 @@ export const StatesShowcase = {
|
|
|
236
236
|
children: /*#__PURE__*/_jsx(CryptoIcon, {
|
|
237
237
|
ledgerId: "bitcoin",
|
|
238
238
|
ticker: "BTC",
|
|
239
|
-
size:
|
|
239
|
+
size: 48
|
|
240
240
|
})
|
|
241
241
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
242
242
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
@@ -349,7 +349,7 @@ export const ExpandableShowcase = {
|
|
|
349
349
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
350
350
|
ledgerId: "bitcoin",
|
|
351
351
|
ticker: "BTC",
|
|
352
|
-
size:
|
|
352
|
+
size: 48
|
|
353
353
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
354
354
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
355
355
|
children: "Expandable Card"
|
|
@@ -408,7 +408,7 @@ export const LayoutShowcase = {
|
|
|
408
408
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
409
409
|
ledgerId: "bitcoin",
|
|
410
410
|
ticker: "BTC",
|
|
411
|
-
size:
|
|
411
|
+
size: 48
|
|
412
412
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
413
413
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
414
414
|
children: "Defined width (320px)"
|
|
@@ -432,7 +432,7 @@ export const LayoutShowcase = {
|
|
|
432
432
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
433
433
|
ledgerId: "bitcoin",
|
|
434
434
|
ticker: "BTC",
|
|
435
|
-
size:
|
|
435
|
+
size: 48
|
|
436
436
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
437
437
|
children: [/*#__PURE__*/_jsxs(CardContentRow, {
|
|
438
438
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
@@ -467,7 +467,7 @@ export const LayoutShowcase = {
|
|
|
467
467
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
468
468
|
ledgerId: "bitcoin",
|
|
469
469
|
ticker: "BTC",
|
|
470
|
-
size:
|
|
470
|
+
size: 48
|
|
471
471
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
472
472
|
children: [/*#__PURE__*/_jsx(CardContentRow, {
|
|
473
473
|
children: /*#__PURE__*/_jsx(CardContentTitle, {
|
|
@@ -514,7 +514,7 @@ export const LayoutShowcase = {
|
|
|
514
514
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
515
515
|
ledgerId: "bitcoin",
|
|
516
516
|
ticker: "BTC",
|
|
517
|
-
size:
|
|
517
|
+
size: 48
|
|
518
518
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
519
519
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
520
520
|
children: "Full width (fills parent)"
|
|
@@ -555,7 +555,7 @@ export const CompositionsShowcase = {
|
|
|
555
555
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
556
556
|
ledgerId: "bitcoin",
|
|
557
557
|
ticker: "BTC",
|
|
558
|
-
size:
|
|
558
|
+
size: 48
|
|
559
559
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
560
560
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
561
561
|
children: "Account 1"
|
|
@@ -583,7 +583,7 @@ export const CompositionsShowcase = {
|
|
|
583
583
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
584
584
|
ledgerId: "bitcoin",
|
|
585
585
|
ticker: "BTC",
|
|
586
|
-
size:
|
|
586
|
+
size: 48
|
|
587
587
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
588
588
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
589
589
|
children: "Bitcoin"
|
|
@@ -638,7 +638,7 @@ export const CompositionsShowcase = {
|
|
|
638
638
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
639
639
|
ledgerId: "bitcoin",
|
|
640
640
|
ticker: "BTC",
|
|
641
|
-
size:
|
|
641
|
+
size: 48
|
|
642
642
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
643
643
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
644
644
|
children: "My Wallet"
|
|
@@ -662,7 +662,7 @@ export const CompositionsShowcase = {
|
|
|
662
662
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
663
663
|
ledgerId: "bitcoin",
|
|
664
664
|
ticker: "BTC",
|
|
665
|
-
size:
|
|
665
|
+
size: 48
|
|
666
666
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
667
667
|
children: [/*#__PURE__*/_jsxs(CardContentRow, {
|
|
668
668
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
@@ -729,7 +729,7 @@ export const CompositionsShowcase = {
|
|
|
729
729
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
730
730
|
ledgerId: "bitcoin",
|
|
731
731
|
ticker: "BTC",
|
|
732
|
-
size:
|
|
732
|
+
size: 48
|
|
733
733
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
734
734
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
735
735
|
children: "Staking"
|
|
@@ -772,7 +772,7 @@ export const CompositionsShowcase = {
|
|
|
772
772
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
773
773
|
ledgerId: "bitcoin",
|
|
774
774
|
ticker: "BTC",
|
|
775
|
-
size:
|
|
775
|
+
size: 48
|
|
776
776
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
777
777
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
778
778
|
children: "My Wallet"
|
|
@@ -801,7 +801,7 @@ export const CompositionsShowcase = {
|
|
|
801
801
|
children: [/*#__PURE__*/_jsx(CryptoIcon, {
|
|
802
802
|
ledgerId: "bitcoin",
|
|
803
803
|
ticker: "BTC",
|
|
804
|
-
size:
|
|
804
|
+
size: 48
|
|
805
805
|
}), /*#__PURE__*/_jsxs(CardContent, {
|
|
806
806
|
children: [/*#__PURE__*/_jsx(CardContentTitle, {
|
|
807
807
|
children: "Bitcoin"
|