@ledgerhq/native-ui 0.45.0-nightly.2 → 0.45.0
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/lib/pre-ldls/components/AccountItem/AccountItem.d.ts +1 -2
- package/lib/pre-ldls/components/AccountItem/AccountItem.d.ts.map +1 -1
- package/lib/pre-ldls/components/AccountItem/AccountItem.js +2 -2
- package/lib/pre-ldls/components/AccountItem/AccountItem.stories.d.ts.map +1 -1
- package/lib/pre-ldls/components/AccountItem/AccountItem.stories.js +0 -7
- package/lib/pre-ldls/components/Address/Address.d.ts +1 -2
- package/lib/pre-ldls/components/Address/Address.d.ts.map +1 -1
- package/lib/pre-ldls/components/Address/Address.js +2 -2
- package/package.json +3 -3
|
@@ -32,7 +32,6 @@ export type AccountItemProps = {
|
|
|
32
32
|
rightElement?: RightElement;
|
|
33
33
|
showIcon?: boolean;
|
|
34
34
|
backgroundColor?: string;
|
|
35
|
-
cryptoIconBackgroundColor: string;
|
|
36
35
|
};
|
|
37
|
-
export declare const AccountItem: ({ onClick, account, rightElement, showIcon, backgroundColor,
|
|
36
|
+
export declare const AccountItem: ({ onClick, account, rightElement, showIcon, backgroundColor, }: AccountItemProps) => React.JSX.Element;
|
|
38
37
|
//# sourceMappingURL=AccountItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountItem.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAEvF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"AccountItem.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAEvF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAkGF,eAAO,MAAM,WAAW,mEAMrB,gBAAgB,sBA6FlB,CAAC"}
|
|
@@ -70,7 +70,7 @@ const RightElementRenderer = ({ rightElement, tokens, onEditPress }) => {
|
|
|
70
70
|
rightElement.type === "edit" && (React.createElement(IconButton, { onPress: onEditPress, testID: "right-element-edit-icon" },
|
|
71
71
|
React.createElement(PenMedium, { size: 16, color: String(tokens["colors-content-default-default"]) })))));
|
|
72
72
|
};
|
|
73
|
-
export const AccountItem = ({ onClick, account, rightElement, showIcon = true, backgroundColor,
|
|
73
|
+
export const AccountItem = ({ onClick, account, rightElement, showIcon = true, backgroundColor, }) => {
|
|
74
74
|
const theme = useTheme();
|
|
75
75
|
const colorType = theme.colors.type === "dark" ? "dark" : "light";
|
|
76
76
|
const tokens = useTokens(colorType, [
|
|
@@ -106,7 +106,7 @@ export const AccountItem = ({ onClick, account, rightElement, showIcon = true, b
|
|
|
106
106
|
React.createElement(Text, { variant: "largeLineHeight", fontWeight: "semiBold", color: String(tokens["colors-content-default-default"]), fontSize: "18px", numberOfLines: 1, ellipsizeMode: "tail" }, name)),
|
|
107
107
|
protocol && (React.createElement(TagWrapper, { style: { marginLeft: Number(tokens["spacing-xs"]) } },
|
|
108
108
|
React.createElement(Tag, { textTransform: "uppercase" }, protocol)))),
|
|
109
|
-
React.createElement(Address, { address: address, cryptoId: cryptoId, ticker: ticker, parentId: parentId, showIcon: showIcon
|
|
109
|
+
React.createElement(Address, { address: address, cryptoId: cryptoId, ticker: ticker, parentId: parentId, showIcon: showIcon })),
|
|
110
110
|
React.createElement(BalanceContainer, { style: { gap: Number(tokens["spacing-xxxs"]) } },
|
|
111
111
|
fiatValue && (React.createElement(Text, { fontSize: "18px", color: String(tokens["colors-content-default-default"]) }, fiatValue)),
|
|
112
112
|
balance && (React.createElement(Text, { fontSize: "14px", color: String(tokens["colors-content-subdued-default-default"]) }, balance))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,
|
|
1
|
+
{"version":3,"file":"AccountItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/AccountItem/AccountItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAwBlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAajC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC"}
|
|
@@ -14,7 +14,6 @@ const meta = {
|
|
|
14
14
|
id: "12345",
|
|
15
15
|
name: "Main BTC",
|
|
16
16
|
ticker: "btc",
|
|
17
|
-
cryptoIconBackgroundColor: "red",
|
|
18
17
|
},
|
|
19
18
|
},
|
|
20
19
|
parameters: {
|
|
@@ -39,7 +38,6 @@ export const TestAccount = {
|
|
|
39
38
|
name: "Main BTC",
|
|
40
39
|
protocol: "Native Segwit",
|
|
41
40
|
ticker: "btc",
|
|
42
|
-
cryptoIconBackgroundColor: "red",
|
|
43
41
|
},
|
|
44
42
|
},
|
|
45
43
|
};
|
|
@@ -54,7 +52,6 @@ export const TestWithoutProtocol = {
|
|
|
54
52
|
id: "21345",
|
|
55
53
|
name: "Main BTC",
|
|
56
54
|
ticker: "btc",
|
|
57
|
-
cryptoIconBackgroundColor: "red",
|
|
58
55
|
},
|
|
59
56
|
},
|
|
60
57
|
};
|
|
@@ -67,7 +64,6 @@ export const TestWithoutAddressIcon = {
|
|
|
67
64
|
fiatValue: "$5,969.83",
|
|
68
65
|
id: "bitcoin",
|
|
69
66
|
name: "Main BTC",
|
|
70
|
-
cryptoIconBackgroundColor: "red",
|
|
71
67
|
},
|
|
72
68
|
showIcon: false,
|
|
73
69
|
},
|
|
@@ -82,7 +78,6 @@ export const TestWithCheckbox = {
|
|
|
82
78
|
id: "12345",
|
|
83
79
|
name: "Main BTC",
|
|
84
80
|
ticker: "btc",
|
|
85
|
-
cryptoIconBackgroundColor: "red",
|
|
86
81
|
},
|
|
87
82
|
onClick: onClick,
|
|
88
83
|
rightElement: {
|
|
@@ -103,7 +98,6 @@ export const TestWithArrow = {
|
|
|
103
98
|
id: "12345",
|
|
104
99
|
name: "Main BTC",
|
|
105
100
|
ticker: "btc",
|
|
106
|
-
cryptoIconBackgroundColor: "red",
|
|
107
101
|
},
|
|
108
102
|
rightElement: {
|
|
109
103
|
type: "arrow",
|
|
@@ -119,7 +113,6 @@ export const TestWithEdit = {
|
|
|
119
113
|
id: "12345",
|
|
120
114
|
name: "Main BTC",
|
|
121
115
|
ticker: "btc",
|
|
122
|
-
cryptoIconBackgroundColor: "red",
|
|
123
116
|
},
|
|
124
117
|
onClick: undefined,
|
|
125
118
|
rightElement: {
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export declare const Address: ({ address, showIcon, cryptoId, ticker, parentId,
|
|
2
|
+
export declare const Address: ({ address, showIcon, cryptoId, ticker, parentId, }: {
|
|
3
3
|
address: string;
|
|
4
4
|
showIcon: boolean;
|
|
5
5
|
cryptoId?: string | undefined;
|
|
6
6
|
ticker?: string | undefined;
|
|
7
7
|
parentId?: string | undefined;
|
|
8
|
-
backgroundColor: string;
|
|
9
8
|
}) => React.JSX.Element;
|
|
10
9
|
//# sourceMappingURL=Address.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Address/Address.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,OAAO;
|
|
1
|
+
{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../../../src/pre-ldls/components/Address/Address.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,OAAO;aAOT,MAAM;cACL,OAAO;;;;uBAqBlB,CAAC"}
|
|
@@ -8,11 +8,11 @@ const Wrapper = styled(View) `
|
|
|
8
8
|
flex-direction: row;
|
|
9
9
|
align-items: center;
|
|
10
10
|
`;
|
|
11
|
-
export const Address = ({ address, showIcon, cryptoId, ticker, parentId,
|
|
11
|
+
export const Address = ({ address, showIcon, cryptoId, ticker, parentId, }) => {
|
|
12
12
|
const { theme } = useTheme();
|
|
13
13
|
const colorType = theme;
|
|
14
14
|
const tokens = useTokens(colorType, ["spacing-xxxs", "colors-content-subdued-default-default"]);
|
|
15
15
|
return (React.createElement(Wrapper, null,
|
|
16
16
|
React.createElement(Text, { fontSize: "14px", color: String(tokens["colors-content-subdued-default-default"]), marginRight: showIcon ? Number(tokens["spacing-xxxs"]) : 0 }, address),
|
|
17
|
-
showIcon &&
|
|
17
|
+
showIcon && React.createElement(CryptoIcon, { ledgerId: cryptoId, network: parentId, ticker: ticker, size: 20 })));
|
|
18
18
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ledgerhq/native-ui",
|
|
3
|
-
"version": "0.45.0
|
|
3
|
+
"version": "0.45.0",
|
|
4
4
|
"description": "Ledger Live - Mobile UI",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -40,9 +40,9 @@
|
|
|
40
40
|
"react-native-modal": "14.0.0-rc.1",
|
|
41
41
|
"rn-range-slider": "2.1.1",
|
|
42
42
|
"styled-system": "^5.1.5",
|
|
43
|
-
"@ledgerhq/crypto-icons-ui": "^1.
|
|
43
|
+
"@ledgerhq/crypto-icons-ui": "^1.18.0",
|
|
44
44
|
"@ledgerhq/icons-ui": "^0.13.0",
|
|
45
|
-
"@ledgerhq/ui-shared": "^0.4.0
|
|
45
|
+
"@ledgerhq/ui-shared": "^0.4.0"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": ">=17",
|