@xyo-network/react-wallet 2.23.7 → 2.25.1

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.
@@ -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;QAC1J,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;AA9BY,QAAA,mBAAmB,uBA8B/B"}
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;AAMvC,MAAM,sBAAsB,GAA0C,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,IAAI,GAAG,OAAO,OAAY,EAAP,KAAK,sBAA1B,QAA4B,CAAF;IACtG,OAAO,CACL,uBAAC,mBAAO,kBAAC,KAAK,QAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cAC3C,uBAAC,4BAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,IACrC,CACX,CAAA;AACH,CAAC,CAAA;AANY,QAAA,sBAAsB,0BAMlC"}
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;QAC1J,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"}
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;AAM9C,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5G,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,QAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YAC3C,KAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,GACrC,CACX,CAAA;AACH,CAAC,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.7",
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.20.33",
27
- "@xyo-network/panel": "^2.20.33",
28
- "@xyo-network/react-network": "^2.23.7",
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.25.1",
20
+ "@xyo-network/react-shared": "^2.25.1",
21
+ "@xyo-network/react-theme": "^2.25.1",
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
- "rollbar": "^2.25.0",
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.7",
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.7",
106
+ "version": "2.25.1",
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 <EthAccountBox height={size === 'small' ? 40 : 56} iconOnly={iconOnly} icon={icons} address={EthAddress.fromString(account?.addressValue.hex)} />
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
+ }