@hyperlane-xyz/widgets 3.11.0 → 3.13.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/README.md
CHANGED
|
@@ -32,4 +32,4 @@ This package requires `@hyperlane-xyz/sdk`, `react`, and `react-dom`.
|
|
|
32
32
|
|
|
33
33
|
## Learn more
|
|
34
34
|
|
|
35
|
-
For more information, see the [Hyperlane documentation](https://docs.hyperlane.xyz/
|
|
35
|
+
For more information, see the [Hyperlane documentation](https://docs.hyperlane.xyz/docs/intro).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChainLogo.d.ts","sourceRoot":"","sources":["../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAKzD,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,YAAY,CAAC;AAE1F,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,IAAS,EACT,UAAkB,EAClB,IAAI,GACL,EAAE,cAAc,eA6ChB"}
|
package/dist/icons/ChainLogo.js
CHANGED
|
@@ -5,23 +5,24 @@ export function ChainLogo({ chainName, registry, size = 32, background = false,
|
|
|
5
5
|
const title = chainName || 'Unknown';
|
|
6
6
|
const bgColorSeed = title.charCodeAt(0);
|
|
7
7
|
const iconSize = Math.floor(size / 1.9);
|
|
8
|
-
const [
|
|
8
|
+
const [svgLogos, setSvgLogos] = useState({});
|
|
9
9
|
useEffect(() => {
|
|
10
|
-
if (!chainName ||
|
|
10
|
+
if (!chainName || svgLogos[chainName] || Icon)
|
|
11
11
|
return;
|
|
12
12
|
registry
|
|
13
13
|
.getChainLogoUri(chainName)
|
|
14
|
-
.then((uri) => uri &&
|
|
14
|
+
.then((uri) => uri && setSvgLogos({ ...svgLogos, [chainName]: uri }))
|
|
15
15
|
.catch((err) => console.error(err));
|
|
16
|
-
}, [chainName, registry,
|
|
17
|
-
|
|
16
|
+
}, [chainName, registry, svgLogos, Icon]);
|
|
17
|
+
const logoUri = svgLogos[chainName];
|
|
18
|
+
if (!logoUri) {
|
|
18
19
|
return (React.createElement(Circle, { size: size, title: title, bgColorSeed: bgColorSeed }, chainName ? (React.createElement("div", { style: { fontSize: iconSize } }, chainName[0].toUpperCase())) : (React.createElement(QuestionMarkIcon, { width: iconSize, height: iconSize }))));
|
|
19
20
|
}
|
|
20
21
|
if (background) {
|
|
21
|
-
return (React.createElement(Circle, { size: size, title: title, classes: "htw-bg-gray-100" }, Icon ? (React.createElement(Icon, { width: iconSize, height: iconSize, title: title })) : (React.createElement("img", { src:
|
|
22
|
+
return (React.createElement(Circle, { size: size, title: title, classes: "htw-bg-gray-100" }, Icon ? (React.createElement(Icon, { width: iconSize, height: iconSize, title: title })) : (React.createElement("img", { src: logoUri, alt: title, width: iconSize, height: iconSize }))));
|
|
22
23
|
}
|
|
23
24
|
else {
|
|
24
|
-
return Icon ? (React.createElement(Icon, { width: size, height: size, title: title })) : (React.createElement("img", { src:
|
|
25
|
+
return Icon ? (React.createElement(Icon, { width: size, height: size, title: title })) : (React.createElement("img", { src: logoUri, alt: title, width: size, height: size }));
|
|
25
26
|
}
|
|
26
27
|
}
|
|
27
28
|
//# sourceMappingURL=ChainLogo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAYrD,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,UAAU,GAAG,KAAK,EAClB,IAAI,GACW;IACf,MAAM,KAAK,GAAG,SAAS,IAAI,SAAS,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;IAExC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"ChainLogo.js","sourceRoot":"","sources":["../../src/icons/ChainLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAYrD,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,EAAE,EACT,UAAU,GAAG,KAAK,EAClB,IAAI,GACW;IACf,MAAM,KAAK,GAAG,SAAS,IAAI,SAAS,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;IAExC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,SAAS,CAAC,IAAI,IAAI;YAAE,OAAO;QACtD,QAAQ;aACL,eAAe,CAAC,SAAS,CAAC;aAC1B,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,WAAW,CAAC,EAAE,GAAG,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;aACpE,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1C,MAAM,OAAO,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEpC,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,IACvD,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAG,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAO,CACvE,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CACxD,CACM,CACV,CAAC;KACH;IAED,IAAI,UAAU,EAAE;QACd,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,iBAAiB,IACxD,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAC1D,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAI,CACrE,CACM,CACV,CAAC;KACH;SAAM;QACL,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAClD,CAAC,CAAC,CAAC,CACF,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAI,CAC7D,CAAC;KACH;AACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hyperlane-xyz/widgets",
|
|
3
3
|
"description": "Common react components for Hyperlane projects",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.13.0",
|
|
5
5
|
"author": "J M Rossy",
|
|
6
6
|
"peerDependencies": {
|
|
7
7
|
"react": "^18",
|
|
8
8
|
"react-dom": "^18"
|
|
9
9
|
},
|
|
10
|
-
"dependencies": {
|
|
11
|
-
"@hyperlane-xyz/registry": "1.1.2"
|
|
12
|
-
},
|
|
13
10
|
"devDependencies": {
|
|
14
|
-
"@hyperlane-xyz/
|
|
11
|
+
"@hyperlane-xyz/registry": "2.0.0",
|
|
12
|
+
"@hyperlane-xyz/sdk": "^3.13.0",
|
|
15
13
|
"@storybook/addon-essentials": "^7.6.14",
|
|
16
14
|
"@storybook/addon-interactions": "^7.6.14",
|
|
17
15
|
"@storybook/addon-links": "^7.6.14",
|
|
@@ -20,7 +18,6 @@
|
|
|
20
18
|
"@storybook/react": "^7.6.14",
|
|
21
19
|
"@storybook/react-vite": "^7.6.14",
|
|
22
20
|
"@storybook/test": "^7.6.14",
|
|
23
|
-
"@svgr/cli": "^6.5.1",
|
|
24
21
|
"@trivago/prettier-plugin-sort-imports": "^3.2.0",
|
|
25
22
|
"@types/node": "^18.11.18",
|
|
26
23
|
"@types/react": "^18.0.27",
|