@xyo-network/react-wallet 2.23.7 → 2.23.8
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 +1 -1
- package/dist/cjs/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/cjs/components/WalletAccountSelect/SelectBar.d.ts +3 -0
- package/dist/cjs/components/WalletAccountSelect/SelectBar.js +2 -2
- package/dist/cjs/components/WalletAccountSelect/SelectBar.js.map +1 -1
- package/dist/esm/components/WalletAccountSelect/Select.js +1 -1
- package/dist/esm/components/WalletAccountSelect/Select.js.map +1 -1
- package/dist/esm/components/WalletAccountSelect/SelectBar.d.ts +3 -0
- package/dist/esm/components/WalletAccountSelect/SelectBar.js +2 -2
- package/dist/esm/components/WalletAccountSelect/SelectBar.js.map +1 -1
- package/package.json +7 -36
- package/src/components/WalletAccountSelect/Select.tsx +3 -1
- package/src/components/WalletAccountSelect/SelectBar.tsx +5 -2
- package/typedoc.json +18 -0
- package/dist/docs.json +0 -61808
|
@@ -16,7 +16,7 @@ const WalletAccountSelect = (_a) => {
|
|
|
16
16
|
const theme = (0, material_1.useTheme)();
|
|
17
17
|
return ((0, jsx_runtime_1.jsx)(sdk_react_1.SelectEx, Object.assign({ SelectDisplayProps: { style: { paddingBottom: 0, paddingLeft: icons ? 0 : theme.spacing(1), paddingTop: 0 } }, renderValue: (selected) => {
|
|
18
18
|
const account = wallet === null || wallet === void 0 ? void 0 : wallet.getAccount(parseInt(`${selected}`));
|
|
19
|
-
return (0, jsx_runtime_1.jsx)(sdk_react_1.EthAccountBox, { height: size === 'small' ? 40 : 56, iconOnly: iconOnly, icon: icons, address: sdk_js_1.EthAddress.fromString(account === null || account === void 0 ? void 0 : account.addressValue.hex) });
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(sdk_react_1.EthAccountBox, { alignItems: "stretch", height: size === 'small' ? 40 : 56, iconOnly: iconOnly, icon: icons, address: sdk_js_1.EthAddress.fromString(account === null || account === void 0 ? void 0 : account.addressValue.hex) }));
|
|
20
20
|
}, value: activeAccountIndex, onChange: (event) => setActiveAccountIndex === null || setActiveAccountIndex === void 0 ? void 0 : setActiveAccountIndex(parseInt(`${event.target.value}`)), size: size, variant: "outlined" }, props, { children: wallet
|
|
21
21
|
? arrayRange(10).map((index) => {
|
|
22
22
|
const account = wallet === null || wallet === void 0 ? void 0 : wallet.getAccount(index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+D;AAC/D,2CAA2C;AAC3C,iDAA2D;AAE3D,6CAA0C;AAQ1C,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,EAA6C,EAAE,EAAE;QAAjD,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA3C,yCAA6C,CAAF;IACjH,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAA;IAE7E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,uBAAC,oBAAQ,kBACP,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,EAC7G,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;YACxB,MAAM,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YAC3D,OAAO,uBAAC,yBAAa,IAAC,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,mBAAU,CAAC,UAAU,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,CAAC,GAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+D;AAC/D,2CAA2C;AAC3C,iDAA2D;AAE3D,6CAA0C;AAQ1C,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,EAA6C,EAAE,EAAE;QAAjD,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA3C,yCAA6C,CAAF;IACjH,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAA;IAE7E,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,uBAAC,oBAAQ,kBACP,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,EAC7G,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;YACxB,MAAM,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YAC3D,OAAO,CACL,uBAAC,yBAAa,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,mBAAU,CAAC,UAAU,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,GAAG,CAAC,GAAI,CACvK,CAAA;QACH,CAAC,EACD,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,QAAQ,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EAC/E,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,IACd,KAAK,cAER,MAAM;YACL,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC3B,MAAM,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAC,KAAK,CAAC,CAAA;gBACzC,OAAO,CACL,uBAAC,mBAAQ,kBAAa,KAAK,EAAE,KAAK,gBAChC,uBAAC,yBAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,mBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,GAAI,KAD/F,KAAK,CAET,CACZ,CAAA;YACH,CAAC,CAAC;YACJ,CAAC,CAAC,IAAI,IACC,CACZ,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,mBAAmB,uBAgC/B"}
|
|
@@ -2,5 +2,8 @@
|
|
|
2
2
|
import { FlexBoxProps } from '@xylabs/sdk-react';
|
|
3
3
|
export interface WalletAccountSelectBarProps extends FlexBoxProps {
|
|
4
4
|
size?: 'small' | 'medium';
|
|
5
|
+
iconOnly?: boolean;
|
|
6
|
+
icons?: boolean;
|
|
7
|
+
iconSize?: number;
|
|
5
8
|
}
|
|
6
9
|
export declare const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps>;
|
|
@@ -6,8 +6,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const sdk_react_1 = require("@xylabs/sdk-react");
|
|
7
7
|
const Select_1 = require("./Select");
|
|
8
8
|
const WalletAccountSelectBar = (_a) => {
|
|
9
|
-
var { size = 'small' } = _a, props = tslib_1.__rest(_a, ["size"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ paper: true, alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsx)(Select_1.WalletAccountSelect, { size: size, fullWidth: true }) })));
|
|
9
|
+
var { iconOnly, icons, iconSize, size = 'small' } = _a, props = tslib_1.__rest(_a, ["iconOnly", "icons", "iconSize", "size"]);
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ paper: true, alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsx)(Select_1.WalletAccountSelect, { iconOnly: iconOnly, icons: icons, iconSize: iconSize, size: size, fullWidth: true }) })));
|
|
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,iDAAyD;AAEzD,qCAA8C;
|
|
1
|
+
{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";;;;;AAAA,iDAAyD;AAEzD,qCAA8C;AASvC,MAAM,sBAAsB,GAA0C,CAAC,EAAuD,EAAE,EAAE;QAA3D,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,OAAY,EAAP,KAAK,sBAArD,yCAAuD,CAAF;IACjI,OAAO,CACL,uBAAC,mBAAO,kBAAC,KAAK,QAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cAC3C,uBAAC,4BAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,IAC3F,CACX,CAAA;AACH,CAAC,CAAA;AANY,QAAA,sBAAsB,0BAMlC"}
|
|
@@ -11,7 +11,7 @@ export const WalletAccountSelect = ({ size, iconSize, icons, iconOnly, ...props
|
|
|
11
11
|
const theme = useTheme();
|
|
12
12
|
return (_jsx(SelectEx, { SelectDisplayProps: { style: { paddingBottom: 0, paddingLeft: icons ? 0 : theme.spacing(1), paddingTop: 0 } }, renderValue: (selected) => {
|
|
13
13
|
const account = wallet?.getAccount(parseInt(`${selected}`));
|
|
14
|
-
return _jsx(EthAccountBox, { height: size === 'small' ? 40 : 56, iconOnly: iconOnly, icon: icons, address: EthAddress.fromString(account?.addressValue.hex) });
|
|
14
|
+
return (_jsx(EthAccountBox, { alignItems: "stretch", height: size === 'small' ? 40 : 56, iconOnly: iconOnly, icon: icons, address: EthAddress.fromString(account?.addressValue.hex) }));
|
|
15
15
|
}, value: activeAccountIndex, onChange: (event) => setActiveAccountIndex?.(parseInt(`${event.target.value}`)), size: size, variant: "outlined", ...props, children: wallet
|
|
16
16
|
? arrayRange(10).map((index) => {
|
|
17
17
|
const account = wallet?.getAccount(index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAe,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAQ1C,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;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvH,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,GAAG,SAAS,EAAE,CAAA;IAE7E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,QAAQ,IACP,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,EAC7G,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;YACxB,MAAM,OAAO,GAAG,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YAC3D,OAAO,KAAC,aAAa,IAAC,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,GAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAe,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAQ1C,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;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvH,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,qBAAqB,EAAE,GAAG,SAAS,EAAE,CAAA;IAE7E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,QAAQ,IACP,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,EAC7G,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;YACxB,MAAM,OAAO,GAAG,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YAC3D,OAAO,CACL,KAAC,aAAa,IAAC,UAAU,EAAC,SAAS,EAAC,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,GAAI,CACvK,CAAA;QACH,CAAC,EACD,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,EAAE,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EAC/E,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,KACd,KAAK,YAER,MAAM;YACL,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC3B,MAAM,OAAO,GAAG,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAA;gBACzC,OAAO,CACL,KAAC,QAAQ,IAAa,KAAK,EAAE,KAAK,YAChC,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,GAAI,IAD/F,KAAK,CAET,CACZ,CAAA;YACH,CAAC,CAAC;YACJ,CAAC,CAAC,IAAI,GACC,CACZ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,5 +2,8 @@
|
|
|
2
2
|
import { FlexBoxProps } from '@xylabs/sdk-react';
|
|
3
3
|
export interface WalletAccountSelectBarProps extends FlexBoxProps {
|
|
4
4
|
size?: 'small' | 'medium';
|
|
5
|
+
iconOnly?: boolean;
|
|
6
|
+
icons?: boolean;
|
|
7
|
+
iconSize?: number;
|
|
5
8
|
}
|
|
6
9
|
export declare const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { FlexRow } from '@xylabs/sdk-react';
|
|
3
3
|
import { WalletAccountSelect } from './Select';
|
|
4
|
-
export const WalletAccountSelectBar = ({ size = 'small', ...props }) => {
|
|
5
|
-
return (_jsx(FlexRow, { paper: true, alignItems: "stretch", ...props, children: _jsx(WalletAccountSelect, { size: size, fullWidth: true }) }));
|
|
4
|
+
export const WalletAccountSelectBar = ({ iconOnly, icons, iconSize, size = 'small', ...props }) => {
|
|
5
|
+
return (_jsx(FlexRow, { paper: true, alignItems: "stretch", ...props, children: _jsx(WalletAccountSelect, { iconOnly: iconOnly, icons: icons, iconSize: iconSize, size: size, fullWidth: true }) }));
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=SelectBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAS9C,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvI,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,QAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YAC3C,KAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,GAC3F,CACX,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -9,64 +9,38 @@
|
|
|
9
9
|
"email": "support@xyo.network",
|
|
10
10
|
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
11
|
},
|
|
12
|
-
"workspaces": [
|
|
13
|
-
"packages/*"
|
|
14
|
-
],
|
|
15
12
|
"dependencies": {
|
|
16
13
|
"@emotion/react": "^11.9.0",
|
|
17
14
|
"@emotion/styled": "^11.8.1",
|
|
18
|
-
"@mui/icons-material": "^5.8.0",
|
|
19
|
-
"@mui/lab": "^5.0.0-alpha.83",
|
|
20
15
|
"@mui/material": "^5.8.1",
|
|
21
|
-
"@xylabs/pixel": "^1.3.7",
|
|
22
16
|
"@xylabs/sdk-js": "^2.5.5",
|
|
23
|
-
"@xylabs/sdk-react": "^2.12.
|
|
24
|
-
"@xyo-network/api": "^2.20.33",
|
|
17
|
+
"@xylabs/sdk-react": "^2.12.8",
|
|
25
18
|
"@xyo-network/core": "^2.20.33",
|
|
26
|
-
"@xyo-network/network": "^2.
|
|
27
|
-
"@xyo-network/
|
|
28
|
-
"@xyo-network/react-
|
|
29
|
-
"@xyo-network/react-shared": "^2.23.7",
|
|
30
|
-
"@xyo-network/systeminfo-witness": "^2.20.33",
|
|
31
|
-
"@xyo-network/utils": "^2.20.33",
|
|
19
|
+
"@xyo-network/react-network": "^2.23.8",
|
|
20
|
+
"@xyo-network/react-shared": "^2.23.8",
|
|
21
|
+
"@xyo-network/react-theme": "^2.23.8",
|
|
32
22
|
"lodash": "^4.17.21",
|
|
33
|
-
"luxon": "^2.4.0",
|
|
34
23
|
"react": "^18.1.0",
|
|
35
24
|
"react-dom": "^18.1.0",
|
|
36
|
-
"react-icons": "^4.3.1",
|
|
37
|
-
"react-json-view": "^1.21.3",
|
|
38
25
|
"react-router-dom": "^6.3.0",
|
|
39
|
-
"
|
|
26
|
+
"tslib": "^2.4.0",
|
|
40
27
|
"typedoc": "^0.22.15"
|
|
41
28
|
},
|
|
42
29
|
"description": "Common React library for all XYO projects that use React",
|
|
43
30
|
"devDependencies": {
|
|
44
31
|
"@babel/core": "^7.18.0",
|
|
45
32
|
"@babel/preset-env": "^7.18.0",
|
|
46
|
-
"@storybook/addon-actions": "^6.5.4",
|
|
47
|
-
"@storybook/addon-docs": "^6.5.4",
|
|
48
|
-
"@storybook/addon-essentials": "^6.5.4",
|
|
49
|
-
"@storybook/addon-interactions": "^6.5.4",
|
|
50
|
-
"@storybook/addon-links": "^6.5.4",
|
|
51
33
|
"@storybook/addons": "^6.5.4",
|
|
52
34
|
"@storybook/api": "^6.5.4",
|
|
53
|
-
"@storybook/builder-webpack5": "^6.5.4",
|
|
54
35
|
"@storybook/components": "^6.5.4",
|
|
55
36
|
"@storybook/core-events": "^6.5.4",
|
|
56
|
-
"@storybook/manager-webpack5": "^6.5.4",
|
|
57
37
|
"@storybook/react": "^6.5.4",
|
|
58
|
-
"@storybook/testing-library": "^0.0.11",
|
|
59
38
|
"@storybook/theming": "^6.5.4",
|
|
60
39
|
"@types/lodash": "^4.14.182",
|
|
61
|
-
"@types/luxon": "^2.3.2",
|
|
62
|
-
"@xylabs/eslint-config-react": "^2.1.5",
|
|
63
|
-
"@xylabs/pixel": "^1.3.7",
|
|
64
|
-
"@xylabs/rollup-config": "^1.1.17",
|
|
65
40
|
"@xylabs/sdk-js": "^2.5.5",
|
|
66
|
-
"@xylabs/sdk-react": "^2.12.
|
|
41
|
+
"@xylabs/sdk-react": "^2.12.8",
|
|
67
42
|
"@xylabs/ts-scripts": "^1.0.66",
|
|
68
43
|
"@xylabs/tsconfig": "^1.0.13",
|
|
69
|
-
"assert": "^2.0.0",
|
|
70
44
|
"axios": "^0.27.2",
|
|
71
45
|
"storybook-dark-mode": "^1.1.0",
|
|
72
46
|
"typescript": "^4.6.4"
|
|
@@ -124,14 +98,11 @@
|
|
|
124
98
|
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
|
|
125
99
|
},
|
|
126
100
|
"scripts": {
|
|
127
|
-
"deploy": "yarn deploy3",
|
|
128
101
|
"lint-pkg": "npmPkgJsonLint .",
|
|
129
|
-
"build": "yarn clean && tsc -p tsconfig.build.cjs.json && tsc -p tsconfig.build.esm.json && yarn gen:docs",
|
|
130
|
-
"gen:docs": "typedoc ./src/index.ts --json ./dist/docs.json --tsconfig ./tsconfig.json",
|
|
131
102
|
"license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
|
|
132
103
|
},
|
|
133
104
|
"sideEffects": false,
|
|
134
105
|
"types": "dist/esm/index.d.ts",
|
|
135
|
-
"version": "2.23.
|
|
106
|
+
"version": "2.23.8",
|
|
136
107
|
"packageManager": "yarn@3.1.1"
|
|
137
108
|
}
|
|
@@ -24,7 +24,9 @@ export const WalletAccountSelect: React.FC<WalletAccountSelectProps> = ({ size,
|
|
|
24
24
|
SelectDisplayProps={{ style: { paddingBottom: 0, paddingLeft: icons ? 0 : theme.spacing(1), paddingTop: 0 } }}
|
|
25
25
|
renderValue={(selected) => {
|
|
26
26
|
const account = wallet?.getAccount(parseInt(`${selected}`))
|
|
27
|
-
return
|
|
27
|
+
return (
|
|
28
|
+
<EthAccountBox alignItems="stretch" height={size === 'small' ? 40 : 56} iconOnly={iconOnly} icon={icons} address={EthAddress.fromString(account?.addressValue.hex)} />
|
|
29
|
+
)
|
|
28
30
|
}}
|
|
29
31
|
value={activeAccountIndex}
|
|
30
32
|
onChange={(event) => setActiveAccountIndex?.(parseInt(`${event.target.value}`))}
|
|
@@ -4,12 +4,15 @@ import { WalletAccountSelect } from './Select'
|
|
|
4
4
|
|
|
5
5
|
export interface WalletAccountSelectBarProps extends FlexBoxProps {
|
|
6
6
|
size?: 'small' | 'medium'
|
|
7
|
+
iconOnly?: boolean
|
|
8
|
+
icons?: boolean
|
|
9
|
+
iconSize?: number
|
|
7
10
|
}
|
|
8
11
|
|
|
9
|
-
export const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps> = ({ size = 'small', ...props }) => {
|
|
12
|
+
export const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps> = ({ iconOnly, icons, iconSize, size = 'small', ...props }) => {
|
|
10
13
|
return (
|
|
11
14
|
<FlexRow paper alignItems="stretch" {...props}>
|
|
12
|
-
<WalletAccountSelect size={size} fullWidth />
|
|
15
|
+
<WalletAccountSelect iconOnly={iconOnly} icons={icons} iconSize={iconSize} size={size} fullWidth />
|
|
13
16
|
</FlexRow>
|
|
14
17
|
)
|
|
15
18
|
}
|
package/typedoc.json
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://typedoc.org/schema.json",
|
|
3
|
+
"entryPoints": [
|
|
4
|
+
"./src/index.ts"
|
|
5
|
+
],
|
|
6
|
+
"excludeExternals": true,
|
|
7
|
+
"excludeInternal": true,
|
|
8
|
+
"excludePrivate": true,
|
|
9
|
+
"excludeProtected": true,
|
|
10
|
+
"intentionallyNotExported": [
|
|
11
|
+
"AuthDispatch",
|
|
12
|
+
"AuthServiceId",
|
|
13
|
+
"AuthState",
|
|
14
|
+
"LoginForm"
|
|
15
|
+
],
|
|
16
|
+
"json": "./dist/docs.json",
|
|
17
|
+
"tsconfig": "./tsconfig.json"
|
|
18
|
+
}
|