@xyo-network/react-shared 2.64.0 → 2.64.2
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/browser/components/Ampersand.js +3 -2
- package/dist/browser/components/Ampersand.js.map +1 -1
- package/dist/browser/components/BasicHero/BasicHero.js +71 -5
- package/dist/browser/components/BasicHero/BasicHero.js.map +1 -1
- package/dist/browser/components/BasicHero/index.js +203 -1
- package/dist/browser/components/BasicHero/index.js.map +1 -1
- package/dist/browser/components/Ellipsize.js +28 -8
- package/dist/browser/components/Ellipsize.js.map +1 -1
- package/dist/browser/components/ErrorBoundary.js +4 -3
- package/dist/browser/components/ErrorBoundary.js.map +1 -1
- package/dist/browser/components/ListItemButtonEx.js +4 -3
- package/dist/browser/components/ListItemButtonEx.js.map +1 -1
- package/dist/browser/components/LoadResult.js +19 -6
- package/dist/browser/components/LoadResult.js.map +1 -1
- package/dist/browser/components/NotFound.js +3 -2
- package/dist/browser/components/NotFound.js.map +1 -1
- package/dist/browser/components/Pipe.js +3 -2
- package/dist/browser/components/Pipe.js.map +1 -1
- package/dist/browser/components/ScrollTableOnSm.js +4 -3
- package/dist/browser/components/ScrollTableOnSm.js.map +1 -1
- package/dist/browser/components/SectionSpacingRow/SectionSpacingRow.js +3 -2
- package/dist/browser/components/SectionSpacingRow/SectionSpacingRow.js.map +1 -1
- package/dist/browser/components/SectionSpacingRow/index.js +26 -1
- package/dist/browser/components/SectionSpacingRow/index.js.map +1 -1
- package/dist/browser/components/StyleGuide/AppBars.example.js +3 -2
- package/dist/browser/components/StyleGuide/AppBars.example.js.map +1 -1
- package/dist/browser/components/StyleGuide/Buttons.example.js +5 -4
- package/dist/browser/components/StyleGuide/Buttons.example.js.map +1 -1
- package/dist/browser/components/StyleGuide/Papers.example.js +3 -2
- package/dist/browser/components/StyleGuide/Papers.example.js.map +1 -1
- package/dist/browser/components/StyleGuide/StyleGuide.example.js +99 -12
- package/dist/browser/components/StyleGuide/StyleGuide.example.js.map +1 -1
- package/dist/browser/components/StyleGuide/Texts.example.js +3 -2
- package/dist/browser/components/StyleGuide/Texts.example.js.map +1 -1
- package/dist/browser/components/StyleGuide/VariantContext.example.js +2 -1
- package/dist/browser/components/StyleGuide/VariantContext.example.js.map +1 -1
- package/dist/browser/components/TableCell/AddressTableCell.js +124 -4
- package/dist/browser/components/TableCell/AddressTableCell.js.map +1 -1
- package/dist/browser/components/TableCell/EllipsisTableCell.js +98 -9
- package/dist/browser/components/TableCell/EllipsisTableCell.js.map +1 -1
- package/dist/browser/components/TableCell/EllipsisTableCellDeprecated.js +107 -6
- package/dist/browser/components/TableCell/EllipsisTableCellDeprecated.js.map +1 -1
- package/dist/browser/components/TableCell/HashTableCell.js +126 -6
- package/dist/browser/components/TableCell/HashTableCell.js.map +1 -1
- package/dist/browser/components/TableCell/findParent.js +2 -1
- package/dist/browser/components/TableCell/findParent.js.map +1 -1
- package/dist/browser/components/TableCell/getRemainingRowWidth.js +2 -1
- package/dist/browser/components/TableCell/getRemainingRowWidth.js.map +1 -1
- package/dist/browser/components/TableCell/getSmallestParentWidth.js +2 -1
- package/dist/browser/components/TableCell/getSmallestParentWidth.js.map +1 -1
- package/dist/browser/components/TableCell/index.js +160 -3
- package/dist/browser/components/TableCell/index.js.map +1 -1
- package/dist/browser/components/ThemeTokenAvatar/ThemeTokenAvatar.js +3 -2
- package/dist/browser/components/ThemeTokenAvatar/ThemeTokenAvatar.js.map +1 -1
- package/dist/browser/components/ThemeTokenAvatar/index.js +10 -1
- package/dist/browser/components/ThemeTokenAvatar/index.js.map +1 -1
- package/dist/browser/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js +14 -4
- package/dist/browser/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js.map +1 -1
- package/dist/browser/components/ThemeTokenAvatarGroup/index.js +19 -1
- package/dist/browser/components/ThemeTokenAvatarGroup/index.js.map +1 -1
- package/dist/browser/components/TokenBar/TokenBar.js +3 -2
- package/dist/browser/components/TokenBar/TokenBar.js.map +1 -1
- package/dist/browser/components/TokenBar/index.js +19 -1
- package/dist/browser/components/TokenBar/index.js.map +1 -1
- package/dist/browser/components/TokenData/TokenData.js +34 -17
- package/dist/browser/components/TokenData/TokenData.js.map +1 -1
- package/dist/browser/components/TokenData/img/index.js +1 -0
- package/dist/browser/components/TokenData/img/index.js.map +1 -1
- package/dist/browser/components/TokenData/index.js +153 -2
- package/dist/browser/components/TokenData/index.js.map +1 -1
- package/dist/browser/components/TokenData/useGetTokenData.js +143 -2
- package/dist/browser/components/TokenData/useGetTokenData.js.map +1 -1
- package/dist/browser/components/TokenSummary/TokenSummary.js +16 -6
- package/dist/browser/components/TokenSummary/TokenSummary.js.map +1 -1
- package/dist/browser/components/TokenSummary/index.js +29 -1
- package/dist/browser/components/TokenSummary/index.js.map +1 -1
- package/dist/browser/components/TypographyEx.js +57 -3
- package/dist/browser/components/TypographyEx.js.map +1 -1
- package/dist/browser/components/index.js +730 -18
- package/dist/browser/components/index.js.map +1 -1
- package/dist/browser/components/pluginValidation/DataMissing.js +3 -2
- package/dist/browser/components/pluginValidation/DataMissing.js.map +1 -1
- package/dist/browser/components/pluginValidation/index.js +12 -1
- package/dist/browser/components/pluginValidation/index.js.map +1 -1
- package/dist/browser/contexts/ListMode/Context.js +6 -2
- package/dist/browser/contexts/ListMode/Context.js.map +1 -1
- package/dist/browser/contexts/ListMode/Provider.js +12 -3
- package/dist/browser/contexts/ListMode/Provider.js.map +1 -1
- package/dist/browser/contexts/ListMode/index.js +44 -4
- package/dist/browser/contexts/ListMode/index.js.map +1 -1
- package/dist/browser/contexts/ListMode/use.js +19 -3
- package/dist/browser/contexts/ListMode/use.js.map +1 -1
- package/dist/browser/contexts/Pixel/Context.js +6 -2
- package/dist/browser/contexts/Pixel/Context.js.map +1 -1
- package/dist/browser/contexts/Pixel/Provider.js +12 -3
- package/dist/browser/contexts/Pixel/Provider.js.map +1 -1
- package/dist/browser/contexts/Pixel/index.js +45 -4
- package/dist/browser/contexts/Pixel/index.js.map +1 -1
- package/dist/browser/contexts/Pixel/use.js +19 -3
- package/dist/browser/contexts/Pixel/use.js.map +1 -1
- package/dist/browser/contexts/contextEx/create.js +2 -1
- package/dist/browser/contexts/contextEx/create.js.map +1 -1
- package/dist/browser/contexts/contextEx/index.js +22 -4
- package/dist/browser/contexts/contextEx/index.js.map +1 -1
- package/dist/browser/contexts/contextEx/use.js +3 -2
- package/dist/browser/contexts/contextEx/use.js.map +1 -1
- package/dist/browser/contexts/diviner/Context.js +6 -2
- package/dist/browser/contexts/diviner/Context.js.map +1 -1
- package/dist/browser/contexts/diviner/Provider.js +3 -2
- package/dist/browser/contexts/diviner/Provider.js.map +1 -1
- package/dist/browser/contexts/diviner/index.js +40 -3
- package/dist/browser/contexts/diviner/index.js.map +1 -1
- package/dist/browser/contexts/index.js +116 -4
- package/dist/browser/contexts/index.js.map +1 -1
- package/dist/browser/hooks/GradientStyles/GradientStyles.js +4 -3
- package/dist/browser/hooks/GradientStyles/GradientStyles.js.map +1 -1
- package/dist/browser/hooks/GradientStyles/index.js +56 -1
- package/dist/browser/hooks/GradientStyles/index.js.map +1 -1
- package/dist/browser/hooks/index.js +126 -7
- package/dist/browser/hooks/index.js.map +1 -1
- package/dist/browser/hooks/useDataState.js +2 -1
- package/dist/browser/hooks/useDataState.js.map +1 -1
- package/dist/browser/hooks/useIsMobile.js +7 -2
- package/dist/browser/hooks/useIsMobile.js.map +1 -1
- package/dist/browser/hooks/useMediaQuery.js +1 -0
- package/dist/browser/hooks/useMediaQuery.js.map +1 -1
- package/dist/browser/hooks/usePayloadHash.js +3 -2
- package/dist/browser/hooks/usePayloadHash.js.map +1 -1
- package/dist/browser/hooks/usePromise.js +2 -1
- package/dist/browser/hooks/usePromise.js.map +1 -1
- package/dist/browser/hooks/useShareForwardRef.js +2 -1
- package/dist/browser/hooks/useShareForwardRef.js.map +1 -1
- package/dist/browser/index.js +988 -6
- package/dist/browser/index.js.map +1 -1
- package/dist/browser/lib/assertDefinedEx.js +2 -1
- package/dist/browser/lib/assertDefinedEx.js.map +1 -1
- package/dist/browser/lib/getActualPaddingX.js +4 -3
- package/dist/browser/lib/getActualPaddingX.js.map +1 -1
- package/dist/browser/lib/index.js +101 -3
- package/dist/browser/lib/index.js.map +1 -1
- package/dist/browser/lib/networkComponents.js +5 -4
- package/dist/browser/lib/networkComponents.js.map +1 -1
- package/dist/browser/lib/xyo.js +3 -2
- package/dist/browser/lib/xyo.js.map +1 -1
- package/dist/browser/models/index.js +0 -1
- package/dist/browser/models/index.js.map +1 -1
- package/package.json +13 -13
|
@@ -1,4 +1,161 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
// src/components/TableCell/AddressTableCell.tsx
|
|
2
|
+
import { forwardRef as forwardRef3 } from "react";
|
|
3
|
+
|
|
4
|
+
// src/components/TableCell/EllipsisTableCell.tsx
|
|
5
|
+
import { styled as styled2, TableCell } from "@mui/material";
|
|
6
|
+
import { LinkEx } from "@xylabs/react-link";
|
|
7
|
+
import { forwardRef as forwardRef2, useMemo } from "react";
|
|
8
|
+
|
|
9
|
+
// src/components/Ellipsize.tsx
|
|
10
|
+
import { Box, styled, Typography } from "@mui/material";
|
|
11
|
+
import { forwardRef, useCallback, useState } from "react";
|
|
12
|
+
|
|
13
|
+
// src/hooks/useShareForwardRef.ts
|
|
14
|
+
import { useEffect, useRef } from "react";
|
|
15
|
+
var useShareForwardedRef = (forwardedRef, refresh = 0) => {
|
|
16
|
+
const innerRef = useRef(null);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
if (!forwardedRef) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
if (typeof forwardedRef === "function") {
|
|
22
|
+
forwardedRef(innerRef.current);
|
|
23
|
+
return;
|
|
24
|
+
} else {
|
|
25
|
+
forwardedRef.current = innerRef.current;
|
|
26
|
+
}
|
|
27
|
+
}, [forwardedRef, refresh]);
|
|
28
|
+
return innerRef;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
// src/components/Ellipsize.tsx
|
|
32
|
+
import { jsx } from "react/jsx-runtime";
|
|
33
|
+
var ComponentName = "Ellipsize";
|
|
34
|
+
var EllipsizeRoot = styled(Box, {
|
|
35
|
+
name: ComponentName,
|
|
36
|
+
shouldForwardProp: (prop) => prop !== "beforeLineHeight",
|
|
37
|
+
slot: "Root"
|
|
38
|
+
})(({ beforeLineHeight }) => ({
|
|
39
|
+
"&": {
|
|
40
|
+
// because the cell content ends up absolutely positioned, the cell doesn't know the content height.
|
|
41
|
+
// the pseudo element with a hidden character establishes the proper height of the content and hides it
|
|
42
|
+
":before": {
|
|
43
|
+
content: "'nbsp;'",
|
|
44
|
+
display: "block",
|
|
45
|
+
// take the pseudo element out of the `display: block` flow so it won't push against our actual content
|
|
46
|
+
float: "left",
|
|
47
|
+
visibility: "hidden",
|
|
48
|
+
// since we are `display: block`, lineHeight is the height
|
|
49
|
+
...beforeLineHeight && { lineHeight: beforeLineHeight }
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}));
|
|
53
|
+
var EllipsizeInnerWrap = styled(Box, {
|
|
54
|
+
name: ComponentName,
|
|
55
|
+
slot: "innerWrap"
|
|
56
|
+
})(() => ({
|
|
57
|
+
position: "relative"
|
|
58
|
+
}));
|
|
59
|
+
var EllipsizeContentWrap = styled(Typography, {
|
|
60
|
+
name: ComponentName,
|
|
61
|
+
shouldForwardProp: (prop) => prop !== "ellipsisPosition",
|
|
62
|
+
slot: "contentWrap"
|
|
63
|
+
})(({ theme, ellipsisPosition, fontFamily }) => {
|
|
64
|
+
return theme.unstable_sx({
|
|
65
|
+
fontFamily: fontFamily ?? "monospace",
|
|
66
|
+
left: 0,
|
|
67
|
+
overflow: "hidden",
|
|
68
|
+
position: "absolute",
|
|
69
|
+
right: 0,
|
|
70
|
+
textOverflow: "ellipsis",
|
|
71
|
+
whiteSpace: "nowrap",
|
|
72
|
+
...ellipsisPosition === "start" ? {
|
|
73
|
+
direction: "rtl",
|
|
74
|
+
textAlign: "left"
|
|
75
|
+
} : {}
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
var useClientHeight = () => {
|
|
79
|
+
const [contentWrapHeight, setContentWrapHeight] = useState();
|
|
80
|
+
const contentWrapRef = useCallback((node) => {
|
|
81
|
+
if (node !== null) {
|
|
82
|
+
setContentWrapHeight(node.clientHeight + "px");
|
|
83
|
+
}
|
|
84
|
+
}, []);
|
|
85
|
+
return { contentWrapHeight, contentWrapRef };
|
|
86
|
+
};
|
|
87
|
+
var EllipsizeBox = forwardRef(
|
|
88
|
+
({ children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }, ref) => {
|
|
89
|
+
const { contentWrapRef, contentWrapHeight } = useClientHeight();
|
|
90
|
+
const sharedRef = useShareForwardedRef(ref);
|
|
91
|
+
return /* @__PURE__ */ jsx(EllipsizeRoot, { beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : void 0, ...props, ref, children: /* @__PURE__ */ jsx(EllipsizeInnerWrap, { children: /* @__PURE__ */ jsx(EllipsizeContentWrap, { ref: contentWrapRef, component: "span", ellipsisPosition, variant: "body2", ...typographyProps, children }) }) });
|
|
92
|
+
}
|
|
93
|
+
);
|
|
94
|
+
EllipsizeBox.displayName = "EllipsizeBox";
|
|
95
|
+
|
|
96
|
+
// src/components/TableCell/EllipsisTableCell.tsx
|
|
97
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
98
|
+
var EllipsisTableCellRoot = styled2(TableCell, {
|
|
99
|
+
name: "EllipsisTableCell",
|
|
100
|
+
shouldForwardProp: (prop) => prop !== "width",
|
|
101
|
+
slot: "Root"
|
|
102
|
+
})(({ width = "100%" }) => ({
|
|
103
|
+
width
|
|
104
|
+
}));
|
|
105
|
+
var EllipsisTableCellWithRef = forwardRef2(
|
|
106
|
+
({ children, href, link = false, to, value, ...props }, ref) => {
|
|
107
|
+
const data = useMemo(() => {
|
|
108
|
+
if (children) {
|
|
109
|
+
return children;
|
|
110
|
+
}
|
|
111
|
+
if (href || link || to) {
|
|
112
|
+
return /* @__PURE__ */ jsx2(LinkEx, { title: value, to, href, target: href ? "_blank" : void 0, children: value });
|
|
113
|
+
}
|
|
114
|
+
return value;
|
|
115
|
+
}, [children, href, link, to, value]);
|
|
116
|
+
return /* @__PURE__ */ jsx2(EllipsisTableCellRoot, { ref, ...props, children: /* @__PURE__ */ jsx2(EllipsizeBox, { sx: { cursor: link || to || href ? "pointer" : "inherit" }, children: data }) });
|
|
117
|
+
}
|
|
118
|
+
);
|
|
119
|
+
EllipsisTableCellWithRef.displayName = "EllipsisTableCell";
|
|
120
|
+
var EllipsisTableCell = EllipsisTableCellWithRef;
|
|
121
|
+
|
|
122
|
+
// src/components/TableCell/AddressTableCell.tsx
|
|
123
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
124
|
+
var AddressTableCell = forwardRef3(({ value, archive, exploreDomain, link, ...props }, ref) => {
|
|
125
|
+
const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : void 0;
|
|
126
|
+
const to = exploreDomain === void 0 && archive ? `/archive/${archive}/address/${value}` : void 0;
|
|
127
|
+
return /* @__PURE__ */ jsx3(EllipsisTableCell, { value, href, to, ref, link, ...props });
|
|
128
|
+
});
|
|
129
|
+
AddressTableCell.displayName = "AddressTableCell";
|
|
130
|
+
|
|
131
|
+
// src/components/TableCell/HashTableCell.tsx
|
|
132
|
+
import { useEvent } from "@xyo-network/react-event";
|
|
133
|
+
import { useRef as useRef2 } from "react";
|
|
134
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
135
|
+
var HashTableCell = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
|
|
136
|
+
const ref = useRef2(null);
|
|
137
|
+
const [tableCellRef, dispatch] = useEvent(void 0, ref);
|
|
138
|
+
const hashPath = `/${dataType}/hash/${value}?network=${network ?? "main"}`;
|
|
139
|
+
const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
|
|
140
|
+
const handleCellClick = () => {
|
|
141
|
+
dispatch?.("hash", "click", value);
|
|
142
|
+
};
|
|
143
|
+
return /* @__PURE__ */ jsx4(
|
|
144
|
+
EllipsisTableCell,
|
|
145
|
+
{
|
|
146
|
+
onClick: handleCellClick,
|
|
147
|
+
ref: tableCellRef,
|
|
148
|
+
value,
|
|
149
|
+
href: exploreDomain ? `${exploreDomain}${explorePath}}` : void 0,
|
|
150
|
+
to: exploreDomain ? void 0 : explorePath,
|
|
151
|
+
...props
|
|
152
|
+
}
|
|
153
|
+
);
|
|
154
|
+
};
|
|
155
|
+
export {
|
|
156
|
+
AddressTableCell,
|
|
157
|
+
EllipsisTableCell,
|
|
158
|
+
EllipsisTableCellWithRef,
|
|
159
|
+
HashTableCell
|
|
160
|
+
};
|
|
4
161
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/TableCell/index.ts"],"sourcesContent":["export * from './AddressTableCell'\nexport * from './EllipsisTableCell'\nexport * from './HashTableCell'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/TableCell/AddressTableCell.tsx","../../../../src/components/TableCell/EllipsisTableCell.tsx","../../../../src/components/Ellipsize.tsx","../../../../src/hooks/useShareForwardRef.ts","../../../../src/components/TableCell/HashTableCell.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface AddressTableCellProps extends EllipsisTableCellProps {\n /** @deprecated - archives are no longer supported */\n archive?: string\n /** @deprecated - use events instead */\n exploreDomain?: string\n link?: boolean\n}\n\nconst AddressTableCell = forwardRef<HTMLTableCellElement, AddressTableCellProps>(({ value, archive, exploreDomain, link, ...props }, ref) => {\n const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : undefined\n const to = exploreDomain === undefined && archive ? `/archive/${archive}/address/${value}` : undefined\n\n return <EllipsisTableCell value={value} href={href} to={to} ref={ref} link={link} {...props} />\n})\n\nAddressTableCell.displayName = 'AddressTableCell'\nexport { AddressTableCell }\n","import { styled, TableCell, TableCellProps } from '@mui/material'\nimport { LinkEx } from '@xylabs/react-link'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport { forwardRef, useMemo } from 'react'\nimport { To } from 'react-router-dom'\n\nimport { EllipsizeBox } from '../Ellipsize'\n\nconst EllipsisTableCellRoot = styled(TableCell, {\n name: 'EllipsisTableCell',\n shouldForwardProp: (prop) => prop !== 'width',\n slot: 'Root',\n})(({ width = '100%' }) => ({\n width,\n}))\n\nexport interface EllipsisTableCellProps extends TableCellProps {\n href?: string\n link?: boolean\n to?: To\n value?: string\n /**\n * Width of the table cell.\n *\n * Note: When using percentages, this value can be different than what you expect\n * if used on a cell that is not the first cell in the first row.\n */\n width?: string | number\n}\n\nexport const EllipsisTableCellWithRef: React.FC<WithChildren<EllipsisTableCellProps>> = forwardRef(\n ({ children, href, link = false, to, value, ...props }, ref) => {\n const data = useMemo(() => {\n if (children) {\n return children\n }\n if (href || link || to) {\n return (\n <LinkEx title={value} to={to} href={href} target={href ? '_blank' : undefined}>\n {value}\n </LinkEx>\n )\n }\n return value\n }, [children, href, link, to, value])\n return (\n <EllipsisTableCellRoot ref={ref} {...props}>\n <EllipsizeBox sx={{ cursor: link || to || href ? 'pointer' : 'inherit' }}>{data}</EllipsizeBox>\n </EllipsisTableCellRoot>\n )\n },\n)\n\nEllipsisTableCellWithRef.displayName = 'EllipsisTableCell'\nexport const EllipsisTableCell = EllipsisTableCellWithRef\n","import { Box, BoxProps, styled, Typography, TypographyProps, TypographyTypeMap } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { forwardRef, useCallback, useState } from 'react'\n\nimport { useShareForwardedRef } from '../hooks'\n\n/**\n * Heavily inspired by - https://stackoverflow.com/a/30362531/2803259\n */\n\nconst ComponentName = 'Ellipsize'\n\nexport interface EllipsizeRootProps extends BoxProps {\n beforeLineHeight?: string | number\n}\n\nconst EllipsizeRoot = styled(Box, {\n name: ComponentName,\n shouldForwardProp: (prop) => prop !== 'beforeLineHeight',\n slot: 'Root',\n})<EllipsizeRootProps>(({ beforeLineHeight }) => ({\n '&': {\n // because the cell content ends up absolutely positioned, the cell doesn't know the content height.\n // the pseudo element with a hidden character establishes the proper height of the content and hides it\n ':before': {\n content: \"'nbsp;'\",\n display: 'block',\n // take the pseudo element out of the `display: block` flow so it won't push against our actual content\n float: 'left',\n visibility: 'hidden',\n // since we are `display: block`, lineHeight is the height\n ...(beforeLineHeight && { lineHeight: beforeLineHeight }),\n },\n },\n}))\n\nconst EllipsizeInnerWrap = styled(Box, {\n name: ComponentName,\n slot: 'innerWrap',\n})(() => ({\n position: 'relative',\n}))\n\nconst EllipsizeContentWrap = styled(Typography, {\n name: ComponentName,\n shouldForwardProp: (prop) => prop !== 'ellipsisPosition',\n slot: 'contentWrap',\n})<TypographyWithComponentProps>(({ theme, ellipsisPosition, fontFamily }) => {\n return theme.unstable_sx({\n fontFamily: fontFamily ?? 'monospace',\n left: 0,\n overflow: 'hidden',\n position: 'absolute',\n right: 0,\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n ...(ellipsisPosition === 'start'\n ? {\n direction: 'rtl',\n textAlign: 'left',\n }\n : {}),\n })\n})\n\nconst useClientHeight = () => {\n const [contentWrapHeight, setContentWrapHeight] = useState<string>()\n\n const contentWrapRef = useCallback((node: HTMLElement) => {\n if (node !== null) {\n setContentWrapHeight(node.clientHeight + 'px')\n }\n }, [])\n\n return { contentWrapHeight, contentWrapRef }\n}\n\n// See - https://mui.com/material-ui/guides/composition/#with-typescript\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type TypographyWithComponentProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {\n ellipsisPosition?: 'start' | 'end'\n}\n\nexport interface EllipsizeBoxProps extends BoxProps {\n disableSharedRef?: boolean\n ellipsisPosition?: 'start' | 'end'\n typographyProps?: TypographyWithComponentProps\n}\n\nexport const EllipsizeBox = forwardRef<HTMLDivElement, WithChildren<EllipsizeBoxProps>>(\n ({ children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props }, ref) => {\n // Allow syncing of :before pseudo element height with contentWrapHeight\n const { contentWrapRef, contentWrapHeight } = useClientHeight()\n const sharedRef = useShareForwardedRef(ref)\n\n return (\n <EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={ref}>\n <EllipsizeInnerWrap>\n <EllipsizeContentWrap ref={contentWrapRef} component={'span'} ellipsisPosition={ellipsisPosition} variant=\"body2\" {...typographyProps}>\n {children}\n </EllipsizeContentWrap>\n </EllipsizeInnerWrap>\n </EllipsizeRoot>\n )\n },\n)\nEllipsizeBox.displayName = 'EllipsizeBox'\n","import { ForwardedRef, useEffect, useRef } from 'react'\n\nexport const useShareForwardedRef = <T>(forwardedRef: ForwardedRef<T>, refresh = 0) => {\n // final ref that will share value with forward ref. this is the one to be attached to components\n const innerRef = useRef<T>(null)\n\n useEffect(() => {\n if (!forwardedRef) {\n return\n }\n if (typeof forwardedRef === 'function') {\n forwardedRef(innerRef.current)\n return\n } else {\n forwardedRef.current = innerRef.current\n }\n }, [forwardedRef, refresh])\n\n return innerRef\n}\n","import { useEvent } from '@xyo-network/react-event'\nimport { useRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface HashTableCellProps extends EllipsisTableCellProps {\n archive?: string\n dataType?: 'block' | 'payload'\n exploreDomain?: string\n network?: string\n}\n\nexport const HashTableCell: React.FC<HashTableCellProps> = ({ value, archive, dataType, network, exploreDomain, ...props }) => {\n const ref = useRef<HTMLTableCellElement | null>(null)\n const [tableCellRef, dispatch] = useEvent<HTMLTableCellElement>(undefined, ref)\n const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`\n const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath\n\n const handleCellClick = () => {\n dispatch?.('hash', 'click', value)\n }\n\n return (\n <EllipsisTableCell\n onClick={handleCellClick}\n ref={tableCellRef}\n value={value}\n href={exploreDomain ? `${exploreDomain}${explorePath}}` : undefined}\n to={exploreDomain ? undefined : explorePath}\n {...props}\n />\n )\n}\n"],"mappings":"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","names":["forwardRef","styled","forwardRef","jsx","styled","forwardRef","jsx","forwardRef","useRef","jsx","useRef"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
|
|
2
2
|
import { Avatar, useTheme } from "@mui/material";
|
|
3
|
-
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
var ThemeTokenAvatar = ({ ...props }) => {
|
|
4
5
|
const theme = useTheme();
|
|
5
6
|
return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
|
|
6
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n const theme = useTheme()\n return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n const theme = useTheme()\n return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;","names":[]}
|
|
@@ -1,2 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
|
|
2
|
+
import { Avatar, useTheme } from "@mui/material";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
var ThemeTokenAvatar = ({ ...props }) => {
|
|
5
|
+
const theme = useTheme();
|
|
6
|
+
return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
|
|
7
|
+
};
|
|
8
|
+
export {
|
|
9
|
+
ThemeTokenAvatar
|
|
10
|
+
};
|
|
2
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n const theme = useTheme()\n return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;","names":[]}
|
|
@@ -1,8 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
|
|
2
2
|
import { AvatarGroup } from "@mui/material";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
|
|
4
|
+
// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
|
|
5
|
+
import { Avatar, useTheme } from "@mui/material";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
var ThemeTokenAvatar = ({ ...props }) => {
|
|
8
|
+
const theme = useTheme();
|
|
9
|
+
return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
|
|
13
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
14
|
+
var ThemeTokenAvatarGroup = ({ images, ...props }) => {
|
|
15
|
+
return /* @__PURE__ */ jsx2(AvatarGroup, { ...props, children: images?.map((image, index) => /* @__PURE__ */ jsx2(ThemeTokenAvatar, { src: image }, index)) });
|
|
6
16
|
};
|
|
7
17
|
export {
|
|
8
18
|
ThemeTokenAvatarGroup
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"sourcesContent":["import { AvatarGroup, AvatarGroupProps } from '@mui/material'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {\n images?: string[]\n}\n\nexport const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps> = ({ images, ...props }) => {\n return <AvatarGroup {...props}>{images?.map((image, index) => <ThemeTokenAvatar key={index} src={image} />)}</AvatarGroup>\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { AvatarGroup, AvatarGroupProps } from '@mui/material'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {\n images?: string[]\n}\n\nexport const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps> = ({ images, ...props }) => {\n return <AvatarGroup {...props}>{images?.map((image, index) => <ThemeTokenAvatar key={index} src={image} />)}</AvatarGroup>\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n const theme = useTheme()\n return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAS,mBAAqC;;;ACA9C,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADIgE,gBAAAA,YAAA;AADzD,IAAM,wBAA8D,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACnG,SAAO,gBAAAA,KAAC,eAAa,GAAG,OAAQ,kBAAQ,IAAI,CAAC,OAAO,UAAU,gBAAAA,KAAC,oBAA6B,KAAK,SAAZ,KAAmB,CAAE,GAAE;AAC9G;","names":["jsx"]}
|
|
@@ -1,2 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
|
|
2
|
+
import { AvatarGroup } from "@mui/material";
|
|
3
|
+
|
|
4
|
+
// src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx
|
|
5
|
+
import { Avatar, useTheme } from "@mui/material";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
var ThemeTokenAvatar = ({ ...props }) => {
|
|
8
|
+
const theme = useTheme();
|
|
9
|
+
return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
// src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx
|
|
13
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
14
|
+
var ThemeTokenAvatarGroup = ({ images, ...props }) => {
|
|
15
|
+
return /* @__PURE__ */ jsx2(AvatarGroup, { ...props, children: images?.map((image, index) => /* @__PURE__ */ jsx2(ThemeTokenAvatar, { src: image }, index)) });
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
ThemeTokenAvatarGroup
|
|
19
|
+
};
|
|
2
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ThemeTokenAvatarGroup/
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx","../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { AvatarGroup, AvatarGroupProps } from '@mui/material'\n\nimport { ThemeTokenAvatar } from '../ThemeTokenAvatar'\n\nexport interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {\n images?: string[]\n}\n\nexport const ThemeTokenAvatarGroup: React.FC<ThemeTokenAvatarGroupProps> = ({ images, ...props }) => {\n return <AvatarGroup {...props}>{images?.map((image, index) => <ThemeTokenAvatar key={index} src={image} />)}</AvatarGroup>\n}\n","import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n const theme = useTheme()\n return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":";AAAA,SAAS,mBAAqC;;;ACA9C,SAAS,QAAqB,gBAAgB;AAIrC;AAFF,IAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;;;ADIgE,gBAAAA,YAAA;AADzD,IAAM,wBAA8D,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACnG,SAAO,gBAAAA,KAAC,eAAa,GAAG,OAAQ,kBAAQ,IAAI,CAAC,OAAO,UAAU,gBAAAA,KAAC,oBAA6B,KAAK,SAAZ,KAAmB,CAAE,GAAE;AAC9G;","names":["jsx"]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/TokenBar/TokenBar.tsx
|
|
2
2
|
import { Paper, Typography } from "@mui/material";
|
|
3
3
|
import { FlexRow } from "@xylabs/react-flexbox";
|
|
4
|
-
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
var TokenBar = ({ text1, text1Props, text1Suffix, text2, text2Props, text2Suffix, ...props }) => {
|
|
5
6
|
return /* @__PURE__ */ jsx(Paper, { elevation: 0, className: "TokenBar-root", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "space-between", children: [
|
|
6
7
|
/* @__PURE__ */ jsxs(Typography, { variant: "body1", fontWeight: 300, margin: 1, ...text1Props, children: [
|
|
7
8
|
text1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"sourcesContent":["import { Paper, PaperProps, Typography, TypographyProps } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { ReactNode } from 'react'\nexport interface TokenBarProps extends PaperProps {\n text1?: ReactNode\n text1Props?: TypographyProps\n text1Suffix?: ReactNode\n text2?: ReactNode\n text2Props?: TypographyProps\n text2Suffix?: ReactNode\n}\n\nexport const TokenBar: React.FC<TokenBarProps> = ({ text1, text1Props, text1Suffix, text2, text2Props, text2Suffix, ...props }) => {\n return (\n <Paper elevation={0} className=\"TokenBar-root\" {...props}>\n <FlexRow justifyContent=\"space-between\">\n <Typography variant=\"body1\" fontWeight={300} margin={1} {...text1Props}>\n {text1}\n {text1Suffix}\n </Typography>\n <Typography variant=\"body1\" fontWeight={300} textTransform=\"uppercase\" color=\"gray\" margin={1} {...text2Props}>\n {text2}\n {text2Suffix}\n </Typography>\n </FlexRow>\n </Paper>\n )\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"sourcesContent":["import { Paper, PaperProps, Typography, TypographyProps } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { ReactNode } from 'react'\nexport interface TokenBarProps extends PaperProps {\n text1?: ReactNode\n text1Props?: TypographyProps\n text1Suffix?: ReactNode\n text2?: ReactNode\n text2Props?: TypographyProps\n text2Suffix?: ReactNode\n}\n\nexport const TokenBar: React.FC<TokenBarProps> = ({ text1, text1Props, text1Suffix, text2, text2Props, text2Suffix, ...props }) => {\n return (\n <Paper elevation={0} className=\"TokenBar-root\" {...props}>\n <FlexRow justifyContent=\"space-between\">\n <Typography variant=\"body1\" fontWeight={300} margin={1} {...text1Props}>\n {text1}\n {text1Suffix}\n </Typography>\n <Typography variant=\"body1\" fontWeight={300} textTransform=\"uppercase\" color=\"gray\" margin={1} {...text2Props}>\n {text2}\n {text2Suffix}\n </Typography>\n </FlexRow>\n </Paper>\n )\n}\n"],"mappings":";AAAA,SAAS,OAAmB,kBAAmC;AAC/D,SAAS,eAAe;AAapB,cAEI,YAFJ;AAFG,IAAM,WAAoC,CAAC,EAAE,OAAO,YAAY,aAAa,OAAO,YAAY,aAAa,GAAG,MAAM,MAAM;AACjI,SACE,oBAAC,SAAM,WAAW,GAAG,WAAU,iBAAiB,GAAG,OACjD,+BAAC,WAAQ,gBAAe,iBACtB;AAAA,yBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,QAAQ,GAAI,GAAG,YACzD;AAAA;AAAA,MACA;AAAA,OACH;AAAA,IACA,qBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,eAAc,aAAY,OAAM,QAAO,QAAQ,GAAI,GAAG,YAChG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,KACF,GACF;AAEJ;","names":[]}
|
|
@@ -1,2 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/TokenBar/TokenBar.tsx
|
|
2
|
+
import { Paper, Typography } from "@mui/material";
|
|
3
|
+
import { FlexRow } from "@xylabs/react-flexbox";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
var TokenBar = ({ text1, text1Props, text1Suffix, text2, text2Props, text2Suffix, ...props }) => {
|
|
6
|
+
return /* @__PURE__ */ jsx(Paper, { elevation: 0, className: "TokenBar-root", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "space-between", children: [
|
|
7
|
+
/* @__PURE__ */ jsxs(Typography, { variant: "body1", fontWeight: 300, margin: 1, ...text1Props, children: [
|
|
8
|
+
text1,
|
|
9
|
+
text1Suffix
|
|
10
|
+
] }),
|
|
11
|
+
/* @__PURE__ */ jsxs(Typography, { variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", margin: 1, ...text2Props, children: [
|
|
12
|
+
text2,
|
|
13
|
+
text2Suffix
|
|
14
|
+
] })
|
|
15
|
+
] }) });
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
TokenBar
|
|
19
|
+
};
|
|
2
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/TokenBar/
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"sourcesContent":["import { Paper, PaperProps, Typography, TypographyProps } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { ReactNode } from 'react'\nexport interface TokenBarProps extends PaperProps {\n text1?: ReactNode\n text1Props?: TypographyProps\n text1Suffix?: ReactNode\n text2?: ReactNode\n text2Props?: TypographyProps\n text2Suffix?: ReactNode\n}\n\nexport const TokenBar: React.FC<TokenBarProps> = ({ text1, text1Props, text1Suffix, text2, text2Props, text2Suffix, ...props }) => {\n return (\n <Paper elevation={0} className=\"TokenBar-root\" {...props}>\n <FlexRow justifyContent=\"space-between\">\n <Typography variant=\"body1\" fontWeight={300} margin={1} {...text1Props}>\n {text1}\n {text1Suffix}\n </Typography>\n <Typography variant=\"body1\" fontWeight={300} textTransform=\"uppercase\" color=\"gray\" margin={1} {...text2Props}>\n {text2}\n {text2Suffix}\n </Typography>\n </FlexRow>\n </Paper>\n )\n}\n"],"mappings":";AAAA,SAAS,OAAmB,kBAAmC;AAC/D,SAAS,eAAe;AAapB,cAEI,YAFJ;AAFG,IAAM,WAAoC,CAAC,EAAE,OAAO,YAAY,aAAa,OAAO,YAAY,aAAa,GAAG,MAAM,MAAM;AACjI,SACE,oBAAC,SAAM,WAAW,GAAG,WAAU,iBAAiB,GAAG,OACjD,+BAAC,WAAQ,gBAAe,iBACtB;AAAA,yBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,QAAQ,GAAI,GAAG,YACzD;AAAA;AAAA,MACA;AAAA,OACH;AAAA,IACA,qBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,eAAc,aAAY,OAAM,QAAO,QAAQ,GAAI,GAAG,YAChG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,KACF,GACF;AAEJ;","names":[]}
|
|
@@ -1,9 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
// src/components/TokenData/img/index.ts
|
|
2
|
+
import ada from "./img/ada.png";
|
|
3
|
+
import btc from "./img/btc.png";
|
|
4
|
+
import busd from "./img/busd.png";
|
|
5
|
+
import dai from "./img/dai.png";
|
|
6
|
+
import dogecoin from "./img/dogecoin.png";
|
|
7
|
+
import dot from "./img/dot.png";
|
|
8
|
+
import ethereum from "./img/ethereum.png";
|
|
9
|
+
import frax from "./img/frax.png";
|
|
10
|
+
import link from "./img/link.png";
|
|
11
|
+
import sol from "./img/sol.png";
|
|
12
|
+
import tether from "./img/tether.png";
|
|
13
|
+
import usdCoin from "./img/usd-coin.png";
|
|
14
|
+
import weth from "./img/weth.png";
|
|
15
|
+
import wrappedBtc from "./img/wrapped-bitcoin.png";
|
|
16
|
+
import xyo from "./img/xyo.png";
|
|
17
|
+
|
|
18
|
+
// src/components/TokenData/TokenData.ts
|
|
19
|
+
var TokenData = [
|
|
3
20
|
{
|
|
4
21
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/multi-collateral-dai/",
|
|
5
22
|
etherscanLink: "https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f",
|
|
6
|
-
icon:
|
|
23
|
+
icon: dai,
|
|
7
24
|
readableName: "Dai",
|
|
8
25
|
tokenSymbol: "dai",
|
|
9
26
|
uniqueTokenId: "dai"
|
|
@@ -11,7 +28,7 @@ const TokenData = [
|
|
|
11
28
|
{
|
|
12
29
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/weth/",
|
|
13
30
|
etherscanLink: "https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2",
|
|
14
|
-
icon:
|
|
31
|
+
icon: weth,
|
|
15
32
|
readableName: "Weth",
|
|
16
33
|
tokenSymbol: "weth",
|
|
17
34
|
uniqueTokenId: "weth"
|
|
@@ -19,7 +36,7 @@ const TokenData = [
|
|
|
19
36
|
{
|
|
20
37
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/ethereum/",
|
|
21
38
|
etherscanLink: "n/a",
|
|
22
|
-
icon:
|
|
39
|
+
icon: ethereum,
|
|
23
40
|
readableName: "Ethereum",
|
|
24
41
|
tokenSymbol: "eth",
|
|
25
42
|
uniqueTokenId: "ethereum"
|
|
@@ -27,7 +44,7 @@ const TokenData = [
|
|
|
27
44
|
{
|
|
28
45
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/bitcoin/",
|
|
29
46
|
etherscanLink: "n/a",
|
|
30
|
-
icon:
|
|
47
|
+
icon: btc,
|
|
31
48
|
readableName: "Bitcoin",
|
|
32
49
|
tokenSymbol: "btc",
|
|
33
50
|
uniqueTokenId: "btc"
|
|
@@ -35,7 +52,7 @@ const TokenData = [
|
|
|
35
52
|
{
|
|
36
53
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/xyo/",
|
|
37
54
|
etherscanLink: "https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758",
|
|
38
|
-
icon:
|
|
55
|
+
icon: xyo,
|
|
39
56
|
readableName: "XYO",
|
|
40
57
|
tokenSymbol: "xyo",
|
|
41
58
|
uniqueTokenId: "xyo"
|
|
@@ -43,7 +60,7 @@ const TokenData = [
|
|
|
43
60
|
{
|
|
44
61
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/frax/",
|
|
45
62
|
etherscanLink: "https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e",
|
|
46
|
-
icon:
|
|
63
|
+
icon: frax,
|
|
47
64
|
readableName: "Frax",
|
|
48
65
|
tokenSymbol: "frax",
|
|
49
66
|
uniqueTokenId: "frax"
|
|
@@ -51,7 +68,7 @@ const TokenData = [
|
|
|
51
68
|
{
|
|
52
69
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/wrapped-bitcoin/",
|
|
53
70
|
etherscanLink: "https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599",
|
|
54
|
-
icon:
|
|
71
|
+
icon: wrappedBtc,
|
|
55
72
|
readableName: "Wrapped BTC",
|
|
56
73
|
tokenSymbol: "wbtc",
|
|
57
74
|
uniqueTokenId: "wbtc"
|
|
@@ -59,7 +76,7 @@ const TokenData = [
|
|
|
59
76
|
{
|
|
60
77
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/usd-coin/",
|
|
61
78
|
etherscanLink: "https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
|
|
62
|
-
icon:
|
|
79
|
+
icon: usdCoin,
|
|
63
80
|
readableName: "USDC",
|
|
64
81
|
tokenSymbol: "usdc",
|
|
65
82
|
uniqueTokenId: "usdc"
|
|
@@ -67,7 +84,7 @@ const TokenData = [
|
|
|
67
84
|
{
|
|
68
85
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/tether/",
|
|
69
86
|
etherscanLink: "https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7",
|
|
70
|
-
icon:
|
|
87
|
+
icon: tether,
|
|
71
88
|
readableName: "Tether",
|
|
72
89
|
tokenSymbol: "usdt",
|
|
73
90
|
uniqueTokenId: "usdt"
|
|
@@ -75,7 +92,7 @@ const TokenData = [
|
|
|
75
92
|
{
|
|
76
93
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/cardano/",
|
|
77
94
|
etherscanLink: "https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98",
|
|
78
|
-
icon:
|
|
95
|
+
icon: ada,
|
|
79
96
|
readableName: "Cardano",
|
|
80
97
|
tokenSymbol: "ada",
|
|
81
98
|
uniqueTokenId: "ada"
|
|
@@ -83,7 +100,7 @@ const TokenData = [
|
|
|
83
100
|
{
|
|
84
101
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/binance-usd/",
|
|
85
102
|
etherscanLink: "https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53",
|
|
86
|
-
icon:
|
|
103
|
+
icon: busd,
|
|
87
104
|
readableName: "Binance USD",
|
|
88
105
|
tokenSymbol: "busd",
|
|
89
106
|
uniqueTokenId: "busd"
|
|
@@ -91,7 +108,7 @@ const TokenData = [
|
|
|
91
108
|
{
|
|
92
109
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/dogecoin/",
|
|
93
110
|
etherscanLink: "https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e",
|
|
94
|
-
icon:
|
|
111
|
+
icon: dogecoin,
|
|
95
112
|
readableName: "Dogecoin",
|
|
96
113
|
tokenSymbol: "doge",
|
|
97
114
|
uniqueTokenId: "doge"
|
|
@@ -99,7 +116,7 @@ const TokenData = [
|
|
|
99
116
|
{
|
|
100
117
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/polkadot-new/",
|
|
101
118
|
etherscanLink: "https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221",
|
|
102
|
-
icon:
|
|
119
|
+
icon: dot,
|
|
103
120
|
readableName: "Polkadot",
|
|
104
121
|
tokenSymbol: "dot",
|
|
105
122
|
uniqueTokenId: "dot"
|
|
@@ -107,7 +124,7 @@ const TokenData = [
|
|
|
107
124
|
{
|
|
108
125
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/chainlink/",
|
|
109
126
|
etherscanLink: "https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca",
|
|
110
|
-
icon:
|
|
127
|
+
icon: link,
|
|
111
128
|
readableName: "ChainLink",
|
|
112
129
|
tokenSymbol: "link",
|
|
113
130
|
uniqueTokenId: "link"
|
|
@@ -115,7 +132,7 @@ const TokenData = [
|
|
|
115
132
|
{
|
|
116
133
|
coinmarketcapLink: "https://coinmarketcap.com/currencies/solana/",
|
|
117
134
|
etherscanLink: "https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8",
|
|
118
|
-
icon:
|
|
135
|
+
icon: sol,
|
|
119
136
|
readableName: "Solana",
|
|
120
137
|
tokenSymbol: "sol",
|
|
121
138
|
uniqueTokenId: "sol"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/TokenData/TokenData.ts"],"sourcesContent":["import * as tokenImages from './img'\n\nexport interface TokenData {\n coinmarketcapLink: string\n etherscanLink: string\n icon: string\n readableName: string\n tokenSymbol: string\n uniqueTokenId: string\n}\n\nexport const TokenData: TokenData[] = [\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/multi-collateral-dai/',\n etherscanLink: 'https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f',\n icon: tokenImages.dai,\n readableName: 'Dai',\n tokenSymbol: 'dai',\n uniqueTokenId: 'dai',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/weth/',\n etherscanLink: 'https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',\n icon: tokenImages.weth,\n readableName: 'Weth',\n tokenSymbol: 'weth',\n uniqueTokenId: 'weth',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/ethereum/',\n etherscanLink: 'n/a',\n icon: tokenImages.ethereum,\n readableName: 'Ethereum',\n tokenSymbol: 'eth',\n uniqueTokenId: 'ethereum',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/bitcoin/',\n etherscanLink: 'n/a',\n icon: tokenImages.btc,\n readableName: 'Bitcoin',\n tokenSymbol: 'btc',\n uniqueTokenId: 'btc',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/xyo/',\n etherscanLink: 'https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758',\n icon: tokenImages.xyo,\n readableName: 'XYO',\n tokenSymbol: 'xyo',\n uniqueTokenId: 'xyo',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/frax/',\n etherscanLink: 'https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e',\n icon: tokenImages.frax,\n readableName: 'Frax',\n tokenSymbol: 'frax',\n uniqueTokenId: 'frax',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/wrapped-bitcoin/',\n etherscanLink: 'https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599',\n icon: tokenImages.wrappedBtc,\n readableName: 'Wrapped BTC',\n tokenSymbol: 'wbtc',\n uniqueTokenId: 'wbtc',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/usd-coin/',\n etherscanLink: 'https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',\n icon: tokenImages.usdCoin,\n readableName: 'USDC',\n tokenSymbol: 'usdc',\n uniqueTokenId: 'usdc',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/tether/',\n etherscanLink: 'https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7',\n icon: tokenImages.tether,\n readableName: 'Tether',\n tokenSymbol: 'usdt',\n uniqueTokenId: 'usdt',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/cardano/',\n etherscanLink: 'https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98',\n icon: tokenImages.ada,\n readableName: 'Cardano',\n tokenSymbol: 'ada',\n uniqueTokenId: 'ada',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/binance-usd/',\n etherscanLink: 'https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53',\n icon: tokenImages.busd,\n readableName: 'Binance USD',\n tokenSymbol: 'busd',\n uniqueTokenId: 'busd',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/dogecoin/',\n etherscanLink: 'https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e',\n icon: tokenImages.dogecoin,\n readableName: 'Dogecoin',\n tokenSymbol: 'doge',\n uniqueTokenId: 'doge',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/polkadot-new/',\n etherscanLink: 'https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221',\n icon: tokenImages.dot,\n readableName: 'Polkadot',\n tokenSymbol: 'dot',\n uniqueTokenId: 'dot',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/chainlink/',\n etherscanLink: 'https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca',\n icon: tokenImages.link,\n readableName: 'ChainLink',\n tokenSymbol: 'link',\n uniqueTokenId: 'link',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/solana/',\n etherscanLink: 'https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8',\n icon: tokenImages.sol,\n readableName: 'Solana',\n tokenSymbol: 'sol',\n uniqueTokenId: 'sol',\n },\n]\n"],"mappings":"AAAA,YAAY,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/TokenData/img/index.ts","../../../../src/components/TokenData/TokenData.ts"],"sourcesContent":["import ada from './ada.png'\nimport btc from './btc.png'\nimport busd from './busd.png'\nimport dai from './dai.png'\nimport dogecoin from './dogecoin.png'\nimport dot from './dot.png'\nimport ethereum from './ethereum.png'\nimport frax from './frax.png'\nimport link from './link.png'\nimport sol from './sol.png'\nimport tether from './tether.png'\nimport usdCoin from './usd-coin.png'\nimport weth from './weth.png'\nimport wrappedBtc from './wrapped-bitcoin.png'\nimport xyo from './xyo.png'\n\nexport { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo }\n","import * as tokenImages from './img'\n\nexport interface TokenData {\n coinmarketcapLink: string\n etherscanLink: string\n icon: string\n readableName: string\n tokenSymbol: string\n uniqueTokenId: string\n}\n\nexport const TokenData: TokenData[] = [\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/multi-collateral-dai/',\n etherscanLink: 'https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f',\n icon: tokenImages.dai,\n readableName: 'Dai',\n tokenSymbol: 'dai',\n uniqueTokenId: 'dai',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/weth/',\n etherscanLink: 'https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',\n icon: tokenImages.weth,\n readableName: 'Weth',\n tokenSymbol: 'weth',\n uniqueTokenId: 'weth',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/ethereum/',\n etherscanLink: 'n/a',\n icon: tokenImages.ethereum,\n readableName: 'Ethereum',\n tokenSymbol: 'eth',\n uniqueTokenId: 'ethereum',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/bitcoin/',\n etherscanLink: 'n/a',\n icon: tokenImages.btc,\n readableName: 'Bitcoin',\n tokenSymbol: 'btc',\n uniqueTokenId: 'btc',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/xyo/',\n etherscanLink: 'https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758',\n icon: tokenImages.xyo,\n readableName: 'XYO',\n tokenSymbol: 'xyo',\n uniqueTokenId: 'xyo',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/frax/',\n etherscanLink: 'https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e',\n icon: tokenImages.frax,\n readableName: 'Frax',\n tokenSymbol: 'frax',\n uniqueTokenId: 'frax',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/wrapped-bitcoin/',\n etherscanLink: 'https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599',\n icon: tokenImages.wrappedBtc,\n readableName: 'Wrapped BTC',\n tokenSymbol: 'wbtc',\n uniqueTokenId: 'wbtc',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/usd-coin/',\n etherscanLink: 'https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',\n icon: tokenImages.usdCoin,\n readableName: 'USDC',\n tokenSymbol: 'usdc',\n uniqueTokenId: 'usdc',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/tether/',\n etherscanLink: 'https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7',\n icon: tokenImages.tether,\n readableName: 'Tether',\n tokenSymbol: 'usdt',\n uniqueTokenId: 'usdt',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/cardano/',\n etherscanLink: 'https://etherscan.io/token/0xc14777c94229582e5758c5a79b83dde876b9be98',\n icon: tokenImages.ada,\n readableName: 'Cardano',\n tokenSymbol: 'ada',\n uniqueTokenId: 'ada',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/binance-usd/',\n etherscanLink: 'https://etherscan.io/token/0x4Fabb145d64652a948d72533023f6E7A623C7C53',\n icon: tokenImages.busd,\n readableName: 'Binance USD',\n tokenSymbol: 'busd',\n uniqueTokenId: 'busd',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/dogecoin/',\n etherscanLink: 'https://etherscan.io/token/0x7618b5024a6349f9aef10ddfd33e3428c734551e',\n icon: tokenImages.dogecoin,\n readableName: 'Dogecoin',\n tokenSymbol: 'doge',\n uniqueTokenId: 'doge',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/polkadot-new/',\n etherscanLink: 'https://etherscan.io/token/0x2d4fb6dd969992c881d8e534c747cc925d5ba221',\n icon: tokenImages.dot,\n readableName: 'Polkadot',\n tokenSymbol: 'dot',\n uniqueTokenId: 'dot',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/chainlink/',\n etherscanLink: 'https://etherscan.io/token/0x514910771af9ca656af840dff83e8264ecf986ca',\n icon: tokenImages.link,\n readableName: 'ChainLink',\n tokenSymbol: 'link',\n uniqueTokenId: 'link',\n },\n {\n coinmarketcapLink: 'https://coinmarketcap.com/currencies/solana/',\n etherscanLink: 'https://etherscan.io/token/0x1f54638b7737193ffd86c19ec51907a7c41755d8',\n icon: tokenImages.sol,\n readableName: 'Solana',\n tokenSymbol: 'sol',\n uniqueTokenId: 'sol',\n },\n]\n"],"mappings":"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","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/TokenData/img/index.ts"],"sourcesContent":["import ada from './ada.png'\nimport btc from './btc.png'\nimport busd from './busd.png'\nimport dai from './dai.png'\nimport dogecoin from './dogecoin.png'\nimport dot from './dot.png'\nimport ethereum from './ethereum.png'\nimport frax from './frax.png'\nimport link from './link.png'\nimport sol from './sol.png'\nimport tether from './tether.png'\nimport usdCoin from './usd-coin.png'\nimport weth from './weth.png'\nimport wrappedBtc from './wrapped-bitcoin.png'\nimport xyo from './xyo.png'\n\nexport { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo }\n"],"mappings":"AAAA,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,cAAc;AACrB,OAAO,SAAS;AAChB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,aAAa;AACpB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,OAAO,SAAS;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/TokenData/img/index.ts"],"sourcesContent":["import ada from './ada.png'\nimport btc from './btc.png'\nimport busd from './busd.png'\nimport dai from './dai.png'\nimport dogecoin from './dogecoin.png'\nimport dot from './dot.png'\nimport ethereum from './ethereum.png'\nimport frax from './frax.png'\nimport link from './link.png'\nimport sol from './sol.png'\nimport tether from './tether.png'\nimport usdCoin from './usd-coin.png'\nimport weth from './weth.png'\nimport wrappedBtc from './wrapped-bitcoin.png'\nimport xyo from './xyo.png'\n\nexport { ada, btc, busd, dai, dogecoin, dot, ethereum, frax, link, sol, tether, usdCoin, weth, wrappedBtc, xyo }\n"],"mappings":";AAAA,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,cAAc;AACrB,OAAO,SAAS;AAChB,OAAO,cAAc;AACrB,OAAO,UAAU;AACjB,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,YAAY;AACnB,OAAO,aAAa;AACpB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AACvB,OAAO,SAAS;","names":[]}
|