@rango-dev/ui 0.22.1-next.0 → 0.22.1-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/dist/index.js +6 -6
- package/dist/index.js.map +4 -4
- package/dist/translations/en.d.ts.map +1 -1
- package/dist/translations/es.d.ts.map +1 -1
- package/dist/translations/fr.d.ts.map +1 -1
- package/dist/translations/ja.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/QuoteCost/QuoteCost.d.ts +4 -0
- package/dist/widget/ui/src/components/QuoteCost/QuoteCost.d.ts.map +1 -0
- package/dist/widget/ui/src/components/{BestRoute/BestRouteSkeleton.styles.d.ts → QuoteCost/QuoteCost.styles.d.ts} +3 -7
- package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map +1 -0
- package/dist/widget/ui/src/components/{RouteCost/RouteCost.types.d.ts → QuoteCost/QuoteCost.types.d.ts} +1 -1
- package/dist/widget/ui/src/components/QuoteCost/QuoteCost.types.d.ts.map +1 -0
- package/dist/widget/ui/src/components/QuoteCost/index.d.ts +2 -0
- package/dist/widget/ui/src/components/QuoteCost/index.d.ts.map +1 -0
- package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts.map +1 -1
- package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +1 -1
- package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts +16 -2
- package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts.map +1 -1
- package/dist/widget/ui/src/components/StepDetails/index.d.ts +1 -1
- package/dist/widget/ui/src/components/StepDetails/index.d.ts.map +1 -1
- package/dist/widget/ui/src/components/StepDetails/mock.d.ts +1 -1
- package/dist/widget/ui/src/components/StepDetails/mock.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/index.d.ts +1 -2
- package/dist/widget/ui/src/components/index.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/BlockchainSelector/BlockchainSelector.d.ts +3 -3
- package/dist/widget/ui/src/containers/BlockchainSelector/BlockchainSelector.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +159 -0
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.types.d.ts +1 -0
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.types.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/TokenSection.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts +2 -2
- package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts.map +1 -1
- package/dist/widget/ui/src/icons/Language.d.ts +5 -0
- package/dist/widget/ui/src/icons/Language.d.ts.map +1 -0
- package/dist/widget/ui/src/icons/index.d.ts +1 -0
- package/dist/widget/ui/src/icons/index.d.ts.map +1 -1
- package/dist/widget/ui/src/index.d.ts +0 -1
- package/dist/widget/ui/src/index.d.ts.map +1 -1
- package/dist/widget/ui/src/{helper → utils}/index.d.ts +0 -3
- package/dist/widget/ui/src/utils/index.d.ts.map +1 -0
- package/package.json +2 -2
- package/src/components/Alert/Alert.styles.ts +2 -5
- package/src/components/Checkbox/Checkbox.styles.ts +5 -1
- package/src/components/ListItem/ListItem.styles.ts +7 -0
- package/src/components/ListItem/ListItem.tsx +1 -1
- package/src/components/PriceImpact/PriceImpact.tsx +2 -2
- package/src/components/{RouteCost/RouteCost.styles.ts → QuoteCost/QuoteCost.styles.ts} +7 -0
- package/src/components/{RouteCost/RouteCost.tsx → QuoteCost/QuoteCost.tsx} +3 -4
- package/src/components/QuoteCost/index.ts +1 -0
- package/src/components/Radio/Radio.styles.tsx +5 -2
- package/src/components/RoutesOverview/RoutesOverview.tsx +6 -2
- package/src/components/SelectableWalletList/SelectableWalletList.tsx +1 -1
- package/src/components/StepDetails/StepDetails.stories.tsx +1 -1
- package/src/components/StepDetails/StepDetails.styles.ts +4 -4
- package/src/components/StepDetails/StepDetails.tsx +3 -3
- package/src/components/StepDetails/StepDetails.types.ts +17 -2
- package/src/components/StepDetails/index.ts +1 -1
- package/src/components/StepDetails/mock.ts +1 -1
- package/src/components/SvgIcon/SvgIcon.style.ts +1 -1
- package/src/components/Switch/Switch.styles.tsx +6 -2
- package/src/components/index.ts +1 -2
- package/src/containers/BlockchainSelector/BlockchainSelector.tsx +9 -8
- package/src/containers/SwapInput/SwapInput.styles.ts +33 -0
- package/src/containers/SwapInput/SwapInput.tsx +16 -19
- package/src/containers/SwapInput/SwapInput.types.ts +1 -0
- package/src/containers/SwapInput/TokenSection.styles.ts +8 -0
- package/src/containers/SwapInput/TokenSection.tsx +4 -1
- package/src/containers/TokenSelector/TokenSelector.tsx +8 -10
- package/src/icons/Language.tsx +55 -0
- package/src/icons/index.ts +1 -0
- package/src/index.ts +0 -1
- package/src/theme.ts +4 -4
- package/src/utils/index.ts +23 -0
- package/dist/widget/ui/src/components/BestRoute/BestRoute.d.ts +0 -4
- package/dist/widget/ui/src/components/BestRoute/BestRoute.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/BestRoute.stories.d.ts +0 -7
- package/dist/widget/ui/src/components/BestRoute/BestRoute.stories.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/BestRoute.styles.d.ts +0 -1429
- package/dist/widget/ui/src/components/BestRoute/BestRoute.styles.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/BestRoute.types.d.ts +0 -34
- package/dist/widget/ui/src/components/BestRoute/BestRoute.types.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.d.ts +0 -4
- package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.styles.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.types.d.ts +0 -6
- package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.types.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/RouteSummary.d.ts +0 -12
- package/dist/widget/ui/src/components/BestRoute/RouteSummary.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/RouteSummary.styles.d.ts +0 -158
- package/dist/widget/ui/src/components/BestRoute/RouteSummary.styles.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/index.d.ts +0 -5
- package/dist/widget/ui/src/components/BestRoute/index.d.ts.map +0 -1
- package/dist/widget/ui/src/components/BestRoute/mock.d.ts +0 -3
- package/dist/widget/ui/src/components/BestRoute/mock.d.ts.map +0 -1
- package/dist/widget/ui/src/components/RouteCost/RouteCost.d.ts +0 -4
- package/dist/widget/ui/src/components/RouteCost/RouteCost.d.ts.map +0 -1
- package/dist/widget/ui/src/components/RouteCost/RouteCost.styles.d.ts +0 -158
- package/dist/widget/ui/src/components/RouteCost/RouteCost.styles.d.ts.map +0 -1
- package/dist/widget/ui/src/components/RouteCost/RouteCost.types.d.ts.map +0 -1
- package/dist/widget/ui/src/components/RouteCost/index.d.ts +0 -2
- package/dist/widget/ui/src/components/RouteCost/index.d.ts.map +0 -1
- package/dist/widget/ui/src/helper/index.d.ts.map +0 -1
- package/src/components/BestRoute/BestRoute.stories.tsx +0 -17
- package/src/components/BestRoute/BestRoute.styles.ts +0 -213
- package/src/components/BestRoute/BestRoute.tsx +0 -176
- package/src/components/BestRoute/BestRoute.types.ts +0 -32
- package/src/components/BestRoute/BestRouteSkeleton.styles.ts +0 -110
- package/src/components/BestRoute/BestRouteSkeleton.tsx +0 -112
- package/src/components/BestRoute/BestRouteSkeleton.types.ts +0 -5
- package/src/components/BestRoute/RouteSummary.styles.ts +0 -15
- package/src/components/BestRoute/RouteSummary.tsx +0 -48
- package/src/components/BestRoute/index.ts +0 -4
- package/src/components/BestRoute/mock.ts +0 -142
- package/src/components/RouteCost/index.ts +0 -1
- package/src/helper/index.ts +0 -99
- /package/src/components/{RouteCost/RouteCost.types.ts → QuoteCost/QuoteCost.types.ts} +0 -0
package/src/helper/index.ts
DELETED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @typescript-eslint/no-magic-numbers */
|
|
2
|
-
|
|
3
|
-
export function containsText(text: string, searchText: string): boolean {
|
|
4
|
-
return text.toLowerCase().indexOf(searchText.toLowerCase()) > -1;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
export function getConciseAddress(
|
|
8
|
-
address: string | null,
|
|
9
|
-
maxChars = 8,
|
|
10
|
-
ellipsisLength = 3
|
|
11
|
-
): string | null {
|
|
12
|
-
if (!address) {
|
|
13
|
-
return null;
|
|
14
|
-
}
|
|
15
|
-
if (address.length < 2 * maxChars + ellipsisLength) {
|
|
16
|
-
return address;
|
|
17
|
-
}
|
|
18
|
-
const start = Math.ceil((address.length - maxChars) / 2);
|
|
19
|
-
const end = address.length - maxChars;
|
|
20
|
-
return `${address.substr(start, maxChars)}${'.'.repeat(
|
|
21
|
-
ellipsisLength
|
|
22
|
-
)}${address.substr(end)}`;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
const hexToRgb = (hex: string) =>
|
|
26
|
-
((value) =>
|
|
27
|
-
value.length === 3
|
|
28
|
-
? value.split('').map((c) => parseInt(c.repeat(2), 16))
|
|
29
|
-
: (value.match(/.{1,2}/g) || []).map((v) => parseInt(v, 16)))(
|
|
30
|
-
hex.replace('#', '')
|
|
31
|
-
);
|
|
32
|
-
|
|
33
|
-
const isHexTooDark = (hexColor: string) =>
|
|
34
|
-
(([r, g, b]) => 0.2126 * r + 0.7152 * g + 0.0722 * b < 40)(
|
|
35
|
-
hexToRgb(hexColor)
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
const isHexTooLight = (hexColor: string) =>
|
|
39
|
-
(([r, g, b]) => (r * 299 + g * 587 + b * 114) / 1000 > 155)(
|
|
40
|
-
hexToRgb(hexColor)
|
|
41
|
-
);
|
|
42
|
-
|
|
43
|
-
const colorShade = (col: string, amt: number) => {
|
|
44
|
-
col = col.replace(/^#/, '');
|
|
45
|
-
if (col.length === 3) {
|
|
46
|
-
col = col[0] + col[0] + col[1] + col[1] + col[2] + col[2];
|
|
47
|
-
}
|
|
48
|
-
let [r, g, b]: any = col.match(/.{2}/g);
|
|
49
|
-
[r, g, b] = [
|
|
50
|
-
parseInt(r, 16) + amt,
|
|
51
|
-
parseInt(g, 16) + amt,
|
|
52
|
-
parseInt(b, 16) + amt,
|
|
53
|
-
];
|
|
54
|
-
|
|
55
|
-
r = Math.max(Math.min(255, r), 0).toString(16);
|
|
56
|
-
g = Math.max(Math.min(255, g), 0).toString(16);
|
|
57
|
-
b = Math.max(Math.min(255, b), 0).toString(16);
|
|
58
|
-
|
|
59
|
-
const rr = (r.length < 2 ? '0' : '') + r;
|
|
60
|
-
const gg = (g.length < 2 ? '0' : '') + g;
|
|
61
|
-
const bb = (b.length < 2 ? '0' : '') + b;
|
|
62
|
-
|
|
63
|
-
return `#${rr}${gg}${bb}`;
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
export const generateRangeColors = (
|
|
67
|
-
name: string,
|
|
68
|
-
mode: 'light' | 'dark',
|
|
69
|
-
color?: string
|
|
70
|
-
) => {
|
|
71
|
-
let colors = { [name]: color };
|
|
72
|
-
if (color) {
|
|
73
|
-
let c = color;
|
|
74
|
-
if (isHexTooDark(color) || mode === 'dark') {
|
|
75
|
-
for (let i = 1; i < 10; i++) {
|
|
76
|
-
colors = {
|
|
77
|
-
...colors,
|
|
78
|
-
[name + i * 100]:
|
|
79
|
-
name === 'neutral'
|
|
80
|
-
? colorShade(c, i * 15)
|
|
81
|
-
: colorShade(color, i * 5),
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
if (isHexTooLight(color) || mode === 'light') {
|
|
86
|
-
for (let i = 1; i < 10; i++) {
|
|
87
|
-
c = colorShade(c, -(i * 5));
|
|
88
|
-
colors = {
|
|
89
|
-
...colors,
|
|
90
|
-
[name + i * 100]:
|
|
91
|
-
name === 'neutral'
|
|
92
|
-
? colorShade(c, -(i * 5))
|
|
93
|
-
: colorShade(color, -(i * 5)),
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
return colors;
|
|
99
|
-
};
|
|
File without changes
|