@xyo-network/react-wallet 2.47.20 → 2.47.22
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/cjs/components/WalletAccountSelect/Select.js +7 -3
- package/dist/cjs/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/cjs/components/WalletAccountSelect/SelectBar.js +2 -2
- package/dist/cjs/components/WalletAccountSelect/SelectBar.js.map +1 -1
- package/dist/docs.json +157 -121
- package/dist/esm/components/WalletAccountSelect/Select.js +7 -3
- package/dist/esm/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/esm/components/WalletAccountSelect/SelectBar.js +2 -2
- package/dist/esm/components/WalletAccountSelect/SelectBar.js.map +1 -1
- package/dist/types/components/WalletAccountSelect/Select.d.ts +1 -1
- package/dist/types/components/WalletAccountSelect/Select.d.ts.map +1 -1
- package/dist/types/components/WalletAccountSelect/SelectBar.d.ts +1 -1
- package/dist/types/components/WalletAccountSelect/SelectBar.d.ts.map +1 -1
- package/package.json +7 -7
- package/src/components/WalletAccountSelect/Select.tsx +19 -4
- package/src/components/WalletAccountSelect/SelectBar.tsx +3 -3
- package/src/components/WalletAccountSelect/WalletAccountSelectBar.stories.tsx +15 -3
|
@@ -11,15 +11,19 @@ const arrayRange = (length, start = 0) => {
|
|
|
11
11
|
return Array.from(Array(length).keys()).map((x) => x + start);
|
|
12
12
|
};
|
|
13
13
|
const WalletAccountSelect = (_a) => {
|
|
14
|
-
var {
|
|
14
|
+
var { addressNames = {}, iconOnly, iconSize = 24, icons, maxAccounts = 1, showFavorite = false, size } = _a, props = tslib_1.__rest(_a, ["addressNames", "iconOnly", "iconSize", "icons", "maxAccounts", "showFavorite", "size"]);
|
|
15
15
|
const { activeAccountIndex = 0, setActiveAccountIndex, wallet } = (0, contexts_1.useWallet)();
|
|
16
16
|
const disabled = !wallet || activeAccountIndex === undefined;
|
|
17
17
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: wallet ? ((0, jsx_runtime_1.jsx)(react_select_1.SelectEx, Object.assign({ disabled: disabled, renderValue: (selected) => {
|
|
18
18
|
const account = wallet.deriveAccount(selected.toString());
|
|
19
|
-
|
|
19
|
+
const customName = addressNames[account === null || account === void 0 ? void 0 : account.addressValue.hex];
|
|
20
|
+
const favorite = (account === null || account === void 0 ? void 0 : account.addressValue.hex) in addressNames;
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(react_address_render_1.AddressRenderRowBox, { address: account === null || account === void 0 ? void 0 : account.addressValue.hex, iconOnly: iconOnly, iconSize: iconSize, icons: icons, name: customName, favorite: favorite, showFavorite: showFavorite }));
|
|
20
22
|
}, value: activeAccountIndex, onChange: (event) => setActiveAccountIndex === null || setActiveAccountIndex === void 0 ? void 0 : setActiveAccountIndex(parseInt(`${event.target.value}`)), size: size, variant: "outlined" }, props, { children: arrayRange(maxAccounts).map((index) => {
|
|
21
23
|
const account = wallet.deriveAccount(index.toString());
|
|
22
|
-
|
|
24
|
+
const customName = addressNames[account === null || account === void 0 ? void 0 : account.addressValue.hex];
|
|
25
|
+
const favorite = (account === null || account === void 0 ? void 0 : account.addressValue.hex) in addressNames;
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ value: index }, { children: (0, jsx_runtime_1.jsx)(react_address_render_1.AddressRenderRowBox, { address: account === null || account === void 0 ? void 0 : account.addressValue.hex, favorite: favorite, iconOnly: iconOnly, iconSize: iconSize, icons: icons, name: customName, showFavorite: showFavorite }) }), account === null || account === void 0 ? void 0 : account.addressValue.hex));
|
|
23
27
|
}) }))) : ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 })) }));
|
|
24
28
|
};
|
|
25
29
|
exports.WalletAccountSelect = WalletAccountSelect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuE;AACvE,uDAA+C;AAC/C,4EAAqG;AAErG,6CAA0C;AAS1C,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,CAAA;AAC/D,CAAC,CAAA;AAEM,MAAM,mBAAmB,GAAuC,CAAC,EASvE,EAAE,EAAE;QATmE,EACtE,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,8 +6,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
7
7
|
const Select_1 = require("./Select");
|
|
8
8
|
const WalletAccountSelectBar = (_a) => {
|
|
9
|
-
var {
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsx)(Select_1.WalletAccountSelect, {
|
|
9
|
+
var { addressNames = {}, iconOnly, iconSize, icons, maxAccounts = 1, showFavorite = false, size = 'small' } = _a, props = tslib_1.__rest(_a, ["addressNames", "iconOnly", "iconSize", "icons", "maxAccounts", "showFavorite", "size"]);
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsx)(Select_1.WalletAccountSelect, { addressNames: addressNames, fullWidth: true, showFavorite: showFavorite, iconSize: iconSize, iconOnly: iconOnly, icons: icons, maxAccounts: maxAccounts, size: size !== null && size !== void 0 ? size : 'small' }) })));
|
|
11
11
|
};
|
|
12
12
|
exports.WalletAccountSelectBar = WalletAccountSelectBar;
|
|
13
13
|
//# sourceMappingURL=SelectBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA6D;AAE7D,qCAA8C;AAYvC,MAAM,sBAAsB,GAA0C,CAAC,EAS7E,EAAE,EAAE;QATyE,EAC5E,
|
|
1
|
+
{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA6D;AAE7D,qCAA8C;AAYvC,MAAM,sBAAsB,GAA0C,CAAC,EAS7E,EAAE,EAAE;QATyE,EAC5E,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,KAAK,EACpB,IAAI,GAAG,OAAO,OAEf,EADI,KAAK,sBARoE,wFAS7E,CADS;IAER,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACrC,uBAAC,4BAAmB,IAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,QACT,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,OAAO,GACrB,IACM,CACX,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,sBAAsB,0BAwBlC"}
|