@xylabs/sdk-react 2.12.3 → 2.12.4

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.
Files changed (18) hide show
  1. package/dist/cjs/components/EthAccount/EthAccountBox.js +10 -8
  2. package/dist/cjs/components/EthAccount/EthAccountBox.js.map +1 -1
  3. package/dist/cjs/components/EthAccount/EthAccountButton.js +5 -1
  4. package/dist/cjs/components/EthAccount/EthAccountButton.js.map +1 -1
  5. package/dist/cjs/components/Identicon.js +1 -1
  6. package/dist/cjs/components/Identicon.js.map +1 -1
  7. package/dist/docs.json +4 -4
  8. package/dist/esm/components/EthAccount/EthAccountBox.js +10 -8
  9. package/dist/esm/components/EthAccount/EthAccountBox.js.map +1 -1
  10. package/dist/esm/components/EthAccount/EthAccountButton.js +6 -2
  11. package/dist/esm/components/EthAccount/EthAccountButton.js.map +1 -1
  12. package/dist/esm/components/Identicon.js +1 -1
  13. package/dist/esm/components/Identicon.js.map +1 -1
  14. package/package.json +1 -1
  15. package/src/components/EthAccount/EthAccountBox.stories.tsx +10 -1
  16. package/src/components/EthAccount/EthAccountBox.tsx +8 -14
  17. package/src/components/EthAccount/EthAccountButton.tsx +11 -1
  18. package/src/components/Identicon.tsx +1 -5
package/dist/cjs/components/EthAccount/EthAccountBox.js CHANGED
@@ -17,15 +17,17 @@ const EthAccountBox = (_a) => {
17
17
  const large = (0, hooks_1.useMediaQuery)(theme.breakpoints.up('md'));
18
18
  const isLocalAddress = address ? (localAddress === null || localAddress === void 0 ? void 0 : localAddress.toString()) === address.toString() : false;
19
19
  const addressToDisplay = (0, sdk_js_1.assertEx)(address !== null && address !== void 0 ? address : sdk_js_1.EthAddress.fromString('0x00'), 'Bad Eth Address');
20
- const textToDisplay = addressLength === 'long'
21
- ? addressToDisplay.toString()
22
- : addressLength === 'short'
23
- ? addressToDisplay.toShortString(shortenedLength)
24
- : large
25
- ? addressToDisplay.toString()
26
- : addressToDisplay.toShortString();
20
+ const textToDisplay = address
21
+ ? addressLength === 'long'
22
+ ? addressToDisplay.toString()
23
+ : addressLength === 'short'
24
+ ? addressToDisplay.toShortString(shortenedLength)
25
+ : large
26
+ ? addressToDisplay.toString()
27
+ : addressToDisplay.toShortString()
28
+ : '-- --';
27
29
  // Note: We use the all zero address for spacing in case it is
28
- return ((0, jsx_runtime_1.jsxs)(FlexBox_1.FlexRow, Object.assign({ justifyContent: "space-between", alignItems: "center" }, props, { children: [icon && address ? (0, jsx_runtime_1.jsx)(Identicon_1.Identicon, { size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }) : null, iconOnly ? null : ((0, jsx_runtime_1.jsxs)(FlexBox_1.FlexRow, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, visibility: address ? 'inherit' : 'hidden' }, { children: textToDisplay })), address ? null : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ position: "absolute", marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: "-- --" })))] })), isLocalAddress ? (0, jsx_runtime_1.jsx)(FlexBox_1.FlexRow, Object.assign({ marginLeft: 0.5 }, { children: "(You)" })) : null] })));
30
+ return ((0, jsx_runtime_1.jsxs)(FlexBox_1.FlexRow, Object.assign({ justifyContent: "space-between", alignItems: "center", minHeight: theme.spacing(3) }, props, { children: [icon ? (0, jsx_runtime_1.jsx)(Identicon_1.Identicon, { minHeight: theme.spacing(3), minWidth: theme.spacing(3), bgcolor: theme.palette.secondary.main, size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }) : null, iconOnly ? null : ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: textToDisplay }))), isLocalAddress ? (0, jsx_runtime_1.jsx)(FlexBox_1.FlexRow, Object.assign({ marginLeft: 0.5 }, { children: "(You)" })) : null] })));
29
31
  };
30
32
  exports.EthAccountBox = EthAccountBox;
31
33
  //# sourceMappingURL=EthAccountBox.js.map
package/dist/cjs/components/EthAccount/EthAccountBox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EthAccountBox.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,2CAAqD;AACrD,iCAAkC;AAElC,6CAA8C;AAC9C,uCAA2C;AAC3C,wCAAkD;AAClD,4CAAwC;AAGjC,MAAM,aAAa,GAA6C,CAAC,EASvE,EAAE,EAAE;QATmE,EACtE,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,OAE3C,EADI,KAAK,sBAR8D,6FASvE,CADS;IAER,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAA;IAClD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,KAAK,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,EAAE,MAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExF,MAAM,gBAAgB,GAAG,IAAA,iBAAQ,EAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,mBAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAA;IAE9F,MAAM,aAAa,GACjB,aAAa,KAAK,MAAM;QACtB,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;QAC7B,CAAC,CAAC,aAAa,KAAK,OAAO;YAC3B,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,eAAe,CAAC;YACjD,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;gBAC7B,CAAC,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAA;IAEtC,8DAA8D;IAE9D,OAAO,CACL,wBAAC,iBAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,IAAK,KAAK,eAClE,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,uBAAC,qBAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/E,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,wBAAC,iBAAO,eACN,uBAAC,qBAAU,kBAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,gBACrH,aAAa,IACH,EACZ,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB,uBAAC,qBAAU,kBAAC,QAAQ,EAAC,UAAU,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,2BAEnF,CACd,IACO,CACX,EACA,cAAc,CAAC,CAAC,CAAC,uBAAC,iBAAO,kBAAC,UAAU,EAAE,GAAG,2BAAiB,CAAC,CAAC,CAAC,IAAI,KAC1D,CACX,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,aAAa,iBAgDzB"}
1
+ {"version":3,"file":"EthAccountBox.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoD;AACpD,2CAAqD;AACrD,iCAAkC;AAElC,6CAA8C;AAC9C,uCAA2C;AAC3C,wCAAkD;AAClD,4CAAwC;AAGjC,MAAM,aAAa,GAA6C,CAAC,EASvE,EAAE,EAAE;QATmE,EACtE,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,OAE3C,EADI,KAAK,sBAR8D,6FASvE,CADS;IAER,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAA;IAClD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,KAAK,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,EAAE,MAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExF,MAAM,gBAAgB,GAAG,IAAA,iBAAQ,EAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,mBAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAA;IAE9F,MAAM,aAAa,GAAG,OAAO;QAC3B,CAAC,CAAC,aAAa,KAAK,MAAM;YACxB,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;YAC7B,CAAC,CAAC,aAAa,KAAK,OAAO;gBAC3B,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,eAAe,CAAC;gBACjD,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;oBAC7B,CAAC,CAAC,gBAAgB,CAAC,aAAa,EAAE;QACpC,CAAC,CAAC,OAAO,CAAA;IAEX,8DAA8D;IAE9D,OAAO,CACL,wBAAC,iBAAO,kBAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAM,KAAK,eAC/F,IAAI,CAAC,CAAC,CAAC,uBAAC,qBAAS,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACpK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,uBAAC,qBAAU,kBAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,gBACzE,aAAa,IACH,CACd,EACA,cAAc,CAAC,CAAC,CAAC,uBAAC,iBAAO,kBAAC,UAAU,EAAE,GAAG,2BAAiB,CAAC,CAAC,CAAC,IAAI,KAC1D,CACX,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,aAAa,iBA0CzB"}
package/dist/cjs/components/EthAccount/EthAccountButton.js CHANGED
@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.EthAccount = exports.EthAccountButton = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const material_1 = require("@mui/material");
6
7
  const ButtonEx_1 = require("../ButtonEx");
8
+ const FlexBox_1 = require("../FlexBox");
9
+ const Identicon_1 = require("../Identicon");
7
10
  const EthAccountBox_1 = require("./EthAccountBox");
8
11
  const EthAccountButton = (_a) => {
9
12
  var { address, full, icon = false, iconSize = 16, iconOnly = false, shortenedLength, addressLength = 'auto', fontFamily = '"Source Code Pro",monospace', toEtherScan, onClick } = _a, props = tslib_1.__rest(_a, ["address", "full", "icon", "iconSize", "iconOnly", "shortenedLength", "addressLength", "fontFamily", "toEtherScan", "onClick"]);
@@ -13,7 +16,8 @@ const EthAccountButton = (_a) => {
13
16
  window.open(`https://etherscan.io/address/${address.toString()}`, '_blank');
14
17
  }
15
18
  };
16
- return ((0, jsx_runtime_1.jsx)(ButtonEx_1.ButtonEx, Object.assign({ onClick: onClickLocal, title: `0x${address === null || address === void 0 ? void 0 : address.toHex()}` }, props, { children: (0, jsx_runtime_1.jsx)(EthAccountBox_1.EthAccountBox, { address: address, addressLength: addressLength, shortenedLength: shortenedLength, full: full, icon: icon, iconSize: iconSize, iconOnly: iconOnly, fontFamily: fontFamily }) })));
19
+ const theme = (0, material_1.useTheme)();
20
+ return ((0, jsx_runtime_1.jsxs)(ButtonEx_1.ButtonEx, Object.assign({ onClick: onClickLocal, title: `0x${address === null || address === void 0 ? void 0 : address.toHex()}` }, props, { children: [icon ? ((0, jsx_runtime_1.jsx)(FlexBox_1.FlexRow, Object.assign({ position: "absolute", top: 0, left: 0, bottom: 0, paddingX: 0.5, bgcolor: theme.palette.secondary.main }, { children: (0, jsx_runtime_1.jsx)(Identicon_1.Identicon, { minHeight: theme.spacing(3), minWidth: theme.spacing(3), bgcolor: theme.palette.secondary.main, size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }) }))) : null, (0, jsx_runtime_1.jsx)(EthAccountBox_1.EthAccountBox, { marginLeft: icon ? 3 : 0, address: address, addressLength: addressLength, shortenedLength: shortenedLength, full: full, iconSize: iconSize, iconOnly: iconOnly, fontFamily: fontFamily })] })));
17
21
  };
18
22
  exports.EthAccountButton = EthAccountButton;
19
23
  /** @deprecated use EthAccountButton or EthAccountBox */
package/dist/cjs/components/EthAccount/EthAccountButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EthAccountButton.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountButton.tsx"],"names":[],"mappings":";;;;;AAEA,0CAAqD;AACrD,mDAA+C;AAOxC,MAAM,gBAAgB,GAAoD,CAAC,EAYjF,EAAE,EAAE;QAZ6E,EAChF,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,WAAW,EACX,OAAO,OAER,EADI,KAAK,sBAXwE,+HAYjF,CADS;IAER,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC5D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;QAChB,IAAI,WAAW,IAAI,OAAO,EAAE;YAC1B,MAAM,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAA;SAC5E;IACH,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,mBAAQ,kBAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,EAAE,IAAM,KAAK,cACxE,uBAAC,6BAAa,IACZ,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,IACO,CACZ,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,gBAAgB,oBAkC5B;AAED,wDAAwD;AAC3C,QAAA,UAAU,GAAG,wBAAgB,CAAA"}
1
+ {"version":3,"file":"EthAccountButton.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountButton.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwC;AAGxC,0CAAqD;AACrD,wCAAoC;AACpC,4CAAwC;AACxC,mDAA+C;AAOxC,MAAM,gBAAgB,GAAoD,CAAC,EAYjF,EAAE,EAAE;QAZ6E,EAChF,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,WAAW,EACX,OAAO,OAER,EADI,KAAK,sBAXwE,+HAYjF,CADS;IAER,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC5D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;QAChB,IAAI,WAAW,IAAI,OAAO,EAAE;YAC1B,MAAM,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAA;SAC5E;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,OAAO,CACL,wBAAC,mBAAQ,kBAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,EAAE,IAAM,KAAK,eACvE,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,iBAAO,kBAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,gBAC3G,uBAAC,qBAAS,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,GAAI,IAC9I,CACX,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,6BAAa,IACZ,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,KACO,CACZ,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,gBAAgB,oBAyC5B;AAED,wDAAwD;AAC3C,QAAA,UAAU,GAAG,wBAAgB,CAAA"}
package/dist/cjs/components/Identicon.js CHANGED
@@ -62,7 +62,7 @@ const Identicon = (_a) => {
62
62
  (0, react_1.useEffect)(() => {
63
63
  updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value });
64
64
  });
65
- return ((0, jsx_runtime_1.jsx)(FlexBox_1.FlexRow, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("canvas", { className: className, ref: canvas, style: { height: size, width: size } }) })));
65
+ return (0, jsx_runtime_1.jsx)(FlexBox_1.FlexRow, Object.assign({}, props, { children: value ? (0, jsx_runtime_1.jsx)("canvas", { className: className, ref: canvas, style: { height: size, width: size } }) : null }));
66
66
  };
67
67
  exports.Identicon = Identicon;
68
68
  //# sourceMappingURL=Identicon.js.map
package/dist/cjs/components/Identicon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"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"}
package/dist/docs.json CHANGED
@@ -159712,7 +159712,7 @@
159712
159712
  "sources": [
159713
159713
  {
159714
159714
  "fileName": "src/components/EthAccount/EthAccountButton.tsx",
159715
- "line": 8,
159715
+ "line": 11,
159716
159716
  "character": 2
159717
159717
  }
159718
159718
  ],
@@ -159747,7 +159747,7 @@
159747
159747
  "sources": [
159748
159748
  {
159749
159749
  "fileName": "src/components/EthAccount/EthAccountButton.tsx",
159750
- "line": 7,
159750
+ "line": 10,
159751
159751
  "character": 17
159752
159752
  }
159753
159753
  ],
@@ -355668,7 +355668,7 @@
355668
355668
  "sources": [
355669
355669
  {
355670
355670
  "fileName": "src/components/EthAccount/EthAccountButton.tsx",
355671
- "line": 48,
355671
+ "line": 58,
355672
355672
  "character": 13
355673
355673
  }
355674
355674
  ],
@@ -355748,7 +355748,7 @@
355748
355748
  "sources": [
355749
355749
  {
355750
355750
  "fileName": "src/components/EthAccount/EthAccountButton.tsx",
355751
- "line": 11,
355751
+ "line": 14,
355752
355752
  "character": 13
355753
355753
  }
355754
355754
  ],
package/dist/esm/components/EthAccount/EthAccountBox.js CHANGED
@@ -12,14 +12,16 @@ export const EthAccountBox = ({ address, icon = false, iconSize = 16, iconOnly =
12
12
  const large = useMediaQuery(theme.breakpoints.up('md'));
13
13
  const isLocalAddress = address ? localAddress?.toString() === address.toString() : false;
14
14
  const addressToDisplay = assertEx(address ?? EthAddress.fromString('0x00'), 'Bad Eth Address');
15
- const textToDisplay = addressLength === 'long'
16
- ? addressToDisplay.toString()
17
- : addressLength === 'short'
18
- ? addressToDisplay.toShortString(shortenedLength)
19
- : large
20
- ? addressToDisplay.toString()
21
- : addressToDisplay.toShortString();
15
+ const textToDisplay = address
16
+ ? addressLength === 'long'
17
+ ? addressToDisplay.toString()
18
+ : addressLength === 'short'
19
+ ? addressToDisplay.toShortString(shortenedLength)
20
+ : large
21
+ ? addressToDisplay.toString()
22
+ : addressToDisplay.toShortString()
23
+ : '-- --';
22
24
  // Note: We use the all zero address for spacing in case it is
23
- return (_jsxs(FlexRow, { justifyContent: "space-between", alignItems: "center", ...props, children: [icon && address ? _jsx(Identicon, { size: iconSize, value: address?.toHex() }) : null, iconOnly ? null : (_jsxs(FlexRow, { children: [_jsx(Typography, { marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, visibility: address ? 'inherit' : 'hidden', children: textToDisplay }), address ? null : (_jsx(Typography, { position: "absolute", marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, children: "-- --" }))] })), isLocalAddress ? _jsx(FlexRow, { marginLeft: 0.5, children: "(You)" }) : null] }));
25
+ return (_jsxs(FlexRow, { justifyContent: "space-between", alignItems: "center", minHeight: theme.spacing(3), ...props, children: [icon ? _jsx(Identicon, { minHeight: theme.spacing(3), minWidth: theme.spacing(3), bgcolor: theme.palette.secondary.main, size: iconSize, value: address?.toHex() }) : null, iconOnly ? null : (_jsx(Typography, { marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, children: textToDisplay })), isLocalAddress ? _jsx(FlexRow, { marginLeft: 0.5, children: "(You)" }) : null] }));
24
26
  };
25
27
  //# sourceMappingURL=EthAccountBox.js.map
package/dist/esm/components/EthAccount/EthAccountBox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EthAccountBox.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAgB,OAAO,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,MAAM,CAAC,MAAM,aAAa,GAA6C,CAAC,EACtE,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAA;IAE9F,MAAM,aAAa,GACjB,aAAa,KAAK,MAAM;QACtB,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;QAC7B,CAAC,CAAC,aAAa,KAAK,OAAO;YAC3B,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,eAAe,CAAC;YACjD,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;gBAC7B,CAAC,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAA;IAEtC,8DAA8D;IAE9D,OAAO,CACL,MAAC,OAAO,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,KAAK,KAAK,aAClE,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/E,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,MAAC,OAAO,eACN,KAAC,UAAU,IAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YACrH,aAAa,GACH,EACZ,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB,KAAC,UAAU,IAAC,QAAQ,EAAC,UAAU,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,sBAEnF,CACd,IACO,CACX,EACA,cAAc,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,UAAU,EAAE,GAAG,sBAAiB,CAAC,CAAC,CAAC,IAAI,IAC1D,CACX,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"EthAccountBox.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAgB,OAAO,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,MAAM,CAAC,MAAM,aAAa,GAA6C,CAAC,EACtE,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEvD,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IAExF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,CAAA;IAE9F,MAAM,aAAa,GAAG,OAAO;QAC3B,CAAC,CAAC,aAAa,KAAK,MAAM;YACxB,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;YAC7B,CAAC,CAAC,aAAa,KAAK,OAAO;gBAC3B,CAAC,CAAC,gBAAgB,CAAC,aAAa,CAAC,eAAe,CAAC;gBACjD,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE;oBAC7B,CAAC,CAAC,gBAAgB,CAAC,aAAa,EAAE;QACpC,CAAC,CAAC,OAAO,CAAA;IAEX,8DAA8D;IAE9D,OAAO,CACL,MAAC,OAAO,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAM,KAAK,aAC/F,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACpK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,KAAC,UAAU,IAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,UAAU,YACzE,aAAa,GACH,CACd,EACA,cAAc,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,UAAU,EAAE,GAAG,sBAAiB,CAAC,CAAC,CAAC,IAAI,IAC1D,CACX,CAAA;AACH,CAAC,CAAA"}
package/dist/esm/components/EthAccount/EthAccountButton.js CHANGED
@@ -1,5 +1,8 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useTheme } from '@mui/material';
2
3
  import { ButtonEx } from '../ButtonEx';
4
+ import { FlexRow } from '../FlexBox';
5
+ import { Identicon } from '../Identicon';
3
6
  import { EthAccountBox } from './EthAccountBox';
4
7
  export const EthAccountButton = ({ address, full, icon = false, iconSize = 16, iconOnly = false, shortenedLength, addressLength = 'auto', fontFamily = '"Source Code Pro",monospace', toEtherScan, onClick, ...props }) => {
5
8
  const onClickLocal = (event) => {
@@ -8,7 +11,8 @@ export const EthAccountButton = ({ address, full, icon = false, iconSize = 16, i
8
11
  window.open(`https://etherscan.io/address/${address.toString()}`, '_blank');
9
12
  }
10
13
  };
11
- return (_jsx(ButtonEx, { onClick: onClickLocal, title: `0x${address?.toHex()}`, ...props, children: _jsx(EthAccountBox, { address: address, addressLength: addressLength, shortenedLength: shortenedLength, full: full, icon: icon, iconSize: iconSize, iconOnly: iconOnly, fontFamily: fontFamily }) }));
14
+ const theme = useTheme();
15
+ return (_jsxs(ButtonEx, { onClick: onClickLocal, title: `0x${address?.toHex()}`, ...props, children: [icon ? (_jsx(FlexRow, { position: "absolute", top: 0, left: 0, bottom: 0, paddingX: 0.5, bgcolor: theme.palette.secondary.main, children: _jsx(Identicon, { minHeight: theme.spacing(3), minWidth: theme.spacing(3), bgcolor: theme.palette.secondary.main, size: iconSize, value: address?.toHex() }) })) : null, _jsx(EthAccountBox, { marginLeft: icon ? 3 : 0, address: address, addressLength: addressLength, shortenedLength: shortenedLength, full: full, iconSize: iconSize, iconOnly: iconOnly, fontFamily: fontFamily })] }));
12
16
  };
13
17
  /** @deprecated use EthAccountButton or EthAccountBox */
14
18
  export const EthAccount = EthAccountButton;
package/dist/esm/components/EthAccount/EthAccountButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EthAccountButton.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAO/C,MAAM,CAAC,MAAM,gBAAgB,GAAoD,CAAC,EAChF,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,WAAW,EACX,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC5D,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,WAAW,IAAI,OAAO,EAAE;YAC1B,MAAM,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAA;SAC5E;IACH,CAAC,CAAA;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE,EAAE,KAAM,KAAK,YACxE,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,GACO,CACZ,CAAA;AACH,CAAC,CAAA;AAED,wDAAwD;AACxD,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAA"}
1
+ {"version":3,"file":"EthAccountButton.js","sourceRoot":"","sources":["../../../../src/components/EthAccount/EthAccountButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGxC,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAO/C,MAAM,CAAC,MAAM,gBAAgB,GAAoD,CAAC,EAChF,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,aAAa,GAAG,MAAM,EACtB,UAAU,GAAG,6BAA6B,EAC1C,WAAW,EACX,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC5D,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,WAAW,IAAI,OAAO,EAAE;YAC1B,MAAM,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAA;SAC5E;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,MAAC,QAAQ,IAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE,EAAE,KAAM,KAAK,aACvE,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,OAAO,IAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,YAC3G,KAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAI,GAC9I,CACX,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,aAAa,IACZ,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,IACO,CACZ,CAAA;AACH,CAAC,CAAA;AAED,wDAAwD;AACxD,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAA"}
package/dist/esm/components/Identicon.js CHANGED
@@ -57,6 +57,6 @@ export const Identicon = ({ size = 400, className = 'identicon', bg, count, fg,
57
57
  useEffect(() => {
58
58
  updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value });
59
59
  });
60
- return (_jsx(FlexRow, { ...props, children: _jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }) }));
60
+ return _jsx(FlexRow, { ...props, children: value ? _jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }) : null });
61
61
  };
62
62
  //# sourceMappingURL=Identicon.js.map
package/dist/esm/components/Identicon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Identicon.js","sourceRoot":"","sources":["../../../src/components/Identicon.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -126,6 +126,6 @@
126
126
  },
127
127
  "sideEffects": false,
128
128
  "types": "dist/esm/index.d.ts",
129
- "version": "2.12.3",
129
+ "version": "2.12.4",
130
130
  "packageManager": "yarn@3.1.1"
131
131
  }
package/src/components/EthAccount/EthAccountBox.stories.tsx CHANGED
@@ -91,7 +91,16 @@ AutoEmpty.args = {
91
91
  toEtherScan: true,
92
92
  }
93
93
 
94
- export { Auto, AutoEmpty, Long, LongEmpty, Medium, MediumEmpty, Short, ShortEmpty }
94
+ const IconOnly = Template.bind({})
95
+ IconOnly.args = {
96
+ address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
97
+ icon: true,
98
+ iconOnly: true,
99
+ title: 'Sample EthAccount',
100
+ toEtherScan: true,
101
+ }
102
+
103
+ export { Auto, AutoEmpty, IconOnly, Long, LongEmpty, Medium, MediumEmpty, Short, ShortEmpty }
95
104
 
96
105
  // eslint-disable-next-line import/no-default-export
97
106
  export default StorybookEntry
package/src/components/EthAccount/EthAccountBox.tsx CHANGED
@@ -27,31 +27,25 @@ export const EthAccountBox: React.FC<EthAccountProps & FlexBoxProps> = ({
27
27
 
28
28
  const addressToDisplay = assertEx(address ?? EthAddress.fromString('0x00'), 'Bad Eth Address')
29
29
 
30
- const textToDisplay =
31
- addressLength === 'long'
30
+ const textToDisplay = address
31
+ ? addressLength === 'long'
32
32
  ? addressToDisplay.toString()
33
33
  : addressLength === 'short'
34
34
  ? addressToDisplay.toShortString(shortenedLength)
35
35
  : large
36
36
  ? addressToDisplay.toString()
37
37
  : addressToDisplay.toShortString()
38
+ : '-- --'
38
39
 
39
40
  // Note: We use the all zero address for spacing in case it is
40
41
 
41
42
  return (
42
- <FlexRow justifyContent="space-between" alignItems="center" {...props}>
43
- {icon && address ? <Identicon size={iconSize} value={address?.toHex()} /> : null}
43
+ <FlexRow justifyContent="space-between" alignItems="center" minHeight={theme.spacing(3)} {...props}>
44
+ {icon ? <Identicon minHeight={theme.spacing(3)} minWidth={theme.spacing(3)} bgcolor={theme.palette.secondary.main} size={iconSize} value={address?.toHex()} /> : null}
44
45
  {iconOnly ? null : (
45
- <FlexRow>
46
- <Typography marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily} visibility={address ? 'inherit' : 'hidden'}>
47
- {textToDisplay}
48
- </Typography>
49
- {address ? null : (
50
- <Typography position="absolute" marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily}>
51
- -- --
52
- </Typography>
53
- )}
54
- </FlexRow>
46
+ <Typography marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily}>
47
+ {textToDisplay}
48
+ </Typography>
55
49
  )}
56
50
  {isLocalAddress ? <FlexRow marginLeft={0.5}>(You)</FlexRow> : null}
57
51
  </FlexRow>
package/src/components/EthAccount/EthAccountButton.tsx CHANGED
@@ -1,6 +1,9 @@
1
+ import { useTheme } from '@mui/material'
1
2
  import { MouseEvent } from 'react'
2
3
 
3
4
  import { ButtonEx, ButtonExProps } from '../ButtonEx'
5
+ import { FlexRow } from '../FlexBox'
6
+ import { Identicon } from '../Identicon'
4
7
  import { EthAccountBox } from './EthAccountBox'
5
8
  import { EthAccountProps } from './EthAccountProps'
6
9
 
@@ -28,14 +31,21 @@ export const EthAccountButton: React.FC<EthAccountButtonProps & ButtonExProps> =
28
31
  }
29
32
  }
30
33
 
34
+ const theme = useTheme()
35
+
31
36
  return (
32
37
  <ButtonEx onClick={onClickLocal} title={`0x${address?.toHex()}`} {...props}>
38
+ {icon ? (
39
+ <FlexRow position="absolute" top={0} left={0} bottom={0} paddingX={0.5} bgcolor={theme.palette.secondary.main}>
40
+ <Identicon minHeight={theme.spacing(3)} minWidth={theme.spacing(3)} bgcolor={theme.palette.secondary.main} size={iconSize} value={address?.toHex()} />
41
+ </FlexRow>
42
+ ) : null}
33
43
  <EthAccountBox
44
+ marginLeft={icon ? 3 : 0}
34
45
  address={address}
35
46
  addressLength={addressLength}
36
47
  shortenedLength={shortenedLength}
37
48
  full={full}
38
- icon={icon}
39
49
  iconSize={iconSize}
40
50
  iconOnly={iconOnly}
41
51
  fontFamily={fontFamily}
package/src/components/Identicon.tsx CHANGED
@@ -79,9 +79,5 @@ export const Identicon: React.FC<IdenticonProps> = ({ size = 400, className = 'i
79
79
  updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value })
80
80
  })
81
81
 
82
- return (
83
- <FlexRow {...props}>
84
- <canvas className={className} ref={canvas} style={{ height: size, width: size }} />
85
- </FlexRow>
86
- )
82
+ return <FlexRow {...props}>{value ? <canvas className={className} ref={canvas} style={{ height: size, width: size }} /> : null}</FlexRow>
87
83
  }