@dfx.swiss/react-components 1.0.1-beta.8 → 1.0.2-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/stories/DfxPageLayout.d.ts +0 -2
- package/dist/stories/DfxPageLayout.d.ts.map +0 -1
- package/dist/stories/DfxPageLayout.js +0 -146
- package/dist/stories/DfxPageLayout.js.map +0 -1
- package/dist/stories/DfxTitleSection.d.ts +0 -7
- package/dist/stories/DfxTitleSection.d.ts.map +0 -1
- package/dist/stories/DfxTitleSection.js +0 -18
- package/dist/stories/DfxTitleSection.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ export { CopyButton } from './stories/CopyButton';
|
|
|
2
2
|
export { default as DfxAssetIcon, AssetIconSize, AssetIconVariant } from './stories/DfxAssetIcon';
|
|
3
3
|
export { default as DfxIcon, IconColor, IconSize, IconVariant } from './stories/DfxIcon';
|
|
4
4
|
export { default as DfxLogo } from './stories/DfxLogo';
|
|
5
|
-
export { default as DfxTitleSection } from './stories/DfxTitleSection';
|
|
6
5
|
export { default as DfxVideoHelpModalContent } from './stories/DfxVideoHelpModalContent';
|
|
7
6
|
export { default as StyledBalance } from './stories/StyledBalance';
|
|
8
7
|
export { default as StyledBalanceSelection } from './stories/StyledBalanceSelection';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,6 @@ export { CopyButton } from './stories/CopyButton';
|
|
|
3
3
|
export { default as DfxAssetIcon, AssetIconSize, AssetIconVariant } from './stories/DfxAssetIcon';
|
|
4
4
|
export { default as DfxIcon, IconColor, IconSize, IconVariant } from './stories/DfxIcon';
|
|
5
5
|
export { default as DfxLogo } from './stories/DfxLogo';
|
|
6
|
-
export { default as DfxTitleSection } from './stories/DfxTitleSection';
|
|
7
6
|
export { default as DfxVideoHelpModalContent } from './stories/DfxVideoHelpModalContent';
|
|
8
7
|
export { default as StyledBalance } from './stories/StyledBalance';
|
|
9
8
|
export { default as StyledBalanceSelection } from './stories/StyledBalanceSelection';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@dfx.swiss/react-components",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.2-beta.1",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
"tailwindcss": "^3.2.4",
|
|
88
88
|
"webpack": "^5.75.0"
|
|
89
89
|
},
|
|
90
|
-
"gitHead": "
|
|
90
|
+
"gitHead": "d23890c6aaaab94108496a161130779103ddc81b"
|
|
91
91
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DfxPageLayout.d.ts","sourceRoot":"","sources":["../../src/stories/DfxPageLayout.tsx"],"names":[],"mappings":"AA2EA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAoMpC"}
|
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
|
-
import { IconSize, IconVariant } from './DfxIcon';
|
|
14
|
-
import DfxLogo from './DfxLogo';
|
|
15
|
-
import DfxTitleSection from './DfxTitleSection';
|
|
16
|
-
import StyledButton, { StyledButtonSize, StyledButtonWidth } from './StyledButton';
|
|
17
|
-
import StyledDataBox from './StyledDataBox';
|
|
18
|
-
import StyledDataTextRow from './StyledDataTextRow';
|
|
19
|
-
import StyledTabContainer from './StyledTabContainer';
|
|
20
|
-
import StyledCoinList from './StyledCoinList';
|
|
21
|
-
import StyledCoinListItem from './StyledCoinListItem';
|
|
22
|
-
import StyledModal, { StyledModalWidth } from './StyledModal';
|
|
23
|
-
import { useState } from 'react';
|
|
24
|
-
import DfxVideoHelpModalContent from './DfxVideoHelpModalContent';
|
|
25
|
-
import StyledIconButton from './StyledIconButton';
|
|
26
|
-
var AddAssetToMetaMaskDesc = 'Click on the MetaMask symbol in order to add this asset in your portfolio overview of your MetaMask or copy the address to add it manually.';
|
|
27
|
-
var dummyAssets = {
|
|
28
|
-
eth: {
|
|
29
|
-
id: 0,
|
|
30
|
-
name: 'BUSD',
|
|
31
|
-
description: 'Binance-wrapped USDC',
|
|
32
|
-
comingSoon: false,
|
|
33
|
-
blockchain: 'Binance Smart Chain',
|
|
34
|
-
chainId: '0x234f...2313',
|
|
35
|
-
explorerUrl: 'https://etherscan.io/token/0xB8c77482e45F1F44dE1745F52C74426C631bDD52',
|
|
36
|
-
},
|
|
37
|
-
usdt: {
|
|
38
|
-
id: 1,
|
|
39
|
-
name: 'USDT',
|
|
40
|
-
description: 'Tether',
|
|
41
|
-
comingSoon: false,
|
|
42
|
-
blockchain: 'Binance Smart Chain',
|
|
43
|
-
chainId: '0x234f...2313',
|
|
44
|
-
explorerUrl: 'https://etherscan.io/token/0xB8c77482e45F1F44dE1745F52C74426C631bDD52',
|
|
45
|
-
},
|
|
46
|
-
usdc: {
|
|
47
|
-
id: 2,
|
|
48
|
-
name: 'USDC',
|
|
49
|
-
description: 'USD Coin',
|
|
50
|
-
comingSoon: false,
|
|
51
|
-
blockchain: 'Binance Smart Chain',
|
|
52
|
-
chainId: '0x234f...2313',
|
|
53
|
-
explorerUrl: 'https://etherscan.io/token/0xB8c77482e45F1F44dE1745F52C74426C631bDD52',
|
|
54
|
-
},
|
|
55
|
-
dfi: {
|
|
56
|
-
id: 3,
|
|
57
|
-
name: 'DFI',
|
|
58
|
-
description: 'DFI',
|
|
59
|
-
comingSoon: false,
|
|
60
|
-
blockchain: 'Binance Smart Chain',
|
|
61
|
-
chainId: '0x234f...2313',
|
|
62
|
-
explorerUrl: 'https://etherscan.io/token/0xB8c77482e45F1F44dE1745F52C74426C631bDD52',
|
|
63
|
-
},
|
|
64
|
-
bnb: {
|
|
65
|
-
id: 4,
|
|
66
|
-
name: 'BNB',
|
|
67
|
-
description: 'BNB',
|
|
68
|
-
comingSoon: false,
|
|
69
|
-
blockchain: 'Binance Smart Chain',
|
|
70
|
-
chainId: '0x234f...2313',
|
|
71
|
-
explorerUrl: 'https://etherscan.io/token/0xB8c77482e45F1F44dE1745F52C74426C631bDD52',
|
|
72
|
-
},
|
|
73
|
-
busd: {
|
|
74
|
-
id: 5,
|
|
75
|
-
name: 'BUSD',
|
|
76
|
-
description: 'Binance USD',
|
|
77
|
-
comingSoon: false,
|
|
78
|
-
blockchain: 'Binance Smart Chain',
|
|
79
|
-
chainId: '0x234f...2313',
|
|
80
|
-
explorerUrl: 'https://etherscan.io/token/0xB8c77482e45F1F44dE1745F52C74426C631bDD52',
|
|
81
|
-
},
|
|
82
|
-
};
|
|
83
|
-
export default function DfxPageLayout() {
|
|
84
|
-
var _a = useState(false), showHelpModal = _a[0], setShowHelpModal = _a[1];
|
|
85
|
-
return (_jsxs(_Fragment, { children: [_jsx(StyledModal, __assign({ onClose: setShowHelpModal, isVisible: showHelpModal, width: StyledModalWidth.LARGE, heading: "Help" }, { children: _jsx(DfxVideoHelpModalContent, { title: "Get started with the DFX Exchange", description: "We are the crypto exchange you don't need to trust your funds. Your keys, your coins, here is how it works:", videoSources: [
|
|
86
|
-
{
|
|
87
|
-
vidSrc: 'https://content.dfx.swiss/video/22-12-16_MetaMask_SetUp.mp4',
|
|
88
|
-
thumbSrc: 'https://content.dfx.swiss/video/22-12-16_MetaMask_SetUp_thumb.png',
|
|
89
|
-
title: 'Get started with MetaMask:',
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
vidSrc: 'https://content.dfx.swiss/video/22-12-16_MetaMask_SetUp.mp4',
|
|
93
|
-
thumbSrc: 'https://content.dfx.swiss/video/22-12-16_MetaMask_SetUp_thumb.png',
|
|
94
|
-
title: 'What is DFX Exchange?',
|
|
95
|
-
},
|
|
96
|
-
{
|
|
97
|
-
vidSrc: 'https://content.dfx.swiss/video/22-12-16_MetaMask_SetUp.mp4',
|
|
98
|
-
thumbSrc: 'https://content.dfx.swiss/video/22-12-16_MetaMask_SetUp_thumb.png',
|
|
99
|
-
title: 'How to buy:',
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
vidSrc: 'https://content.dfx.swiss/video/22-12-16_MetaMask_SetUp.mp4',
|
|
103
|
-
thumbSrc: 'https://content.dfx.swiss/video/22-12-16_MetaMask_SetUp_thumb.png',
|
|
104
|
-
title: 'Get started with MetaMask:',
|
|
105
|
-
},
|
|
106
|
-
], numCols: 2 }) })), _jsx("div", __assign({ className: "text-center p-2" }, { children: _jsxs("div", __assign({ className: "max-w-6xl text-left mx-auto " }, { children: [_jsxs("div", __assign({ className: "flex justify-between" }, { children: [_jsx(DfxLogo, {}), _jsxs("div", __assign({ className: "flex gap-4" }, { children: [_jsx(StyledButton, { label: "Connect to Metamask", onClick: function () {
|
|
107
|
-
console.log('clicked');
|
|
108
|
-
} }), _jsx(StyledIconButton, { size: IconSize.LG, icon: IconVariant.HELP, onClick: function () { return setShowHelpModal(true); } })] }))] })), _jsxs("div", __assign({ className: "md:flex justify-between mt-6" }, { children: [_jsx("div", __assign({ className: "basis-3/5 max-w-[50%] px-6 mx-auto md:mx-0" }, { children: _jsx(DfxTitleSection, { heading: "DFX Multichain", subheading: "Buy \u2022 Sell \u2022 Convert \u2022 Stake" }) })), _jsxs("aside", __assign({ className: "basis-2/5 shrink-0 md:min-w-[470px] lg:min-w-[512px] mx-auto md:mx-0" }, { children: [_jsxs(StyledDataBox, __assign({ heading: "Your wallet", boxButtonLabel: "Log out", rightCornerHeading: "0.9834 ETH" }, { children: [_jsx(StyledDataTextRow, __assign({ label: "Metamask" }, { children: "Account1: 0x67242342...f1436" })), _jsx(StyledDataTextRow, __assign({ label: "Connected to" }, { children: "Ethereum Mainnet" }))] })), _jsxs(StyledDataBox, __assign({ heading: "Your Data" }, { children: [_jsx(StyledDataTextRow, __assign({ label: "E-mail address" }, { children: "john.doe@gmail.com" })), _jsxs(StyledDataTextRow, __assign({ label: "Your Referral Code" }, { children: ["008-802", _jsx(StyledButton, { label: "Copy link to share", size: StyledButtonSize.SMALL, width: StyledButtonWidth.MIN, caps: false, onClick: function () {
|
|
109
|
-
console.log('button clicked.');
|
|
110
|
-
} })] }))] }))] }))] })), _jsx(StyledTabContainer, { tabs: [
|
|
111
|
-
{
|
|
112
|
-
title: 'Buy',
|
|
113
|
-
deactivated: false,
|
|
114
|
-
icon: IconVariant.BANK,
|
|
115
|
-
content: (_jsxs(_Fragment, { children: [_jsxs(StyledCoinList, __assign({ heading: "Ethereum mainnet \u00B7 ERC-20 token" }, { children: [_jsx(StyledCoinListItem, { asset: dummyAssets.eth, onClick: function () {
|
|
116
|
-
console.log('clicked');
|
|
117
|
-
}, protocol: "ERC-20", isToken: false, popupLabel: AddAssetToMetaMaskDesc, onAdd: console.log }), _jsx(StyledCoinListItem, { asset: dummyAssets.eth, onClick: function () {
|
|
118
|
-
console.log('clicked');
|
|
119
|
-
}, protocol: "ERC-20", isToken: false, popupLabel: AddAssetToMetaMaskDesc, onAdd: console.log }), _jsx(StyledCoinListItem, { asset: dummyAssets.eth, onClick: function () {
|
|
120
|
-
console.log('clicked');
|
|
121
|
-
}, protocol: "ERC-20", isToken: false, popupLabel: AddAssetToMetaMaskDesc, onAdd: console.log }), _jsx(StyledCoinListItem, { asset: dummyAssets.usdt, onClick: function () {
|
|
122
|
-
console.log('clicked');
|
|
123
|
-
}, protocol: "ERC-20", isToken: true, popupLabel: AddAssetToMetaMaskDesc, onAdd: console.log }), _jsx(StyledCoinListItem, { asset: dummyAssets.usdc, onClick: function () {
|
|
124
|
-
console.log('clicked');
|
|
125
|
-
}, protocol: "ERC-20", isToken: true, popupLabel: AddAssetToMetaMaskDesc, onAdd: console.log }), _jsx(StyledCoinListItem, { asset: dummyAssets.dfi, onClick: function () {
|
|
126
|
-
console.log('clicked');
|
|
127
|
-
}, protocol: "ERC-20", isToken: true, popupLabel: AddAssetToMetaMaskDesc, onAdd: console.log })] })), _jsxs(StyledCoinList, __assign({ heading: "Binance Smart Chain \u00B7 BEP-20 token" }, { children: [_jsx(StyledCoinListItem, { asset: dummyAssets.busd, onClick: function () {
|
|
128
|
-
console.log('clicked');
|
|
129
|
-
}, protocol: "BEP-20", isToken: true, popupLabel: AddAssetToMetaMaskDesc, onAdd: console.log }), _jsx(StyledCoinListItem, { asset: dummyAssets.bnb, onClick: function () {
|
|
130
|
-
console.log('clicked');
|
|
131
|
-
}, protocol: "BEP-20", isToken: false, popupLabel: AddAssetToMetaMaskDesc, onAdd: console.log }), _jsx(StyledCoinListItem, { asset: dummyAssets.dfi, onClick: function () {
|
|
132
|
-
console.log('clicked');
|
|
133
|
-
}, protocol: "BEP-20", isToken: true, popupLabel: AddAssetToMetaMaskDesc, onAdd: console.log })] }))] })),
|
|
134
|
-
},
|
|
135
|
-
{ title: 'Sell', deactivated: false, icon: IconVariant.WALLET, content: _jsx("h2", { children: "Tab2 : sell" }) },
|
|
136
|
-
{
|
|
137
|
-
title: 'Convert',
|
|
138
|
-
deactivated: false,
|
|
139
|
-
flagWord1: 'Coming',
|
|
140
|
-
flagWord2: 'Soon',
|
|
141
|
-
content: _jsx("h2", { children: "Tab 3: convert" }),
|
|
142
|
-
},
|
|
143
|
-
{ title: 'Stake', flagWord1: 'Beta', content: _jsx("h2", { children: "Tab4: Staking" }) },
|
|
144
|
-
] })] })) }))] }));
|
|
145
|
-
}
|
|
146
|
-
//# sourceMappingURL=DfxPageLayout.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DfxPageLayout.js","sourceRoot":"","sources":["../../src/stories/DfxPageLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
interface DfxTitleSectionProps {
|
|
2
|
-
subheading: string;
|
|
3
|
-
heading: string;
|
|
4
|
-
}
|
|
5
|
-
export default function DfxTitleSection({ subheading, heading }: DfxTitleSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export {};
|
|
7
|
-
//# sourceMappingURL=DfxTitleSection.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DfxTitleSection.d.ts","sourceRoot":"","sources":["../../src/stories/DfxTitleSection.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,oBAAoB,2CAcpF"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import imageFile from './assets/mm-header-graphic.png';
|
|
14
|
-
export default function DfxTitleSection(_a) {
|
|
15
|
-
var subheading = _a.subheading, heading = _a.heading;
|
|
16
|
-
return (_jsxs("div", __assign({ className: "flex-col justify-between content-center text-center mb-12" }, { children: [_jsx("img", { src: imageFile, alt: "DFX Metamask Exchange Header Graphic", width: "220", height: "220", className: "mx-auto mb-6" }), _jsx("h4", __assign({ className: "uppercase tracking-widest" }, { children: subheading })), _jsx("h1", { children: heading })] })));
|
|
17
|
-
}
|
|
18
|
-
//# sourceMappingURL=DfxTitleSection.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DfxTitleSection.js","sourceRoot":"","sources":["../../src/stories/DfxTitleSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,SAAS,MAAM,gCAAgC,CAAC;AAOvD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAA6C;QAA3C,UAAU,gBAAA,EAAE,OAAO,aAAA;IAC3D,OAAO,CACL,wBAAK,SAAS,EAAC,2DAA2D,iBACxE,cACE,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,sCAAsC,EAC1C,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,cAAc,GACxB,EACF,sBAAI,SAAS,EAAC,2BAA2B,gBAAE,UAAU,IAAM,EAC3D,uBAAK,OAAO,GAAM,KACd,CACP,CAAC;AACJ,CAAC"}
|