@rango-dev/ui 0.1.13 → 0.1.14-next.10
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/CHANGELOG.md +11 -0
- package/dist/components/Alert/Alert.d.ts +7 -7
- package/dist/components/Alert/Alert.stories.d.ts +7 -5
- package/dist/components/Alert/LoadingFailedAlert.d.ts +2 -2
- package/dist/components/Alert/NotFoundAlert.d.ts +7 -7
- package/dist/components/Alert/index.d.ts +2 -2
- package/dist/components/BestRoute/BestRoute.d.ts +15 -12
- package/dist/components/BestRoute/BestRoute.stories.d.ts +9 -8
- package/dist/components/BestRoute/index.d.ts +1 -1
- package/dist/components/BestRoute/mock.d.ts +4 -4
- package/dist/components/BlockchainSelector/BlockchainSelector.d.ts +17 -17
- package/dist/components/BlockchainSelector/BlockchainSelector.stories.d.ts +6 -5
- package/dist/components/BlockchainSelector/index.d.ts +1 -1
- package/dist/components/BlockchainsList/BlockchainsList.d.ts +10 -10
- package/dist/components/BlockchainsList/BlockchainsList.stories.d.ts +6 -5
- package/dist/components/BlockchainsList/index.d.ts +1 -1
- package/dist/components/BlockchainsList/mockData.d.ts +2 -2
- package/dist/components/Button/Button.d.ts +17 -17
- package/dist/components/Button/Button.stories.d.ts +9 -8
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +11 -11
- package/dist/components/Checkbox/Checkbox.stories.d.ts +6 -5
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/Chip/Chip.d.ts +12 -12
- package/dist/components/Chip/Chip.stories.d.ts +8 -7
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/ColorPicker/ColorPicker.d.ts +9 -9
- package/dist/components/ColorPicker/ColorPicker.stories.d.ts +6 -5
- package/dist/components/ColorPicker/index.d.ts +1 -1
- package/dist/components/ConnectWalletsModal/ConnectWallets.stories.d.ts +6 -5
- package/dist/components/ConnectWalletsModal/ConnectWalletsModal.d.ts +11 -11
- package/dist/components/ConnectWalletsModal/index.d.ts +1 -1
- package/dist/components/ConnectWalletsModal/mockData.d.ts +2 -2
- package/dist/components/Divider/Divider.d.ts +6 -6
- package/dist/components/Divider/index.d.ts +1 -1
- package/dist/components/Drawer/Drawer.d.ts +13 -13
- package/dist/components/Drawer/Drawer.stories.d.ts +9 -8
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Header/Header.d.ts +9 -9
- package/dist/components/Header/index.d.ts +1 -1
- package/dist/components/Icon/AddCircleIcon.d.ts +3 -3
- package/dist/components/Icon/AddIcon.d.ts +3 -3
- package/dist/components/Icon/AddWalletIcon.d.ts +3 -3
- package/dist/components/Icon/AngleDownIcon.d.ts +3 -3
- package/dist/components/Icon/AngleLeftIcon.d.ts +3 -3
- package/dist/components/Icon/AngleRightIcon.d.ts +3 -3
- package/dist/components/Icon/AngleUpIcon.d.ts +3 -3
- package/dist/components/Icon/ArrowRightIcon.d.ts +3 -3
- package/dist/components/Icon/BagIcon.d.ts +3 -3
- package/dist/components/Icon/BanIcon.d.ts +3 -3
- package/dist/components/Icon/CheckCircleIcon.d.ts +3 -3
- package/dist/components/Icon/CheckIcon.d.ts +3 -3
- package/dist/components/Icon/CheckSquareIcon.d.ts +3 -3
- package/dist/components/Icon/CheckWalletIcon.d.ts +3 -3
- package/dist/components/Icon/ChevronRightIcon.d.ts +3 -3
- package/dist/components/Icon/CloseIcon.d.ts +112 -1
- package/dist/components/Icon/CopyIcon.d.ts +3 -3
- package/dist/components/Icon/DeleteCircleIcon.d.ts +3 -3
- package/dist/components/Icon/DeleteWalletIcon.d.ts +3 -3
- package/dist/components/Icon/DisconnectIcon.d.ts +3 -3
- package/dist/components/Icon/DownloadIcon.d.ts +3 -3
- package/dist/components/Icon/GasIcon.d.ts +3 -3
- package/dist/components/Icon/HistoryIcon.d.ts +3 -3
- package/dist/components/Icon/HorizontalSwapIcon.d.ts +3 -3
- package/dist/components/Icon/Icons.stories.d.ts +6 -5
- package/dist/components/Icon/InfoCircleIcon.d.ts +3 -3
- package/dist/components/Icon/MinusCircleIcon.d.ts +3 -3
- package/dist/components/Icon/RetryIcon.d.ts +3 -3
- package/dist/components/Icon/RetryLeftIcon.d.ts +3 -3
- package/dist/components/Icon/RetryRightIcon.d.ts +3 -3
- package/dist/components/Icon/SearchIcon.d.ts +3 -3
- package/dist/components/Icon/SearchMinusIcon.d.ts +3 -3
- package/dist/components/Icon/SettingIcon.d.ts +3 -3
- package/dist/components/Icon/SignatureIcon.d.ts +3 -3
- package/dist/components/Icon/SwapWalletIcon.d.ts +3 -3
- package/dist/components/Icon/TimeIcon.d.ts +3 -3
- package/dist/components/Icon/TrashIcon.d.ts +3 -3
- package/dist/components/Icon/TryAgainIcon.d.ts +3 -3
- package/dist/components/Icon/VerticalSwapIcon.d.ts +3 -3
- package/dist/components/Icon/WalletIconIcon.d.ts +3 -3
- package/dist/components/Icon/WarningIcon.d.ts +3 -3
- package/dist/components/Icon/common.d.ts +228 -2
- package/dist/components/Icon/index.d.ts +40 -40
- package/dist/components/Icon/types.d.ts +7 -7
- package/dist/components/LiquiditySourceList/LiquiditySource.stories.d.ts +6 -5
- package/dist/components/LiquiditySourceList/LiquiditySourceList.d.ts +11 -11
- package/dist/components/LiquiditySourceList/index.d.ts +1 -1
- package/dist/components/LiquiditySourceList/mockData.d.ts +2 -2
- package/dist/components/LiquiditySourcesSelector/LiquiditySourcesSelector.d.ts +13 -13
- package/dist/components/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.d.ts +6 -5
- package/dist/components/LiquiditySourcesSelector/index.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts +11 -11
- package/dist/components/Modal/Modal.stories.d.ts +6 -5
- package/dist/components/Modal/index.d.ts +1 -1
- package/dist/components/Radio/Radio.d.ts +13 -13
- package/dist/components/Radio/Radio.stories.d.ts +6 -5
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/SecondaryPage/SecondaryPage.d.ts +16 -16
- package/dist/components/SecondaryPage/SecondaryPage.stories.d.ts +4 -2
- package/dist/components/SecondaryPage/index.d.ts +1 -1
- package/dist/components/SelectableWalletList/SelectableWalletList.d.ts +7 -7
- package/dist/components/SelectableWalletList/SelectableWalletList.stories.d.ts +6 -5
- package/dist/components/SelectableWalletList/index.d.ts +1 -1
- package/dist/components/SelectableWalletList/mock.d.ts +2 -2
- package/dist/components/Settings/Settings.d.ts +24 -23
- package/dist/components/Settings/Settings.stories.d.ts +6 -5
- package/dist/components/Settings/index.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +6 -6
- package/dist/components/Skeleton/Skeleton.stories.d.ts +6 -5
- package/dist/components/Skeleton/index.d.ts +1 -1
- package/dist/components/Spacer/Spacer.d.ts +6 -6
- package/dist/components/Spacer/Spacer.stories.d.ts +6 -5
- package/dist/components/Spacer/index.d.ts +1 -1
- package/dist/components/Spinner/Spinner.d.ts +6 -6
- package/dist/components/Spinner/Spinner.stories.d.ts +6 -5
- package/dist/components/Spinner/index.d.ts +1 -1
- package/dist/components/StatusDrawer/StatusDrawer.d.ts +11 -11
- package/dist/components/StatusDrawer/StatusDrawer.stories.d.ts +6 -5
- package/dist/components/StatusDrawer/index.d.ts +1 -1
- package/dist/components/StepDetail/StepDetail.d.ts +12 -12
- package/dist/components/StepDetail/StepDetail.stories.d.ts +6 -5
- package/dist/components/StepDetail/index.d.ts +1 -1
- package/dist/components/SwapContainer/SwapContainer.d.ts +7 -7
- package/dist/components/SwapContainer/SwapContainer.stories.d.ts +6 -5
- package/dist/components/SwapContainer/index.d.ts +1 -1
- package/dist/components/SwapDetail/SwapDetail.d.ts +8 -8
- package/dist/components/SwapDetail/SwapDetail.stories.d.ts +6 -5
- package/dist/components/SwapDetail/Token.d.ts +17 -17
- package/dist/components/SwapDetail/index.d.ts +1 -1
- package/dist/components/SwapDetail/mock.d.ts +2 -2
- package/dist/components/Switch/Switch.d.ts +6 -6
- package/dist/components/Switch/Switch.stories.d.ts +6 -5
- package/dist/components/Switch/index.d.ts +1 -1
- package/dist/components/TextField/TextField.d.ts +10 -10
- package/dist/components/TextField/TextField.stories.d.ts +8 -7
- package/dist/components/TextField/index.d.ts +1 -1
- package/dist/components/TokenList/TokenItem.d.ts +11 -11
- package/dist/components/TokenList/TokenList.d.ts +17 -17
- package/dist/components/TokenList/TokenList.stories.d.ts +6 -5
- package/dist/components/TokenList/index.d.ts +1 -1
- package/dist/components/TokenList/mockData.d.ts +2 -2
- package/dist/components/TokenSelector/TokenSelector.d.ts +124 -14
- package/dist/components/TokenSelector/TokenSelector.stories.d.ts +6 -5
- package/dist/components/TokenSelector/index.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +7 -7
- package/dist/components/Tooltip/Tooltip.stories.d.ts +6 -5
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/Typography/Typography.d.ts +18 -18
- package/dist/components/Typography/Typography.stories.d.ts +6 -5
- package/dist/components/Typography/index.d.ts +1 -1
- package/dist/components/VirtualizedList/VirtualizedList.d.ts +17 -17
- package/dist/components/Wallet/State.d.ts +7 -7
- package/dist/components/Wallet/Wallet.d.ts +7 -7
- package/dist/components/Wallet/Wallet.stories.d.ts +6 -5
- package/dist/components/Wallet/index.d.ts +1 -1
- package/dist/components/common/FilledCircle.d.ts +111 -1
- package/dist/components/common/Image.d.ts +6 -6
- package/dist/components/common/index.d.ts +2 -2
- package/dist/components/index.d.ts +31 -31
- package/dist/containers/ConfirmSwap/ConfirmSwap.d.ts +22 -22
- package/dist/containers/ConfirmSwap/ConfirmSwap.stories.d.ts +7 -6
- package/dist/containers/ConfirmSwap/index.d.ts +1 -1
- package/dist/containers/ConfirmSwap/mock.d.ts +5 -5
- package/dist/containers/History/History.d.ts +6 -6
- package/dist/containers/History/History.stories.d.ts +6 -5
- package/dist/containers/History/SwapsGroup.d.ts +13 -13
- package/dist/containers/History/index.d.ts +3 -2
- package/dist/containers/History/mock.d.ts +2 -2
- package/dist/containers/History/types.d.ts +39 -39
- package/dist/containers/SwapHistory/SwapHistory.d.ts +1128 -24
- package/dist/containers/SwapHistory/SwapHistory.stories.d.ts +6 -5
- package/dist/containers/SwapHistory/SwapMessages.d.ts +17 -17
- package/dist/containers/SwapHistory/index.d.ts +1 -1
- package/dist/containers/SwapHistory/mock.d.ts +2 -2
- package/dist/containers/index.d.ts +3 -3
- package/dist/helper/index.d.ts +6 -3
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/useCopyToClipboard.d.ts +1 -1
- package/dist/index.d.ts +6 -5
- package/dist/index.js +20 -8
- package/dist/index.js.map +7 -0
- package/dist/theme.d.ts +928 -8
- package/dist/types/index.d.ts +2 -2
- package/dist/types/meta.d.ts +23 -23
- package/dist/types/swaps.d.ts +29 -29
- package/dist/types/wallet.d.ts +23 -23
- package/package.json +10 -34
- package/src/components/Alert/Alert.tsx +2 -2
- package/src/components/BestRoute/BestRoute.tsx +4 -3
- package/src/components/Button/Button.tsx +42 -42
- package/src/components/Checkbox/Checkbox.tsx +2 -0
- package/src/components/Chip/Chip.tsx +1 -1
- package/src/components/ColorPicker/ColorPicker.stories.tsx +9 -2
- package/src/components/ColorPicker/ColorPicker.tsx +34 -10
- package/src/components/Icon/common.ts +2 -2
- package/src/components/LiquiditySourceList/LiquiditySourceList.tsx +2 -2
- package/src/components/Modal/Modal.tsx +3 -2
- package/src/components/Radio/Radio.tsx +2 -2
- package/src/components/SelectableWalletList/SelectableWalletList.tsx +5 -5
- package/src/components/Settings/Settings.tsx +22 -18
- package/src/components/Skeleton/Skeleton.tsx +1 -1
- package/src/components/Spinner/Spinner.tsx +1 -1
- package/src/components/StepDetail/StepDetail.tsx +4 -4
- package/src/components/SwapContainer/SwapContainer.tsx +3 -3
- package/src/components/SwapDetail/SwapDetail.tsx +1 -1
- package/src/components/SwapDetail/Token.tsx +2 -2
- package/src/components/Switch/Switch.tsx +2 -2
- package/src/components/TextField/TextField.tsx +3 -3
- package/src/components/TokenList/TokenItem.tsx +1 -1
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/containers/ConfirmSwap/ConfirmSwap.tsx +4 -4
- package/src/containers/History/SwapsGroup.tsx +1 -1
- package/src/containers/History/index.ts +2 -1
- package/src/containers/History/types.tsx +1 -1
- package/src/containers/SwapHistory/SwapHistory.tsx +5 -5
- package/src/helper/index.ts +75 -0
- package/src/index.ts +1 -0
- package/src/theme.ts +34 -36
- package/src/types/index.ts +1 -1
- package/dist/ui.cjs.development.js +0 -5094
- package/dist/ui.cjs.development.js.map +0 -1
- package/dist/ui.cjs.production.min.js +0 -2
- package/dist/ui.cjs.production.min.js.map +0 -1
- package/dist/ui.esm.js +0 -5005
- package/dist/ui.esm.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Wallet';
|
|
1
|
+
export * from './Wallet';
|
|
@@ -1 +1,111 @@
|
|
|
1
|
-
export declare const FilledCircle:
|
|
1
|
+
export declare const FilledCircle: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {
|
|
2
|
+
sm: string;
|
|
3
|
+
md: string;
|
|
4
|
+
lg: string;
|
|
5
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
6
|
+
sm: string;
|
|
7
|
+
md: string;
|
|
8
|
+
lg: string;
|
|
9
|
+
}, {
|
|
10
|
+
colors: {
|
|
11
|
+
primary: string;
|
|
12
|
+
primary100: string;
|
|
13
|
+
primary200: string;
|
|
14
|
+
primary300: string;
|
|
15
|
+
primary400: string;
|
|
16
|
+
primary500: string;
|
|
17
|
+
primary600: string;
|
|
18
|
+
primary700: string;
|
|
19
|
+
primary800: string;
|
|
20
|
+
primary900: string;
|
|
21
|
+
surface: string;
|
|
22
|
+
neutral100: string;
|
|
23
|
+
neutral200: string;
|
|
24
|
+
neutral300: string;
|
|
25
|
+
neutral400: string;
|
|
26
|
+
neutral500: string;
|
|
27
|
+
neutral600: string;
|
|
28
|
+
neutral700: string;
|
|
29
|
+
neutral800: string;
|
|
30
|
+
neutral900: string;
|
|
31
|
+
background: string;
|
|
32
|
+
foreground: string;
|
|
33
|
+
success: string;
|
|
34
|
+
success100: string;
|
|
35
|
+
success300: string;
|
|
36
|
+
success500: string;
|
|
37
|
+
success700: string;
|
|
38
|
+
warning: string;
|
|
39
|
+
warning100: string;
|
|
40
|
+
warning300: string;
|
|
41
|
+
warning500: string;
|
|
42
|
+
warning700: string;
|
|
43
|
+
error: string;
|
|
44
|
+
error100: string;
|
|
45
|
+
error300: string;
|
|
46
|
+
error500: string;
|
|
47
|
+
error700: string;
|
|
48
|
+
white: string;
|
|
49
|
+
};
|
|
50
|
+
space: {
|
|
51
|
+
2: string;
|
|
52
|
+
4: string;
|
|
53
|
+
6: string;
|
|
54
|
+
8: string;
|
|
55
|
+
10: string;
|
|
56
|
+
12: string;
|
|
57
|
+
16: string;
|
|
58
|
+
20: string;
|
|
59
|
+
24: string;
|
|
60
|
+
28: string;
|
|
61
|
+
30: string;
|
|
62
|
+
32: string;
|
|
63
|
+
};
|
|
64
|
+
fontSizes: {
|
|
65
|
+
10: string;
|
|
66
|
+
12: string;
|
|
67
|
+
14: string;
|
|
68
|
+
16: string;
|
|
69
|
+
18: string;
|
|
70
|
+
20: string;
|
|
71
|
+
24: string;
|
|
72
|
+
32: string;
|
|
73
|
+
36: string;
|
|
74
|
+
40: string;
|
|
75
|
+
48: string;
|
|
76
|
+
};
|
|
77
|
+
fonts: {};
|
|
78
|
+
fontWeights: {
|
|
79
|
+
400: string;
|
|
80
|
+
500: string;
|
|
81
|
+
600: string;
|
|
82
|
+
700: string;
|
|
83
|
+
};
|
|
84
|
+
lineHeights: {};
|
|
85
|
+
letterSpacings: {};
|
|
86
|
+
sizes: {
|
|
87
|
+
4: string;
|
|
88
|
+
6: string;
|
|
89
|
+
8: string;
|
|
90
|
+
12: string;
|
|
91
|
+
16: string;
|
|
92
|
+
20: string;
|
|
93
|
+
24: string;
|
|
94
|
+
28: string;
|
|
95
|
+
32: string;
|
|
96
|
+
36: string;
|
|
97
|
+
40: string;
|
|
98
|
+
48: string;
|
|
99
|
+
};
|
|
100
|
+
borderWidths: {};
|
|
101
|
+
borderStyles: {};
|
|
102
|
+
radii: {
|
|
103
|
+
5: string;
|
|
104
|
+
10: string;
|
|
105
|
+
};
|
|
106
|
+
shadows: {
|
|
107
|
+
s: string;
|
|
108
|
+
};
|
|
109
|
+
zIndices: {};
|
|
110
|
+
transitions: {};
|
|
111
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
size: number;
|
|
4
|
-
} & React.ImgHTMLAttributes<HTMLImageElement>;
|
|
5
|
-
export declare function Image(props: PropTypes): JSX.Element;
|
|
6
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type PropTypes = {
|
|
3
|
+
size: number;
|
|
4
|
+
} & React.ImgHTMLAttributes<HTMLImageElement>;
|
|
5
|
+
export declare function Image(props: PropTypes): JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { FilledCircle } from './FilledCircle';
|
|
2
|
-
export { Image } from './Image';
|
|
1
|
+
export { FilledCircle } from './FilledCircle';
|
|
2
|
+
export { Image } from './Image';
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
export * from './BestRoute';
|
|
2
|
-
export * from './BlockchainSelector';
|
|
3
|
-
export * from './Button';
|
|
4
|
-
export * from './Checkbox';
|
|
5
|
-
export * from './Chip';
|
|
6
|
-
export * from './ConnectWalletsModal';
|
|
7
|
-
export * from './Icon';
|
|
8
|
-
export * from './LiquiditySourcesSelector';
|
|
9
|
-
export * from './Modal';
|
|
10
|
-
export * from './SecondaryPage';
|
|
11
|
-
export * from './SelectableWalletList';
|
|
12
|
-
export * from './Settings';
|
|
13
|
-
export * from './Spacer';
|
|
14
|
-
export * from './Spinner';
|
|
15
|
-
export * from './StepDetail';
|
|
16
|
-
export * from './SwapContainer';
|
|
17
|
-
export * from './SwapDetail';
|
|
18
|
-
export * from './Switch';
|
|
19
|
-
export * from './TextField';
|
|
20
|
-
export * from './TokenSelector';
|
|
21
|
-
export * from './Tooltip';
|
|
22
|
-
export * from './Typography';
|
|
23
|
-
export * from './Wallet';
|
|
24
|
-
export * from './Alert';
|
|
25
|
-
export * from './ColorPicker';
|
|
26
|
-
export * from './Radio';
|
|
27
|
-
export * from './TokenList';
|
|
28
|
-
export * from './common';
|
|
29
|
-
export * from './Drawer';
|
|
30
|
-
export * from './Header';
|
|
31
|
-
export * from './Divider';
|
|
1
|
+
export * from './BestRoute';
|
|
2
|
+
export * from './BlockchainSelector';
|
|
3
|
+
export * from './Button';
|
|
4
|
+
export * from './Checkbox';
|
|
5
|
+
export * from './Chip';
|
|
6
|
+
export * from './ConnectWalletsModal';
|
|
7
|
+
export * from './Icon';
|
|
8
|
+
export * from './LiquiditySourcesSelector';
|
|
9
|
+
export * from './Modal';
|
|
10
|
+
export * from './SecondaryPage';
|
|
11
|
+
export * from './SelectableWalletList';
|
|
12
|
+
export * from './Settings';
|
|
13
|
+
export * from './Spacer';
|
|
14
|
+
export * from './Spinner';
|
|
15
|
+
export * from './StepDetail';
|
|
16
|
+
export * from './SwapContainer';
|
|
17
|
+
export * from './SwapDetail';
|
|
18
|
+
export * from './Switch';
|
|
19
|
+
export * from './TextField';
|
|
20
|
+
export * from './TokenSelector';
|
|
21
|
+
export * from './Tooltip';
|
|
22
|
+
export * from './Typography';
|
|
23
|
+
export * from './Wallet';
|
|
24
|
+
export * from './Alert';
|
|
25
|
+
export * from './ColorPicker';
|
|
26
|
+
export * from './Radio';
|
|
27
|
+
export * from './TokenList';
|
|
28
|
+
export * from './common';
|
|
29
|
+
export * from './Drawer';
|
|
30
|
+
export * from './Header';
|
|
31
|
+
export * from './Divider';
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import React, { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
import { SelectableWallet } from '../../types';
|
|
3
|
-
|
|
4
|
-
export interface PropTypes {
|
|
5
|
-
onBack: () => void;
|
|
6
|
-
onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
7
|
-
confirmDisabled?: boolean;
|
|
8
|
-
loading?: boolean;
|
|
9
|
-
requiredWallets: string[];
|
|
10
|
-
selectableWallets: SelectableWallet[];
|
|
11
|
-
onChange: (w: SelectableWallet) => void;
|
|
12
|
-
isExperimentalChain?: (wallet: string) => boolean;
|
|
13
|
-
handleConnectChain?: (wallet: string) => void;
|
|
14
|
-
previewInputs?: ReactNode;
|
|
15
|
-
previewRoutes?: ReactNode;
|
|
16
|
-
confirmButtonTitle: string;
|
|
17
|
-
errors?: Message[];
|
|
18
|
-
warnings?: Message[];
|
|
19
|
-
extraMessages?: ReactNode;
|
|
20
|
-
}
|
|
21
|
-
export declare function ConfirmSwap(props: PropsWithChildren<PropTypes>): JSX.Element;
|
|
22
|
-
export {};
|
|
1
|
+
import React, { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { SelectableWallet } from '../../types';
|
|
3
|
+
type Message = string | ReactNode;
|
|
4
|
+
export interface PropTypes {
|
|
5
|
+
onBack: () => void;
|
|
6
|
+
onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
7
|
+
confirmDisabled?: boolean;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
requiredWallets: string[];
|
|
10
|
+
selectableWallets: SelectableWallet[];
|
|
11
|
+
onChange: (w: SelectableWallet) => void;
|
|
12
|
+
isExperimentalChain?: (wallet: string) => boolean;
|
|
13
|
+
handleConnectChain?: (wallet: string) => void;
|
|
14
|
+
previewInputs?: ReactNode;
|
|
15
|
+
previewRoutes?: ReactNode;
|
|
16
|
+
confirmButtonTitle: string;
|
|
17
|
+
errors?: Message[];
|
|
18
|
+
warnings?: Message[];
|
|
19
|
+
extraMessages?: ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export declare function ConfirmSwap(props: PropsWithChildren<PropTypes>): JSX.Element;
|
|
22
|
+
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
6
|
-
export declare const
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { ConfirmSwap, PropTypes } from './ConfirmSwap';
|
|
4
|
+
declare const _default: ComponentMeta<typeof ConfirmSwap>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (props: PropTypes) => JSX.Element;
|
|
7
|
+
export declare const With5Wallets: (props: PropTypes) => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { ConfirmSwap } from './ConfirmSwap';
|
|
1
|
+
export { ConfirmSwap } from './ConfirmSwap';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BestRouteType } from '../../types/swaps';
|
|
2
|
-
import { SelectableWallet } from '../../types';
|
|
3
|
-
export declare const bestRoute: BestRouteType;
|
|
4
|
-
export declare const wallets: SelectableWallet[];
|
|
5
|
-
export declare const exampleFor5Wallets: SelectableWallet[];
|
|
1
|
+
import { BestRouteType } from '../../types/swaps';
|
|
2
|
+
import { SelectableWallet } from '../../types';
|
|
3
|
+
export declare const bestRoute: BestRouteType;
|
|
4
|
+
export declare const wallets: SelectableWallet[];
|
|
5
|
+
export declare const exampleFor5Wallets: SelectableWallet[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
import { PropTypes as SwapsGroupPropTypes } from './SwapsGroup';
|
|
3
|
-
export
|
|
4
|
-
loading: boolean;
|
|
5
|
-
};
|
|
6
|
-
export declare function History(props: PropsWithChildren<PropTypes>): JSX.Element;
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { PropTypes as SwapsGroupPropTypes } from './SwapsGroup';
|
|
3
|
+
export type PropTypes = SwapsGroupPropTypes & {
|
|
4
|
+
loading: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare function History(props: PropsWithChildren<PropTypes>): JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta } from '@storybook/react';
|
|
3
|
+
import { History, PropTypes } from './History';
|
|
4
|
+
declare const _default: ComponentMeta<typeof History>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Main: (props: PropTypes) => JSX.Element;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
|
|
3
|
-
export
|
|
4
|
-
title: string;
|
|
5
|
-
swaps: PendingSwap[];
|
|
6
|
-
}[];
|
|
7
|
-
export interface PropTypes {
|
|
8
|
-
list: PendingSwap[];
|
|
9
|
-
onBack: () => void;
|
|
10
|
-
onSwapClick: (requestId: string) => void;
|
|
11
|
-
groupBy?: GroupBy;
|
|
12
|
-
}
|
|
13
|
-
export declare function SwapsGroup(props: Omit<PropTypes, 'onBack'>): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
|
|
3
|
+
export type GroupBy = (list: PendingSwap[]) => {
|
|
4
|
+
title: string;
|
|
5
|
+
swaps: PendingSwap[];
|
|
6
|
+
}[];
|
|
7
|
+
export interface PropTypes {
|
|
8
|
+
list: PendingSwap[];
|
|
9
|
+
onBack: () => void;
|
|
10
|
+
onSwapClick: (requestId: string) => void;
|
|
11
|
+
groupBy?: GroupBy;
|
|
12
|
+
}
|
|
13
|
+
export declare function SwapsGroup(props: Omit<PropTypes, 'onBack'>): JSX.Element;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export { History } from './History';
|
|
2
|
-
export { SwapsGroup
|
|
1
|
+
export { History } from './History';
|
|
2
|
+
export { SwapsGroup } from './SwapsGroup';
|
|
3
|
+
export type { GroupBy } from './SwapsGroup';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { PendingSwap } from './types';
|
|
2
|
-
export declare const pendingSwap: PendingSwap[];
|
|
1
|
+
import { PendingSwap } from './types';
|
|
2
|
+
export declare const pendingSwap: PendingSwap[];
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { CosmosTransaction, EvmTransaction, SolanaTransaction, SwapExplorerUrl, SwapperStatusStep, Transfer } from 'rango-sdk';
|
|
2
|
-
import { PendingSwapNetworkStatus, StepStatus } from '../../types/swaps';
|
|
3
|
-
export { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
|
|
4
|
-
export
|
|
5
|
-
id: number;
|
|
6
|
-
fromBlockchain: string;
|
|
7
|
-
fromSymbol: string;
|
|
8
|
-
fromSymbolAddress: string | null;
|
|
9
|
-
fromDecimals: number;
|
|
10
|
-
fromAmountPrecision: string | null;
|
|
11
|
-
fromAmountMinValue: string | null;
|
|
12
|
-
fromAmountMaxValue: string | null;
|
|
13
|
-
fromLogo: string;
|
|
14
|
-
fromBlockchainLogo: string;
|
|
15
|
-
toBlockchainLogo: string;
|
|
16
|
-
toBlockchain: string;
|
|
17
|
-
toSymbol: string;
|
|
18
|
-
toSymbolAddress: string | null;
|
|
19
|
-
toDecimals: number;
|
|
20
|
-
toLogo: string;
|
|
21
|
-
swapperId: string;
|
|
22
|
-
swapperLogo: string;
|
|
23
|
-
swapperType: string;
|
|
24
|
-
feeInUsd: string;
|
|
25
|
-
expectedOutputAmountHumanReadable: string | null;
|
|
26
|
-
startTransactionTime: number;
|
|
27
|
-
outputAmount: string;
|
|
28
|
-
status: StepStatus;
|
|
29
|
-
networkStatus: PendingSwapNetworkStatus | null;
|
|
30
|
-
executedTransactionId: string | null;
|
|
31
|
-
explorerUrl: SwapExplorerUrl[] | null;
|
|
32
|
-
evmApprovalTransaction: EvmTransaction | null;
|
|
33
|
-
evmTransaction: EvmTransaction | null;
|
|
34
|
-
cosmosTransaction: CosmosTransaction | null;
|
|
35
|
-
transferTransaction: Transfer | null;
|
|
36
|
-
solanaTransaction: SolanaTransaction | null;
|
|
37
|
-
diagnosisUrl: string | null;
|
|
38
|
-
internalSteps: SwapperStatusStep[] | null;
|
|
39
|
-
};
|
|
1
|
+
import { CosmosTransaction, EvmTransaction, SolanaTransaction, SwapExplorerUrl, SwapperStatusStep, Transfer } from 'rango-sdk';
|
|
2
|
+
import { PendingSwapNetworkStatus, StepStatus } from '../../types/swaps';
|
|
3
|
+
export type { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
|
|
4
|
+
export type PendingSwapStep = {
|
|
5
|
+
id: number;
|
|
6
|
+
fromBlockchain: string;
|
|
7
|
+
fromSymbol: string;
|
|
8
|
+
fromSymbolAddress: string | null;
|
|
9
|
+
fromDecimals: number;
|
|
10
|
+
fromAmountPrecision: string | null;
|
|
11
|
+
fromAmountMinValue: string | null;
|
|
12
|
+
fromAmountMaxValue: string | null;
|
|
13
|
+
fromLogo: string;
|
|
14
|
+
fromBlockchainLogo: string;
|
|
15
|
+
toBlockchainLogo: string;
|
|
16
|
+
toBlockchain: string;
|
|
17
|
+
toSymbol: string;
|
|
18
|
+
toSymbolAddress: string | null;
|
|
19
|
+
toDecimals: number;
|
|
20
|
+
toLogo: string;
|
|
21
|
+
swapperId: string;
|
|
22
|
+
swapperLogo: string;
|
|
23
|
+
swapperType: string;
|
|
24
|
+
feeInUsd: string;
|
|
25
|
+
expectedOutputAmountHumanReadable: string | null;
|
|
26
|
+
startTransactionTime: number;
|
|
27
|
+
outputAmount: string;
|
|
28
|
+
status: StepStatus;
|
|
29
|
+
networkStatus: PendingSwapNetworkStatus | null;
|
|
30
|
+
executedTransactionId: string | null;
|
|
31
|
+
explorerUrl: SwapExplorerUrl[] | null;
|
|
32
|
+
evmApprovalTransaction: EvmTransaction | null;
|
|
33
|
+
evmTransaction: EvmTransaction | null;
|
|
34
|
+
cosmosTransaction: CosmosTransaction | null;
|
|
35
|
+
transferTransaction: Transfer | null;
|
|
36
|
+
solanaTransaction: SolanaTransaction | null;
|
|
37
|
+
diagnosisUrl: string | null;
|
|
38
|
+
internalSteps: SwapperStatusStep[] | null;
|
|
39
|
+
};
|